CSSレイアウトテンプレートを使おう

  1. あらかじめサイトを開いておきます。
  2. 「ファイル」→「新規」→「ページ」をクリックします。
  3. 「CSSレイアウト」を選択します。
    CSS
  4. 中央の一覧から任意のテンプレートを選択し、「OK」をクリックします。
  5. テンプレートからCSSファイルとそのスタイルが適用されたページが作成されます。

ファイルの保存

テンプレートで作成したファイルを保存します。

  1. ツールバーの「保存」アイコンをクリックします。
  2. 「ファイル」ボックスに、Webページを保存します。
  3. 続いて、CSSファイルを保存します。（ファイルの種類＝CSS）
  4. 作業中のサイトに、Webページ（html）とCSSファイルが保存されます。

テンプレートで使われているスタイルの構成

#masthead ヘッダー
#top_nav ナビゲーションバー
#page_content ページコンテンツ
#footer フッター

スタイルを変更するには

「スタイルの適用」パネルから、変更したいスタイルを右クリックし、「スタイルの変更」メニューをクリックします。

新しいスタイルを作成するには

  1. 「スタイルの適用」パネルから「新しいスタイル」をクリックします。
  2. 「新しいスタイル」ダイアログボックスが開きますので、設定をし「OK」をクリックします。

既存のスタイルシートを読み込むには

  1. 「スタイルの適用」パネルから「スタイルシートの適用」をクリックします。
  2. 「参照」をクリックし、読み込むスタイルシートを選択します。