前提・実現したいこと
リンクからトップページへ正常に飛ばしたい。
現在は「ファイルが見つかりませんでした」と表示されます。
他の仮想ページへは問題なく飛べています。
ここに質問の内容を詳しく書いてください。
次のウェブサイト制作練習サイトの模写をしています。
サイトの模写が完成して最終チェックをしていましたが、
サイトのロゴやメニューバーからトップページへ飛べず、
エラーが発生します。
発生している問題・エラーメッセージ
「ファイルが見つかりませんでした」
該当のソースコード
HTML
1<!DOCTYPE HTML> 2<html lang="ja"> 3<head> 4<meta charset="utf-8"> 5<link rel="stylesheet" href="../style.css"> 6<title>メニュー一覧|さきちんカフェ</title> 7<!--[if lt IE 9]> 8<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 9<![endif]--> 10</head> 11 12<body> 13 14<div id="wrap"> 15 16<header> 17<h1>すべて手作り!安心の国産素材だけを厳選した、さきちんカフェです。</h1> 18<a href="../index.html"><img src="../img/logo.jpg" alt="さきちんカフェ、ロゴマーク"></a> 19</header> 20 21<nav> 22<ul id="menu"> 23<li><a href="../index.html"><img src="../img/menu_home.gif" alt="ホーム"></a></li> 24<li><a href="menu.html"><img src="../img/menu_menu.gif" alt="メニュー"></a></li> 25<li><a href="kodawari.html"><img src="../img/menu_quality.gif" alt="こだわり"></a></li> 26<li><a href="tenpoannai.html"><img src="../img/menu_store.gif" alt="店舗案内"></a></li> 27</ul> 28</nav> 29 30<article> 31<h2>契約農家から直接仕入れた新鮮な素材だけを使い、1つ1つ丁寧に手作りしています。</h2> 32 33<div id="contents"> 34 35<section> 36<div class="contentsbox"> 37<h3 class="midashi">メニュー</h3> 38 39<section> 40<h4>お食事</h4> 41<div class="minibox"> 42<a href="../img/food01.jpg" target="_blank"><img src="../img/food01_min.jpg" alt="ホットケーキ"></a> 43</div> 44 45<div class="minibox"><a href="../img/food02.jpg" target="_blank"><img src="../img/food02_min.jpg" alt="カリカリシュー"></a></div> 46<div class="minibox"><a href="../img/food03.jpg" target="_blank"><img src="../img/food03_min.jpg" alt="とろ~りチーズピザ"></a></div> 47<div class="minibox"><a href="../img/food04.jpg" target="_blank"><img src="../img/food04_min.jpg" alt="有機野菜サラダ"></a></div> 48 49<p class="clear">すべて手作り!おいしいメニューを取り揃えてました。画像をクリックすると、別ウィンドウで拡大表示されます。</p> 50</section> 51 52<section> 53<h4>お飲み物</h4> 54<div class="minibox"><a href="../img/drink01.jpg" target="_blank"><img src="../img/drink01_min.jpg" alt="挽きたて珈琲"></a></div> 55 56<div class="minibox"><a href="../img/drink02.jpg" target="_blank"><img src="../img/drink02_min.jpg" alt="もこもこカフェラテ"></a></div> 57 58<div class="minibox"><a href="../img/drink03.jpg" target="_blank"><img src="../img/drink03_min.jpg" alt="グレープフルーツジュース"></a></div> 59 60<div class="minibox"><a href="../img/drink04.jpg" target="_blank"><img src="../img/drink04_min.jpg" alt="天然ハーブティー"></a></div> 61 62<p class="clear">ホッと一息。リフレッシュしたいときや食後、お食事と一緖にお飲み物はいかがですか?画像をクリックすると、別ウィンドウで拡大表示されます。</p> 63</section> 64 65 66</div> 67</section> 68 69</div> 70 71</article> 72 73<section> 74<div id="sidenavi"> 75<h2 id="goannai">ご案内</h2> 76<div class="sidebox"><a href="menu.html"><img src="../img/menusyoukai.jpg" alt="メニューのご紹介"></a></div> 77<div class="sidebox"><a href="menu.html"><img src="../img/new.jpg" alt="新メニュー追加のお知らせ"></a></div> 78<div class="sidebox"><a href="kodawari.html"><img src="../img/kodawari.jpg" alt="さきちんカフェのこだわり"></a></div> 79<div class="sidebox"><a href="tenpoannai.html"><img src="../img/tenpoannai.jpg" alt="店舗案内"></a></div> 80<aside> 81 82<h2>ご予約やお持ち帰りもOK!</h2> 83<p>できたてホカホカ!お電話でのご注文も承っています。ご予約やテイクアウトにどうぞ!詳しくは各店舗までお電話ください。</p> 84</aside> 85 86</div> 87</section> 88 89<footer> 90<p>COPYRIGHT © さきちんカフェ ALL RIGHTS RESERVED. </p> 91</footer> 92 93</div> 94 95</body> 96</html> 97
試したこと
・見本コードと比較しましたが、
違いが分かりませんでした。
・ネットで調べ、
html名に誤りがないか確認しましたが、
問題ありませんでした。
補足情報(FW/ツールのバージョンなど)
初心者アイコンがありますし「初学者:」とか書かなくて良いかと。
>html名に誤りがないか確認しましたが、
問題ありませんでした。
それを他者が判断できる情報が何も提示されていません。
>リンクからトップページへ正常に飛ばしたい。
ファイル構成も提示されないと答えようがないところはあります。
「パスが違うんでしょう」くらいの推測のみです。
> リンクからトップページへ正常に飛ばしたい。
ファイルの階層構造が分かる情報を追記してください。
m.ts10806様
ファイル構成を画像にて添付しました。
ご確認の程、宜しくお願い致します。
meg_様
ファイルの階層構造を画像にて添付しました。
記述と画像どちらがよろしかったでしょうか?
お手数ですが、ご確認宜しくお願い致します。
該当のソースコードのhtmlファイルはどのファイルになりますか?
>見本とは同じでしたが
見本より自身の環境、構成を見てください。
あと、拡張子を表示する設定にされたほうが良いです。
meg_様
>該当のソースコードのhtmlファイルはどのファイルになりますか?
index.htmlのファイルになります。
m.ts10806様
環境構成とは、ファイルの中身のコードのことでしょうか?
>拡張子を表示する設定にされたほうが良いです。
設定しました。index→index.htmと表示されました。
index.htm→index.htmlとファイル名を変更すれば解決なのでは?(もしくはaタグの遷移先をindex.htmに変更する)
dit.様
出来ました。ありがとうございました。
>環境構成とは、ファイルの中身のコードのことでしょうか?
いえ、OSやファイルの配置などなど含めた今目の前のご自身の環境のことです。
動いているのはご自身の手元のコードであって見本ではないです。
m.ts10806様
分かりました、ありがとうございます。
回答1件
あなたの回答
tips
プレビュー