|
制作例を見る
|
|
|
 |
|
 |
|
 |
やさしい作成講座（その２）
|
|
 |
 |
 |
 |
|
ＳＵＢページの作成に入ります。
【メモ】これから説明する順序は一つの方法であって、実際は他の方法もいろいろ
あります。
|
| 専用フォルダの中に『トップページ』の複製をつくりましょう |
indexファイルは消さないようにしましょう。 |
｢お店の紹介」フォルダを開くとindexファイルがあります。マウスを右クリックして「コピー」を選び同じフォルダ内に「貼り付け」しコピーを完了させます。コピー後は次の画像のようになります。
| コピーしたファイルの名前を「店舗案内」用に変更しましょう |
このファイルが複製です。 |
コピー～indexファイルを右クリックして名前を変えます
名前変更方法は、第一章で学びましたのでここでは省略します。
名前を変えた画像です。
| ホームページ・ビルダ##で編集を左クリック |
##は使用しているソフトのバージョンです。 |
ここではホームページ・ビルダー１０のみで解説いたします。
| ページの編集画面が表示される |
このファイルがＳＵＢページになります。 |
下のような画面が開けましたか？この作業は第一章のときに行った経験があるのでよく判りますね。
これからがＳＵＢページの編集になります。開いた状態はトップページと同じものです。
この拡大画像がＳＵＢページになり、編集する部分です。
| 不要な部分を削除しましょう |
どの部分を残すかは制作者の意図で大きく変わります。これも自由で何の法則もありません。実際には自由にレイアウトしてください。 |
ここではコンテンツの部分のみ削除して、新しく「店舗案内」を作成します。
マウスで削除したい部分を全部囲うと画像のように色が変わります。
この状態で「Ｄｅｌｅｔｅ］Ｋｅｙを押すと一度に削除できます。
失敗したら「編集（Ｅ）」→「元へ戻す（Ｕ）」で最初の状態に戻ります。
このモードはどんな編集においても応用できる便利なモードです。
次の画像は削除したばかりの画像です。
| 削除した部分に表を挿入し店舗案内を書き込みます |
字体は「書式」を使って自由にかえられます。写真やロゴも入れられます |
表の挿入の方法は第一章で学びましたので詳しくは省略しますが、次の画像は表を挿入したときの状態で、属性をかえて（幅、高さ、色）この中に文字を入れていきます・
アドバイス：書き込む文章は予めメモ帳に書いておいて「コピー」→「貼り付け」すると良いでしょう。
字体、サイズ、色なども後で全体を見ながら検討しましょう。
| 店舗案内を一例として作りました |
この要領で他も作成しましょう。 |
次の画像は参考として「店舗案内」を作りました。
あくまで参考にしてください。
ブラウザで見たい場合は、ここをクリックしてください。
| ＳＵＢページを保存しましょう。 |
ページの作成途中でもこまめに保存しましょう。保存忘れは”後の祭り”になります。 |
ＳＵＢページの編集が終わりましね。これからこのページを保存します。第一章で学んだことと全く同じ作業をします。
（１）「ページの保存」→（２）「上書き保存（Ｓ）」で保存されます。
このページを作成するときに開いたファイルネームは「tenpo」でしたね。そうですそこに上書きされるのです。
改めてこのページを開くときは同じ手順で「tenpo」を右クリックしホームページ・ビルダーで開くを選べばこのページが再び開けます。編集が終わったら必ず「保存」を実行してパソコンを閉じてください。
以上でＳＵＢページの作成は終了です。いよいよ第３章でホームページを公開しましょう。
|
 |
 |
 |
 |
|
|
 |
|
|
 |
やさしい作成講座