トップページ以外のページを作る
メニューリストを作るのページで、リンク先に指定したlink1.htmlとlink2.htmlのファイルを作り、
トップページから移動できるリンクページを作ってみましょう。
link.htmlファイルの作り方
- デスクトップ画面の左下のウィンドウズのロゴマークをクリックしてメニューからメモ帳を選びます。
- メモ帳の画面が開いたら次のソースをコピーペーストして下さい。
<?xml version='1.0' encoding='shift_jis'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=shift_jis' />
<title>節約HPリンク1</title>
</head>
<body>
</body>
</html>
link1.htmlを作る
- ソースのコピーペーストができたら上部のメニューから「ファイル」→
「名前を付けて保存」を選びます。
- 名前をlink1.htmlと付けます。保存先は必ずHP作成のフォルダを選んで下さいね。
- HP作成のフォルダ内にlink1.htmlが入っていれば成功です(^^)。
link2.htmlを作る
- 「HP作成」のフォルダを開き、link1.htmlのファイルにカーソルを合わせて、右クリックします。
- メニューの「コピー」を選びます。
- 次に、「HP作成」のフォルダ内の何もない所で右クリックしてメニューを出して、「貼り付け」を選びます。
- すると、”link1-コピー.html”というファイルが出来ます。
- 次にキーボードのBackspaceキーを1回押して”link1-コピー.html”という名前を消します。
- キーボード入力でlink2.htmlと名付けEnterキーで決定します。
- これで、リンクページ用のhtmlファイルが2つ完成です。
- 同じ様にすれば、ファイルはいくらでも増やせます。
後は、トップページと同じ様に、cssファイルでスタイルを指定して、見やすいページを作っていきましょう。