ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

他ページへのコピーと編集

他のページにもソースコードをコピーしよう

参照先の修正作業が完了したので、「menu.html」以外のページへソースコードをコピーしましょう。

他のページにもコピーしよう

「menu.html」のソースコードを「kodawari.html」と「tenpoannai.html」にコピーします。
この3つのページはすべて同じ階層にあるので、参照先の修正は必要ありません。
タイトルさえ修正してしまえばOKです。簡単ですね!

ソースコードのコピー

step.1

さっそくソースコードをコピーしましょう。
まずは「menu.html」を開きます。

step.2

開いたらマウスで全てを選択、もしくは「Ctrl+A」を押しましょう。
その後、右クリックメニューのコピーもしくは「Ctrl+C」でコピーします。

コピーの手順

コピーしたら一旦「menu.html」を閉じましょう。

step.3

「kodawari.html」を開きます。

開いたら右クリックメニューから「貼り付け」もしくは「Ctrl+V」でソースコードを貼り付けます。

こだわりページへの貼り付け

コピーが完了したら、「kodawari.html」を保存しましょう。
もちろん、保存する際には文字コードを「UTF-8N」で保存します。

これで「kodawari.html」へのソースコードのコピーの完了です。

「tenpoannai.html」へのコピー

上記と同じ手順で、「tenpoannai.html」にもソースコードをコピーしましょう。

「menu.html」からソースコードをコピーし、「tenpoannai.html」へ貼り付けてUTF-8Nで保存します。

店舗案内へのコピー

「kodawari.html」のタイトル修正

コピーが完了したら、次はタイトルの修正を行いましょう。
再度「kodawari.html」を編集します。

現在は

<title>メニュー一覧|さきちんカフェ</title>

となっていますが、

<title>こだわり|さきちんカフェ</title>

とします。

こだわりのタイトル編集

これで「kodawari.html」の修正は完了です。UTF-8Nで保存して閉じておきましょう。

「tenpoannai.html」のタイトル修正

「tenpoannai.html」のタイトルの修正も行いましょう。
「tenpoannai.html」を編集します。

現在は

<title>メニュー一覧|さきちんカフェ</title>

となっていますが、

<title>店舗案内|さきちんカフェ</title>

と書き換えましょう。

店舗案内のタイトル編集

これで「tenpoannai.html」の修正は完了です。UTF-8Nで保存して閉じておきましょう。

覚えておきたいポイント

書き換えはタイトルだけ

menu.htmlからソースコードをコピーしたら、タイトルを書き変えるだけでOKです。参照先などは変更する必要はありません。

ブラウザで確認

ソースコードのコピー&貼り付けとタイトルの修正が完了したので、2ファイルともブラウザで確認しましょう。
下記画像のように表示されていれば成功です。

ブラウザでの確認

タイトルを修正しているので、正常にコピー&書き換えできているか確認しましょう。
タイトルはウィンドウの1番上もしくはタブに表示されます。

右クリックメニューの「ソースの表示」から確認することもできます。

覚えておきたいポイント

タイトルを確認しよう

ページのタイトルが変わっているか確認しましょう。
ここが変わっていないと、別のページから移動した場合にページ内容とタイトルが一致せずおかしな表示になってしまいます。

【STEP.6】他のページを完成させよう
« 前のページへ 参照先の修正

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。