<WEB提出状況> test.html ／ sample2 ／契約
Dream weaver 8 教科書の課題 「common_style」
これまでできるようになったDreamweaverの操作
●契約内容(サイトのFTP)をDreamweaverに設定する
●WEBに使用する画像をPhotoshop or Illustratorで作成する
-------------------
●新規HTMLページを作成する P.66
●画像をはる P.52のstep.02
●リンクをはるP.58のstep.02
Part2 Lesson-1
step1
●ページタイトルを付ける
・ページの基本設定ウインドウを開く
・ページタイトルを付ける
・テキストの色を設定する
・リンクカラーの設定
・背景色・背景画像の設定
<P.66.67>step2
●HTMLとスタイルシートの関係について理解する。
<P.68.69>step3
●<※P.69.70のstep3は飛ばして下さい、授業で契約しているサイトが
各自１つづつなので、設定しないこと>
step4
●新規ページを作成してタイトルをつける。
<P.71>
※[4]の保存場所に注意:
<授業で契約しているサイトが各自１つづつなので>
教科書と違い、最終的にはLesson2で使う
common_styleのフォルダの中にindex.htmlを保存します。
※common_styleのフォルダの外に保存すると、
すでにあるindex.htmlを上書き(書き変え)して消してしまう
ので気をつける事！！
Part2 Lesson-2
【文章を編集する】 元データcommon_style.zip
step1
Lesson1で作成したindex.htmlに
ダウンロードした元データの中の3size_display_impact.txtの内容を
コピーして貼付けて作業を開始。
step2
見出しをマークアップする。
Part2 Lesson-３
【リストを定義する】
step1
リスト定義についてstep2
箇条書きをリスト定義するstep3
各項目の見出しを強調するstep4
コピーライトをマークアップする
<P.84の続きは★へ飛ぶ>
Part2 Lesson-４
【画像を挿入する】
step1
webページに挿入できる画像形式<※以前にプリントでやった内容です>
step2
画像ファイルをブラウザで確認する
<★P.88>step3
画像をファイルパネルから挿入するstep4
画像を挿入したページをブラウザでプレビューする
<P.90の作業までやって保存。
★つづきの作業をP.102～再開するので
ここまでの作業を完成しておく>