03. デザインの決定

Contents

Webデザインのポイント

• 閲覧者にとって使いやすいサイトとは
• 基本的なレイアウトとは
• デザインやレイアウトを統一する

CSSレイアウトページを選択するメリット

• フレームページのデメリット
• CSSレイアウトページのメリット
• テーブルでレイアウトを作成したWebページの問題点とは

CSSレイアウトページの作成

• CSSレイアウトテンプレートから新規作成するには
• ヘッダーやフッターなどの背景色を変更するには
• ページ全体の横幅を固定するには
• ページ全体を中央に配置するには
• CSSレイアウトページを保存するには

横並びリストでナビゲーションの作成

• ナビゲーションエリアの背景を設定するには
• リスト全体のスタイルを設定するには
• リスト項目のスタイルを設定するには
• リンク文字のスタイルを設定するには
• マウスに触れたときのリンク文字のスタイルを設定するには
• 横並びリストを作成するには

パディング、マージンなどの間隔の設定

• 見出しの前後の隙間を詰めるには
• コンテンツエリア内の文字との間の余白を指定するには
• 行間を設定するには
• フッターのパディングを設定するには

サイドバーのスタイルの設定

• サイドバー全体のスタイルを変更するには
• リスト全体のスタイルを設定するには
• リスト項目のスタイルを設定するには
• リンク文字のスタイルを設定するには
• マウスに触れたときのリンク文字のスタイルを設定するには
• サイドバーのリンクリストを作成するには

ダイナミックWebテンプレート

• ダイナミックWebテンプレートの概要
• ダイナミックWebテンプレートとして保存するには
• 編集可能な領域を設定、変更、削除するには
• ダイナミックWebテンプレートが適用されたWebページを更新するには
• ダイナミックWebテンプレートを適用、解除するには

Related Articles

ダイナミックWebテンプレート

• DWTファイルの編集可能な領域に関するFAQ
• ダイナミックWebテンプレートが適用されたページが正しく更新されない場合の対処方法
• ダイナミックWebテンプレートの適用ができない場合の対処方法
• Expression Web 2: エクスプローラにおけるdwtなどのファイルのメニュー表記について
• ダイナミックWebテンプレートをブラウザでプレビューすると、ソース表示される

スタイルシート

• ページによって段組みにならずにコンテンツが下に配置される場合の対処方法
• 見出しの位置がIEとFirefoxで異なる場合の対処方法
• 字下げスタイルを作成するには

ルーラーとグリッド、トレース

• ルーラーとグリッドの使用
• グリッドに合わせる機能について
• トレース用イメージ

ブログ記事より

• CSSファイルのエンコードタイプを変更するには
• ［CSSのプロパティ］作業ウィンドウ/パネル
• Expression Web のサイトテンプレートの中身はどうなっているのか?

問題は解決しましたか？

操作方法、設定方法等で困ったら、Expression Web & FrontPage Users Forum に投稿してください！

▲このページのトップへ