www.wanichan.com
ワニchanのぶっくわーるど〜著書リスト・サポート情報〜

もくじ

Expression Web 標準ガイドブック
出版社 毎日コミュニケーションズ
価格 2,415円(本体価格:2,300円)
発行日 2007/5/21
サイズ種別 B5変/カラー
ページ数 232
ISBN 978-4-8399-2393-8

amazon.co.jpで購入する!

本書の内容に関する質疑応答、Expression Webの操作方法などの話題は、
FrontPage & Expression Web User's Forumへどうぞ!
本書で紹介しきれなかった機能は、
Expression Webを使ってみよう」で掲載していきます

Chapter 1 Expression Webの概要

Section1 Expression Webとは

  1. 標準に準拠したWebサイト構築ツール
  2. CSSレイアウト
  3. ページのレンダリング

Section2 Expression Webの特長

  1. プロのデザイン・ユーザーインターフェイス
  2. HTML/XTHML・CSS スキーマ
  3. ディスプレイの解像度に応じた編集
  4. 複数ブラウザでのプレビュー
  5. 対応するスタイルシートのルールをすばやく検索
  6. スタイルシートの適用・管理
  7. コード編集(IntelliSence)

Section3 Expression Webの画面について

  1. Expression Web の起動
  2. 画面構成について
  3. 共通ツールバー
  4. 質問ボックス
  5. [フォルダ一覧]作業ウィンドウ
  6. [プロパティ]作業ウィンドウ
  7. 編集ウィンドウ
  8. [ツールボックス]作業ウィンドウ
  9. [スタイル]作業ウィンドウ
  10. ステータスバー

Section4 ワークスペースのレイアウトのカスタマイズ

  1. 作業ウィンドウの移動
  2. 作業ウィンドウの表示
  3. ワークスペースのレイアウトのリセット

Section5 FrontPage 2003 との比較

  1. Expression Web で追加・強化された機能
  2. Expression Web で廃止された機能

Section6 Expression WebでのWeb制作の流れ

  1. Web サイトの新規作成
  2. 既存のWeb サイトを開く
  3. Web ページの作成、素材のインポート
  4. Web サイトの発行

▲Page TOP

Chapter 2 Expression Web によるWeb デザインの基本

Section1 テンプレートを利用したWeb サイトの作成

  1. テンプレートを利用してWeb サイトを作成する
  2. 作成したWeb サイトを確認
  3. 作成されたページをブラウザでプレビューする

Section2 ダイナミックWeb テンプレートの編集と更新

  1. ダイナミックWeb テンプレートファイルを開く
  2. ダイナミックWeb テンプレートを編集する
  3. ダイナミックWeb テンプレートの保存と反映

Section3 トップページの編集

  1. ファイル名の変更
  2. 文字色を変更する
  3. 本文の入力
  4. 見出しを作成する
  5. リストを作成する
  6. 文字スタイルを変更する
  7. ページのタイトルの変更
  8. ページを上書き保存する

Section4 ハイパーリンクの作成

  1. 他のページへのリンク
  2. 他のWeb サイトへのリンクの作成
  3. Web ページ内の特定の場所へのリンク作成
  4. 電子メールアドレスへのリンク
  5. リンク先のページの新規作成
  6. 画像へのリンクの作成

Section5 画像の挿入

  1. Web ページに使う画像のインポート
  2. 画像の挿入

Section6 オートサムネイル機能の利用

  1. 図ツールバーの表示
  2. オートサムネイルの作成
  3. 上書き保存. サムネイル画像の保存
  4. ブラウザで確認する
  5. オートサムネイルの設定について

Section7 表の作成

  1. 表の挿入
  2. 行や列の挿入
  3. 行や列の削除
  4. 罫線(外枠)の追加
  5. 表全体のカスタマイズ
  6. セルのカスタマイズ

▲Page TOP

Chapter 3 CSS によるレイアウト

Section1 デザインビューモードでのスタイルの作成

  1. ツールボタンでテキストの書式設定
  2. スタイル適用モードの切り替え
  3. 使用されなくなったスタイルの最適化
  4. スタイルの情報を素早く検索

Section2 CSS ファイルへのエクスポート

  1. 外部CSS ファイルの作成
  2. 外部CSS ファイルへのリンク
  3. スタイルの外部CSS ファイルへの移動
  4. 移動されたCSS スタイルの確認

Section3 新しいスタイルの作成と適用

  1. 新しいスタイルの作成
  2. 作成されたスタイルの適用

Section4 スタイルの変更

  1. スタイルを変更する
  2. スタイル名の変更

Section5 スタイルを活用したCSS の設定

  1. 出力されるCSS を( クラス/ルール) スタイルに設定する
  2. スタイルが設定されていないWeb ページの作成
  3. 見出しスタイルの設定
  4. 本文のリードのスタイル設定
  5. 本文のコンテンツのスタイルの設定

Section6 ナビゲーションをデザインする

  1. ナビゲーションボックスのスタイルを設定する
  2. ナビゲーションのリストスタイルを設定する
  3. ナビゲーション内リストの各項目のスタイルを設定する

