1 ホームページ作成の準備
STEP1 ホームページの基礎知識
1 ホームページのしくみ
2 ホームページの構成
STEP2 Webサイト開設の流れ
1 Webサイト開設のしくみ
2 Webサイト開設の流れ
STEP3 Webサイト作成の準備
1 Webサイト開設サービスの確認
2 Webサイトの設計
2 Dreamweaver 8の基礎知識
STEP1 Dreamweaver 8の概要
1 Dreamweaver 8の概要
STEP2 Dreamweaverを起動する
1 Dreamweaverの起動
2 ファイルを開く
STEP3 Dreamweaverの画面構成
1 Dreamweaverの画面構成
2 ドキュメントウィンドウ
3 ビュー
STEP4 画面表示を変更する
1 表示サイズの変更
2 表示位置の変更
STEP5 Dreamweaverを終了する
1 Webページを閉じる
2 Dreamweaverの終了
参考学習 ヘルプ
1 ヘルプ
3 Webサイトの作成
STEP1 ホームページの作成手順
1 ホームページの作成手順
STEP2 Webサイトを作成する
1 Webサイトの作成手順
2 Webサイトの作成
3 《ファイル》パネルの展開/折りたたみ
4 トップページの作成
STEP1 作成するトップページを確認する
1 作成するトップページの確認
STEP2 新規ドキュメントを作成する
1 新規ドキュメントの作成
2 ページタイトルと基本色の設定
STEP3 文字を入力する
1 文字の入力
STEP4 文字に書式を設定する
1 文字の書式設定
2 見出しスタイルの設定
3 文字サイズの変更
4 フォントの設定
5 文字色の設定
6 太字の設定
STEP5 配置を変更する
1 配置の変更
2 中央揃え
3 インデントの設定
STEP6 Webページを保存する
1 Webページの保存方法
2 Webページの新規保存
3 サイトの構成の確認
STEP7 ブラウザでプレビューする
1 ブラウザでプレビュー
5 トップページの編集
STEP1 作成するトップページを確認する
1 作成するトップページの確認
STEP2 画像を挿入する
1 画像の挿入
2 画像の属性の設定
STEP3 区切り線を挿入する
1 区切り線の挿入
2 区切り線の属性の設定
STEP4 壁紙を設定する
1 壁紙の設定
2 壁紙の削除
3 Webページの上書き保存
6 表の作成
STEP1 作成するWebページを確認する
1 作成するWebページの確認
STEP2 Webページを新規に作成する
1 Webページの新規作成
STEP3 表を作成する
1 表の作成
2 セル内の改行
STEP4 行/列/セルを操作する
1 行の挿入・削除
2 セルの結合・分割
STEP5 表の属性を設定する
1 表の属性の設定
STEP6 セルの属性を設定する
1 セルの属性の設定
2 列幅と行の高さの変更
3 セルの背景色の設定
STEP7 データを挿入して表を作成する
1 表データの挿入
2 画像の挿入
3 セル内の配置の変更
4 ヘッダーセルの設定
STEP8 ほかのアプリケーションを利用した表の作成
1 ほかのアプリケーションの利用
2 表の属性の設定
7 Webサイトの管理(1)
STEP1 Webサイトの構築を考える
1 Webサイトの構築
STEP2 Webサイト内のファイルを分類する
1 ファイルの分類
2 フォルダの新規作成
3 ファイルの移動
STEP3 WebサイトにほかのWebページを追加する
1 ほかのWebページの追加
8 リンクの設定
STEP1 リンク
1 リンク
STEP2 別のWebページのリンクを設定する
1 別のWebページへのリンク
2 リンクの設定
STEP3 電子メールリンクを設定する
1 電子メールリンク
2 リンクの設定
STEP4 Webページ内の別の場所へのリンクを設定する
1 Webページ内の別の場所へのリンク
2 リンクの設定
STEP5 イメージマップを作成する
1 イメージマップ
2 イメージマップの作成
参考学習1 ロールオーバーイメージを作成する
1 ロールオーバーイメージ
2 ロールオーバーイメージの作成
3 ターゲットの指定
参考学習2 フレームを作成する
1 フレーム
2 フレームの作成
9 Webサイトの転送
STEP1 Webサイト開設の申し込み
1 Webサイト開設の申し込み
STEP2 Webサイトを転送する
1 Webサイトの転送設定
2 Webサイトの転送
STEP3 転送したWebサイトを確認する
1 転送したWebサイトの確認
参考学習 アクセシビリティ
1 アクセシビリティ
2 アクセシビリティにおける注意点
10 スタイルシートの利用
STEP1 スタイルシートの基礎知識
1 スタイルシートの概要
2 スタイルの設定対象
3 スタイルの記述場所
4 スタイルシートファイルの利用方法
STEP2 作成するWebページを確認する
1 作成するWebページの確認
STEP3 スタイルシートファイルを作成する
1 スタイルシートファイルの新規作成
2 ほかのWebページへのスタイルの適用
STEP4 スタイルシートファイルを編集する
1 クラスの登録
2 クラスの適用
参考学習 XHTMLの基礎知識
1 XHTMLの記述
2 Webページの構造
3 代表的なエレメント
11 Webサイトの管理(2)
STEP1 Webサイトを複製する
1 Webサイトの複製
STEP2 Webサイトを削除する
1 Webサイトの削除
12 Fireworks 8の基礎知識
STEP1 Fireworks 8の概要
1 Fireworks 8の概要
2 画像ファイル
STEP2 Fireworksを起動する
1 Fireworksの起動
2 新規ドキュメントの作成
STEP3 Fireworksの画面構成
1 Fireworksの画面構成
2 ドキュメントウィンドウ
STEP4 Fireworksを終了する
1 ドキュメントウィンドウを閉じる
2 Fireworksの終了
13 画像の作成と編集
STEP1 タイトルロゴを作成する
1 作成する画像の確認
2 新規ドキュメントの作成
3 図形の作成
4 図形のサイズ変更と移動
5 文字の作成
6 画像の読み込み
7 画像の書き出し
STEP2 ボタンを作成する
1 作成する画像の確認
2 ボタン
3 ボタンの作成
4 効果の設定
5 文字の追加
6 画像の書き出し
STEP3 高度な画像処理を行なう
1 作成する画像の確認
2 ファイルを開く
3 縦書き文字の作成
4 矢印の作成
5 画像の書き出し
6 ファイルの保存
STEP4 JPEG形式の画像を編集する
1 作成する画像の確認
2 キャンバスサイズの変更
3 《イメージ編集》パネルの表示
4 画像の回転
5 カラー調整
6 画像の切り抜き
7 フィルタの適用
8 画像の書き出し
14 アニメーションの作成と編集
STEP1 アニメーション
1 アニメーション
2 フレーム
3 《フレーム》パネルの表示
STEP2 簡単なアニメーションを作成する
1 作成するアニメーションの確認
2 フレームの複製
3 フレームの編集
4 アニメーションの書き出し
5 ブラウザでプレビュー
STEP3 アニメーション化を利用する
1 作成するアニメーションの確認
2 基本の画像ファイルを読み込む
3 アニメーション化
4 アニメーションの書き出し
STEP4 複数の画像からアニメーションを作成する
1 作成するアニメーションの確認
2 複数の画像ファイルをアニメーションとして開く
3 アニメーションの書き出し
総合練習
総合練習1
総合練習2
総合練習3