Web制作入門 -5ページ目

Web制作入門

Web制作の勉強中です
覚書に利用しています
間違えなどがありましたら教えて下さい

strong要素で強調します

それぞれのメニューを強調する
<strong>コーヒー</strong>

多くのブラウザでは太字で表示されますが、
視覚表現目的でstrong等を使用するのはやめましょう
*視覚表現はCSSで設定しましょう

strong要素はem要素より強い強調になります
strong要素 > em要素

メニュー一覧
<strong>コーヒー</strong>
¥250

メニュー一覧

コーヒー
¥250


紅茶
¥250


アイスコーヒー
¥250


オレンジジュース
¥150


パウンドケーキ
¥350


ブッシュ・ド・ノエル
¥500


ホットケーキ
¥350

サイト名をh1(大見出し)に定義する

文書の大見出しとなるため、文書内に1ヶ所のみにすることが望ましい

<h1>WEB CAFE</h1>

ブラウザでプレビューし確認しましょう


Dreamweaverのコードヒント
終了タグは</を入力すると自動的に入力されます


キーテキストをh2(中見出し)に定義する

<h2>サイト作成についての交流の場です。</h2>


メッセージをh3(小見出し)に定義する

<h3>WEB CAFEを始めました!!</h3>

h1~h6要素はブロックレベル要素です

プレビューするブラウザ(Safari)を設定する

Dreamweaverメニュー ー> Dreamweaver ー> 環境設定

ブラウザーでプレビュー

Safari Opt F12を選択

ブラウザーでプレビュー


プレビュー方法

Dreamweaverメニュー ー> ファイル ー> ブラウザーでプレビュー

Safariを選択

Opt + F12(Fn)でショートカット呼び出し!!