ビデオ: Dreamweaverによる HTML/CSS コーディング 【Webクリオンライン】Webデザインオンライン動画講座サンプル 2025
Dreamweaverには、 HTML5タグを使用してデザインされたCSSレイアウトは、一見無限の多様なページデザインを作成するためにカスタマイズできます。これらのレイアウトは、新しいページを作成するときに頭を惹き付けるもので、さまざまなWebブラウザでうまく機能するように設計されているため、WebブラウザにHTML5とCSSを表示するさまざまな方法による一般的な問題を避けることができます。
これらの理由から、特にHTML5を使用する場合は、[新規ドキュメント]ウィンドウで選択したCSSレイアウトでDreamweaverでデザイン作業を開始する必要があります。
DreamweaverのCSSレイアウトのいずれかを使用して新しいページを作成するには、次の手順に従います。
-
ファイル→新規を選択します。
[新規ドキュメント]ダイアログボックスが表示されます。
-
左の列から空白のページを選択し、中央のページの種類の列からHTMLを選択します。
または、ページタイプセクションの下部に、ASPなど、サイトで使用されているプログラミング言語に対応するオプションを選択することもできます。 NET、PHP、またはColdFusionを選択して手順3に進みます（これらのプログラミングオプションに精通していない場合は、HTMLを使用してください）。
<！ - 2 - > -
レイアウトセクションで、CSSレイアウトを選択します。
CSSレイアウトを選択すると、レイアウトのプレビューがダイアログボックスの右上に表示されます。
-
レイアウトCSSドロップダウンリストから、ページをデザインする際に作成するスタイルシートのタイプを選択します。
-
ヘッドに追加 は、内部スタイルシートを作成し、レイアウトのすべてのスタイル新しい文書のヘッダー領域に挿入します。
<！ - 3 - > -
新規ファイルの作成 は、デザインで新しい文書を作成するときに、すべてのページスタイルで新しい外部スタイルシートを作成します。
-
既存ファイルへのリンク は、新しい文書のスタイルシート情報を既存の外部スタイルシートに追加します。
メモ ： 内部スタイルシートから外部スタイルシートに、または外部スタイルシートから別のスタイルシートにスタイルを移動することによって、スタイルシートの設定方法をいつでも変更できます。
-
-
「作成」をクリックします。
新しいページが作成され、メインワークスペースで開きます。
-
「ファイル」→「保存」を選択して、ページとスタイルを保存します。
外部スタイルシートにスタイルを保存した場合は、別のスタイルシートを保存するように促す2番目のボックスが表示されます。スタイルが内部スタイルシートに含まれている場合は、ページを保存すると自動的に保存されます。
