目次:
- 1ファイルを選択→新規を選択します。
- 2左から空白ページを選択し、右側のレイアウト欄からレイアウトを選択します(たとえば、2列固定、左側サイドバー、ヘッダーとフッターのレイアウト)、作成をクリックします。
- 3ファイルを選択→保存します。
- 4各列のプレースホルダテキストを自分のコンテンツに置き換えます。
ビデオ: Dreamweaver CS5.5使い方講座 HTML5 CSS3サイト作成編 第1章サイトの定義[動学.tv] 2025
Adobe Dreamweaver CS6では、最初から始める代わりに、CSSベースのレイアウトのサンプルページのライブラリを提供しています。これらのCSSサンプルページには、便利で一般的なレイアウトのアイデアがあり、CSS配置で作成されているため、柔軟性に優れています。 [CSSスタイル]パネルまたはプロパティインスペクタから直接変更できます。あなたのコンテンツを追加してください!
次の手順に従って、CSSスターターページから新しい文書を作成します。
<! - 1 - >1ファイルを選択→新規を選択します。
[新規ドキュメント]パネルが表示されます。
2左から空白ページを選択し、右側のレイアウト欄からレイアウトを選択します(たとえば、2列固定、左側サイドバー、ヘッダーとフッターのレイアウト)、作成をクリックします。
あなたが選んだレイアウトに基づいて、新しい無題のページが開きます。
デフォルトでは、新しいCSSスターターページはすべてのCSSルールを埋め込みスタイルシートに置きます。代わりに外部(リンク)スタイルシートを使用するには、[新規ドキュメント]ダイアログボックスの[レイアウトCSS]ドロップダウンリストから[新規ファイルの作成]を選択します。サイトのルートディレクトリにファイルを保存するように求められます。
3ファイルを選択→保存します。
[上へ]を押すと、文書の名前を付けて保存するダイアログボックスが表示されます。
<! - 3 - >4各列のプレースホルダテキストを自分のコンテンツに置き換えます。
Viola!これで、CSSスターターページに基づいた新しい文書が作成されました。それはどれくらい簡単ですか?
