富士通グループでは、多くの方に当社ホームページを利用していただくため、アクセシビリティに配慮したホームページの制作を行っております。
アクセシビリティの実装方法としてスタイルシートを使用しております。お客様が使用されているブラウザはスタイルシート非対応のブラウザのため、表示結果が異なっておりますが、情報そのものは問題なくご利用いただけます。

富士通エフ・オー・エム

 

ホームページ・ビルダー V9 応用 目次

本書をご利用いただく前に

第1章 Webサイトの作成

STEP1 Webサイトを新規作成する
1 作成するWebサイトの確認
2 Webサイトの新規作成

第2章 効果的な画像の利用

STEP1 作成するWebページを確認する
1 作成するWebページの確認

STEP2 動きのある画像を作成する
1 レイアウト枠

STEP3 アルバムを作成する
1 アルバム

STEP4 サムネイルを作成する
1 サムネイル

参考学習 スライドショーを作成する
1 スライドショー

第3章 スクリプトの利用

STEP1 スクリプトの基礎知識
1 スクリプト
2 スクリプトの利用方法

STEP2 作成するWebページを確認する
1 作成するWebページの確認

STEP3 スクリプトを挿入する
1 スクリプトの挿入

STEP4 オプションメニューを利用する
1 作成するオプションメニューの確認
2 オプションメニューの作成手順
3 オプションメニューの作成
4 スクリプトの確認
5 スクリプトの実行

第4章 スタイルシートの利用

STEP1 スタイルシートの基礎知識
1 スタイルシート
2 スタイルの設定対象
3 スタイルの記述場所
4 スタイルシートの利用方法

STEP2 作成するWebページを確認する
1 作成するWebページの確認

STEP3 スタイルシートファイルを作成する
1 スタイルシートファイルの新規作成とリンク
2 タグのスタイルの設定
3 ほかのWebページへのスタイルの適用

STEP4 スタイルシートファイルを編集する
1 クラスのスタイルの設定
2 クラスの適用

参考学習 HTMLの基礎知識
1 HTMLの記述
2 Webページの構造
3 代表的なエレメント

第5章 CGIプログラムの利用

STEP1 CGIの基礎知識
1 CGI
2 CGIの利用方法

STEP2 作成するWebページを確認する
1 作成するWebページの確認

STEP3 アクセスカウンタを作成する
1 アクセスカウンタ
2 アクセスカウンタの作成手順
3 サンプルの準備
4 CGIプログラムの変更
5 アクセスカウンタの挿入

STEP4 掲示板を作成する
1 掲示板
2 掲示板の作成手順
3 掲示板に必要な画像の準備
4 掲示板の作成

参考学習 フォームを作成する
1 フォーム
2 フォームのしくみ
3 フォームの作成手順
4 フォームの挿入
5 サンプルの準備
6 CGIプログラムの変更
7 フォームの設定

第6章 Webサイトの管理

STEP1 ファイルを管理する
1 ファイルの管理
2 ファイルの削除
3 ファイルの移動
4 ファイル名の変更

STEP2 リンクの状況を確認する
1 リンクエラーのチェック

STEP3 アクセシビリティを意識する
1 アクセシビリティ
2 アクセシビリティにおける注意点
3 アクセシビリティのチェック

STEP4 作成したWebサイトを確認する
1 作成したWebサイトの確認

第7章 Webサイトの転送

STEP1 Webサイトを転送する
1 FTPツール
2 ファイルの転送手順
3 ファイルの転送

STEP2 転送したWebサイトを確認する
1 転送したWebサイトの確認
2 アクセスカウンタの動作確認
3 掲示板の動作確認

第8章 その他の機能

STEP1 さまざまな形式のファイルを利用する
1 Excelファイルの挿入
2 ビデオファイルの挿入
3 Flashファイルの挿入

STEP2 スタイリッシュエフェクトを利用する
1 スタイリッシュエフェクトの利用

STEP3 携帯電話向けのWebページを作成する
1 携帯電話向けのWebページの作成

STEP4 HotMediaクリエーターを利用する
1 HotMediaクリエーター
2 HotMediaクリエーターによるアニメーションの作成
3 HotMediaアプレットの挿入

参考学習 フレームのあるWebページの作成

STEP1 フレームの基礎知識
1 フレーム

STEP2 作成するWebページを確認する
1 作成するWebページの確認

STEP3 フレーム設定ページを作成する
1 フレーム設定ページの作成
2 フレームの属性の設定
3 ページタイトルの設定

STEP4 リンクを設定する
1 リンクのターゲット
2 リンクの設定
3 HTMLソースの編集
4 フレーム設定ページの保存

総合練習

解答

付録 オンラインショップの作成

STEP1 オンラインショップを作成する
1 オンラインショップ
2 オンラインショップの作成手順
3 オンラインショップの作成
4 オンラインショップの管理