03他のページの作成・・・TOPページとのリンク
 目次であるTOPページとリンクして、行き来できるようにしています。他のページどうしのリンクはありません。
[進む↓]

他のページ用テンプレートの作成
 「k01.html」を開いてください。
表で区切る
「サブタイトル」を「簡単なもの」に変更して[改行]→[テーブル]→[テーブルの挿入]1行,1列,「幅の指定」なし


「kantan01」と入力して[改行]→矢印キー[→]で表の外に移動


水平線で区切る
 現在、カーソルは表の一行目(セル)内の末尾にあります。
「ツールボックス」の[水平線]をダブルクリック


 「水平線」が二本になりました。
削除(キーボードの[Delete]キーから)
下のセル内に元からある「水平線」をクリック(選択)して削除[Delete]


 「水平線」が上のセル内の一本になりました。「文字(kantan01)」と「水平線」の間隔がセルの枠線分狭くなります。
続けて[Delete(空白行の削除)]、続けて図の位置をクリックして[Delete(空白行の削除)]


リンクを設定する文字とボタンを追加
図のように、「水平線」の下をクリック


「TOP」と入力→[改行]→「ツールボックス」の[イメージ]をダブルクリック


挿入された[img]の上で右クリック→[画像のプロパティ]


「画像のプロパティ[全般],[外観]」
 前述の「他サイトの画像を転載"直リン"」を参照して、元画像のURLをコピーしてください。
「画像」に元画像のURLを貼り付け、「サイズ」の[幅]のみを68ピクセルに指定する→[OK]


 画像がリンクされました。元画像がリサイズされています。
水平線を挿入
画像の右側をクリックしてカーソルを移動→「ツールボックス」の[水平線]をダブルクリック


 挿入した「水平線」の下でカーソルが点滅し、空白行があることを示しています。
キーボードの[Delete]キーで削除


ハイパーリンクの挿入
 TOPページへのリンクを設定します。
「TOP」の文字を選択→[挿入]→[ハイパーリンク]→「ハイパーリンクの挿入」

「ファイル、Webページ」の「現在のフォルダー」から、[index.html]を選択→[OK]

 画像にも同じリンクを設定します。
[img]をクリックして選択→[挿入]→[ハイパーリンク]→「ハイパーリンクの挿入」
「ファイル、Webページ」の「現在のフォルダー」から、[index.html]を選択→[OK]


 完成見本はコチラ→「k0108.html」、ページ「マジックの世界」が新しいタブで開きます。
[戻る↑][進む↓]
複数のページをテンプレートから作成
 現在編集中の「k01.html」から、新たに三つのファイルを作成します。

名前を付けて保存
 「k01.html」を「上書き保存」後、ヘッダーを図のように編集しています。
[ファイル]→[名前を付けて保存]→ここでは「ファイル名 mk01.html」で保存


 続けて同様に、ヘッダーを編集して「名前を付けて保存」してください。

ヘッダー部 ヘッダー部

もっと、もっと簡単なもの

motto
mottokantan01

ファイル名
「mmk01.html」

もっと、もっと、もっと簡単なもの

motto motto
mottokantan01

ファイル名
「mmmk01.html」

 「TOPページ」へのリンクが設定してある「他のページ(ファイル)」が四つできました。
「サイト ビュー」の「ハイパーリンク」で確認


 完成見本はコチラ→「mk0108.html」,「mmk0108.html」,「mmmk0108.html」、ページ「マジックの世界」が新しいタブで開きます。
[戻る↑][進む↓]
TOPページからのリンク
 TOPページ「index.html」を開いてください。

文字列「kantan01」にページ「k01.html」へのリンクを設定
セル内の文字列を選択→[挿入]→[ハイパーリンク]→「ハイパーリンクの挿入」

「ファイル、Webページ」の「現在のフォルダー」から、[k01.html]を選択→[OK]
 文字列の選択には、クリックやドラッグの他に[Shift]+「矢印キー[←][→]」が有効です。

同様にページ「mk01.html」へのリンクを設定


同様にページ「mmk01.html」,「mmmk01.html」へのリンクを設定


「サイト ビュー」の「ハイパーリンク」で確認


 完成見本はコチラ→「index08.html」、ページ「マジックの世界」が新しいタブで開きます。
[戻る↑]

トップへ目次へ前へ←→次へこの章の始めへ

HaraHara WebSite

Copyrightc 2017 SAKAEPC
inserted by FC2 system