ホームページビルダー 初級講座 Room110 第10回（最終回）
ホームページビルダー 初級講座 Room110 第10回（最終回）
総仕上げ −最終編− 第８回で保存したファイル サイト[lesson1] の[lesson8.html] を呼び出しましょう
これですね？
○ これをベースに かなり実用的なサイトを作ります。手順のだけを 箇条書きにしますので、その順に 作業を進めるといいでしょう。今までのテクを全部駆使することになります。迷ったら、以前のＬｅｓｓｏｎの戻って、練習を積んでください。１．サイト ｓｏｕｇｏｕ をデスクトップに作ります。２．ホームページビルダーを起動します。３．サイト[lesson1] の[lesson8.html] を呼び出します。４．文字タイトルの下に 枠を作ります。 最初は初期値２行２列で 必要に応じて行列を加減します。５．枠の中に文字を入力します。６．配置、大きさ、色、などを好みに変更します。７．文字の下に ４．と同じように 枠を作成します。８．ウエブアーツデザイナーを立ち上げます。以下はこれ上での作業です。１）必要な画像（写真）を取り込み、トリミングや サイズの圧縮をします。 ２０ｋ程度以下にすることです。２）保存をしたら、同一画像を1/4程度に小さくして圧縮し、保存します。５ｋ程度以下にすることです。３）上記１）２）を繰り返し必要な分の数を作ります。４）保存先は先に作ったサイト[ｓｏｕｇｏｕ] にしましょう。９． ８．で作った画像（サムネイル）を、７．で作った枠内にドラッグアンド ドロップします。各図の大きさを調整します。４コマあれば、４コマとも同じ大きさにするのがいいでしょう。10. 画像の横に文字を入れます。11. 画像にリンクを張ります。張られるページ名を決めておきましょう。必要な数だけ作ります。12. 11.で作った（名前）の新たなページを作成します。今までと同じようにジャンプ先のサイトを作ります。 手順は１〜12と同じです。写真はサムネイルではなく、大きい写真ですが、デジカメやスキャナーで取り込んだそのままはだめです。必ず、最大でも２０ｋバイト程度に圧縮をかけましょう。]
最終作品です。
縮小画像です。
参考にしてください。
画像をクリックすると
実物のサイトにジャンプします。
これで初級講座を修了します。 ご意見ご感想をお願いします。中級編では、HTMLの知識が若干必要です。 HTML初級講座で習得してください。
back to room 110 top
goto e-school top
