🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

2233閲覧

初学者:トップページが「ファイルが見つかりませんでした」と表示される

JAQKxsuke

総合スコア11

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2021/02/23 09:02

編集2021/02/24 13:11

前提・実現したいこと

リンクからトップページへ正常に飛ばしたい。
現在は「ファイルが見つかりませんでした」と表示されます。
他の仮想ページへは問題なく飛べています。

ここに質問の内容を詳しく書いてください。
次のウェブサイト制作練習サイトの模写をしています。
サイトの模写が完成して最終チェックをしていましたが、
サイトのロゴやメニューバーからトップページへ飛べず、
エラーが発生します。

■ファイルの階層構造
イメージ説明
イメージ説明
イメージ説明

発生している問題・エラーメッセージ

「ファイルが見つかりませんでした」

該当のソースコード

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 &#169; さきちんカフェ ALL RIGHTS RESERVED. </p> 91</footer> 92 93</div> 94 95</body> 96</html> 97

試したこと

・見本コードと比較しましたが、
違いが分かりませんでした。

・ネットで調べ、
html名に誤りがないか確認しましたが、
問題ありませんでした。

補足情報(FW/ツールのバージョンなど)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/02/23 09:23

初心者アイコンがありますし「初学者:」とか書かなくて良いかと。 >html名に誤りがないか確認しましたが、 問題ありませんでした。 それを他者が判断できる情報が何も提示されていません。
m.ts10806

2021/02/23 09:24

>リンクからトップページへ正常に飛ばしたい。 ファイル構成も提示されないと答えようがないところはあります。 「パスが違うんでしょう」くらいの推測のみです。
meg_

2021/02/23 11:42

> リンクからトップページへ正常に飛ばしたい。 ファイルの階層構造が分かる情報を追記してください。
JAQKxsuke

2021/02/24 13:20 編集

m.ts10806様 ファイル構成を画像にて添付しました。 ご確認の程、宜しくお願い致します。 meg_様 ファイルの階層構造を画像にて添付しました。 記述と画像どちらがよろしかったでしょうか? お手数ですが、ご確認宜しくお願い致します。
meg_

2021/02/24 13:56

該当のソースコードのhtmlファイルはどのファイルになりますか?
m.ts10806

2021/02/24 21:50

>見本とは同じでしたが 見本より自身の環境、構成を見てください。
m.ts10806

2021/02/24 21:50

あと、拡張子を表示する設定にされたほうが良いです。
JAQKxsuke

2021/02/25 11:59

meg_様 >該当のソースコードのhtmlファイルはどのファイルになりますか? index.htmlのファイルになります。
JAQKxsuke

2021/02/25 12:02

m.ts10806様 環境構成とは、ファイルの中身のコードのことでしょうか? >拡張子を表示する設定にされたほうが良いです。 設定しました。index→index.htmと表示されました。
dit.

2021/02/25 23:52 編集

index.htm→index.htmlとファイル名を変更すれば解決なのでは?(もしくはaタグの遷移先をindex.htmに変更する)
JAQKxsuke

2021/02/26 11:01

dit.様 出来ました。ありがとうございました。
m.ts10806

2021/02/26 11:52

>環境構成とは、ファイルの中身のコードのことでしょうか? いえ、OSやファイルの配置などなど含めた今目の前のご自身の環境のことです。 動いているのはご自身の手元のコードであって見本ではないです。
JAQKxsuke

2021/02/26 23:52

m.ts10806様 分かりました、ありがとうございます。
guest

回答1

0

自己解決

下記より解決しました。

①ホームページファイルをindex.htm→index.htmlに変更。
②コード内の画像指定がindex.htmlと記載されていたため、
①により画像表示ができました。

投稿2021/02/27 07:52

JAQKxsuke

総合スコア11

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問