他のページの作成・・・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」で保存 続けて同様に、ヘッダーを編集して「名前を付けて保存」してください。
「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 WebSiteCopyrightc 2017 SAKAEPC |