HomePage講座     Yukiの休息所(趣味の部屋)
 2号館トップに戻る
 HomePage講座に戻る
 初級者講座に戻る
次の項目へ>>
<<前の項目へ

 HomePage講座第4回初級者用講座です。

 当講座では、超初級者でも必ずホームページが持てるように、 特殊な方法で、ホームページを作っていきます。

 超初心者を脱出なされた、ファイルのアップロードが出来る方を対象に、初級講座を開設してます。
 中級の方には、余計なお世話でしょうが、 まあこんな方法も有るんだ位の軽い気持ちで読み飛ばして、利用できる所だけご利用くだされば結構です。

 既にホームページを運営中の方は、中級編までお待ち願います。

 第4回では、Templateを改造し、自分流に染めていく方法を紹介します。
 一回では無理なので、数回に分けて少しずつですね。

 では、初級者用講座2回目を始めましょうか。

 
 
 
 1.コンテンツの紹介
 
 今回は、新たなページを追加して、トップページとの間にリンクを設定します。
 新たなページでは、旅行記録の写真を紹介するんです。

 ここからが、本番でしょうか?

 


  今の、状況は、こんな感じですか・・

 上段に、寂しく1つのアイコン下の段には、ダウンロードした2つのファイルが有ります。
 尚、上段のアイコンにブラ下がっているのは、リンクの表示。

 先ほど、ページトップに戻る設定を加えておきました。

 これは、後ほど紹介します。

 では、コンテンツのページを追加してみましょう。
 左下の、「26_index.html」をダブルクリックし開き、 続けてファイルメニューから「名前を付けて保存」
 ファイル名は「1_takayama.html」に設定してください。

 「takayama」の部分は任意ですが、 内容が判る様な名前を、半角英文字で、設定してください。
 半角カナ、全角・記号は使用禁止、正常に表示されない恐れが有ります。
 済んだらそのまま閉じて、上段の「index.html」(トップページ)を開いてください。
 
 前回、照会文を書き込んだ所の直ぐ下、 Template_11の部分から、新コンテンツの照会文を作ります。
 

 では、「Template_11」の変わりに、「思い出の高山」とします。
 其の直ぐ下には、写真を挿入します。

 写真の挿入は、ナビメニューの上から4番目、「写真や画像の挿入」から、 「デジカメ写真」です。


 写真のサイズ設定のときに、横幅を150pxに設定してください。
 
 
 次が、其の右側に照会文
 
 文例は右

 コンテンツの紹介はこれで良いでしょう、
 2・リンクを設定します。
 

 最初に入力した、「思い出の高山」の文字をマウスでドラッグして、選択状態にして、 右クリックからリンクの挿入です。

 ファイルへリンクを確認して、「参照」をクリック、先ほど「名前をつけて保存」 をしたファイルを探して、開くデス。

 もう一度「OK」でリンク設定完了。

 何度も実行する事になる機能ですしっかり覚えましょう。
 

 では、もう一度、画面を下にスクロールして、最下部の、ページトップに戻る、 を選択して、リンク挿入、自分自身を指定すればトップに戻れます。

 プレビュー画面でリンクを確かめて見ましょう。
 戻りリンクが未だなので、戻る矢印か、ページ編集に戻れば良いでしょう。
 

 このページはそのまま「ページを公開する」で、 アップロードしてから閉じてしまいます。

 先ほどのリンク設定で、トップページの下に1枚ぶら下りましたね。

 今度は、ぶら下っている方のファイルをダブルクリックで開いてください。
 
 
 このページも改造が必要ですが、今回はリンクの設定です。
 「TopPageに戻る」の文字に、トップページへのリンクを設定してください。

 出来ましたら、「ページを公開する」を実行、
 ブラウザ上での動きを確認してください。

 これで、初級者用講座第2回終了です、お疲れ様でした。

 次回は、コンテンツページを改造して、画像を挿入していきます。