Photo日記

DreamWeaver4.0操作説明

スタイルシートの定義が終わったらほぼ完成です♪忘れず「保存」しておきましょう。スタイルシートの定義結果はDreamWeaverの操作画面には表示されませんので、ちっとも変わっていないように見えますが、そんなことはないですよ。
このほかにお好みで<h1>タグを変えたり、テーブルのセルの中、<td>タグのフォントサイズを変えたりしてください。

ソース

スタイルシートの定義が終わったらほぼ完成です♪忘れず「保存」しておきましょう。このほかにお好みで<h1>タグを変えたり、<td>（テーブルのセル）タグのフォントサイズを変えたりしてください。
例）<h1>をフォントサイズ14ピクセル、色#999999に。<td>をフォントサイズ12ピクセル、行間18ピクセルに。
h1 { font-size: 14px; color: #999999}
td { font-size: 12px; line-height: 18px}

DreamWeaver4.0操作説明

それでは実際にブラウザでどのように表示されるか見てみましょう。
メニューバーの「ファイル」→「ブラウザでプレビュー」→「iexplore」をクリック、またはキーボードの「F12」を押してください。「iexplore」はインターネットエクスプローラーのことです。ここには設定次第でネットスケープなども加えることができます。
プレビュー画面はどうですか？テーブルや画像がちゃんと表示されていますか？表示されていたら成功です♪お疲れ様でした！

ソース

保存したファイルの拡張子は html または htm になっていますか？txt のままでしたら、右クリック→「名前の変更（M）」で忘れず変えておきましょう。
実際にブラウザでどのように表示されるか見るには、保存したファイルをダブルクリックするだけでOKです。テーブルや画像がちゃんと表示されていますか？表示されていたら成功です♪お疲れ様でした！