Section7 背景色、背景イメージの設定

  1. Web ページの背景色の設定
  2. Web ページの背景画像の設定
  3. 背景画像の配置のカスタマイズ
  4. 既存のCSS スタイルの背景色の変更
  5. 既存のCSS スタイルの背景画像の変更

Section8 DIV の挿入

  1. ツールボックスからDIV を挿入
  2. 固有ID の割り当て
  3. DIV の移動

Section9 ナビゲーションリンクのスタイルの設定

  1. ナビゲーションの作成
  2. ナビゲーション内のリンクのスタイルを設定する
  3. マウスに触れたときの背景色を変更する
  4. ブラウザで確認する

Section10 絶対・相対配置ボックスの作成

  1. 相対配置ボックスの作成
  2. マージンの設定
  3. ボックスの罫線と間隔の設定

Section11 見出しや段落のデザイン設定

  1. 見出しに太さの異なる罫線を付ける
  2. 見出しに背景色をつける
  3. 段落に背景画像を設定する

Section12 テンプレートを利用した段組レイアウト

  1. CSS レイアウトテンプレートから新規作成
  2. CSS スタイルの作成
  3. ファイルの保存

▲Page TOP

Chapter 4 Web標準に準拠したサイトの作成

Section1 W3Cの仕様に準拠しないタグの検出および修正

  1. コードエラーの検出
  2. 終了タグ、開始タグとの整合チェック
  3. コードスニペットによるDOCTYPE の挿入
  4. 互換性のないHTML の検出
  5.  エラーの修正
  6. 互換性レポート

Section2 テキストの検索と置換

  1. 作業中のページ内の検索
  2. 開いているページの置換
  3. 選択したページでの置換
  4. 検索・置換によるタグの変更
  5. 検索・置換によるタグの削除
  6. HTML のルールの設定

Section3 アクセシビリティ

  1. アクセシビリティとは
  2. アクセシビリティレポート

Section4 HTML の最適化

  1. Word 固有のHTML タグの除去
  2. Generator およびProgID タグの削除
  3. スペースの削除
  4. コメントの削除

Section5 コードビューのカスタマイズ

  1. コードビューの色の設定
  2. IntelliSence の設定
  3. コードスニペットの設定

▲Page TOP

Chapter 5 制作を効率化する便利な機能

Section1 ツールバーの便利機能

  1. 表示されていないツールバーを表示するには?
  2. ツールバーにコマンドボタンを追加したい
  3. 新しいツールバーを作成したい
  4. ツールバーをリセットしたい

Section2 画面関連の便利機能

  1. 画像の周りに文字を折り返すには
  2. テキストや画像などの縦方向の揃え位置を指定するには
  3. 画像を絶対配置にするには
  4. 絶対配置された場所を変更するには
  5. 挿入された画像を補正するには
  6. 画像の一部にリンクするには

Section3 ビヘイビア関連の便利機能

  1. インタラクティブボタンを挿入したい
  2. 画像に触れるとその画像を置き換えるようにしたい
  3. 特定のURL に転送するには
  4. ジャンプメニューを作成したい
  5. [GO] ボタンクリックで初めてジャンプするようにしたい
  6. マウスが触るとテキストボックスに文字を表示するには
  7. マウスに触れると特定の場所にテキストを表示させたい
  8. クリックした時にポップアップメッセージを表示させるには
  9. クリックすると指定サイズのウィンドウを開くには

Section4 ダイナミックWeb テンプレートの便利機能

  1. ダイナミックWeb テンプレートとして保存する
  2. 編集可能領域を追加する
  3. 編集可能領域の削除
  4. 編集可能領域名の変更
  5. ダイナミックWeb テンプレートを適用するには
  6. ダイナミックWeb テンプレートの適用を解除するには

Section5 アプリケーションのオプションの便利機能

  1. エディタの設定
  2. Expression Web の起動時に最後に作業したWeb サイトを自動的に開かないようにしたい

Section6 サイト発行の便利機能

  1. サイト発行時、すべてのページを発行したい
  2. サイト更新発行時、最後に発行した元のファイルのタイムスタンプを基準に反映したい
  3. 発行しないファイルを指定したい
  4. 隠しメタデータファイルを削除したい

Section7 フォームの作成

  1. HTML エンコードを指定する
  2. フォームエリアを挿入する
  3. テキストボックスを挿入する
  4. オプションボタン( ラジオボタン) を挿入する
  5. テキスト領域ボックスを挿入する
  6. 送信ボタンを挿入する
  7. リセットボタンを挿入する
  8. テキストボックスを設定する
  9. オプションボタン( ラジオボタン) を設定する
  10. テキスト領域ボックスを設定する
  11. フォームの設定をする
  12. 隠しフィールドの設定
  13. ドロップダウンボックスの挿入

Section8 CSS でスクロールバー付きのボックスを作りたい

  1. 新しいスタイルを作成する
  2. DIV ボックスを挿入する
  3. DIV ボックス内に文字入力して保存する
  4. ブラウザでプレビューして確認する

Section9 CSSでボックスをセンタリングする

  1. 全体的に中央に寄せるスタイルを作成する
  2. テキストが左寄せのボックススタイルを作成する
  3. DIV ボックスを挿入する

▲Page TOP

▲Page TOP