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

富士通エフ・オー・エム

 

ホームページ・ビルダー V9 基礎 目次

目次

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

第1章 ホームページ作成の準備

STEP1 ホームページの基礎知識
1 インターネットとは
2 ホームページしくみ
3 ホームページの構成

STEP2 Webサイト開設の流れ
1 Webサイト開設のしくみ
2 Webサイト開設の流れ

STEP3 Webサイト作成の準備
1 Webサイト開設サービスの確認
2 Webサイトの設計

第2章 ホームページ・ビルダーの基礎知識

STEP1 ホームページ・ビルダーの概要
1 ホームページ・ビルダーの概要

STEP2 ホームページ・ビルダーを起動する
1 ホームページ・ビルダーの起動
2 ファイルを開く

STEP3 ホームページ・ビルダーの画面構成
1 ホームページ・ビルダーの画面
2 ページ編集領域

STEP4 ホームページ・ビルダーを終了する
1 ファイルを閉じる
2 ホームページ・ビルダーの終了

参考学習 コマンドの実行とヘルプ
1 コマンドの実行
2 ヘルプ

第3章 Webサイトとトップページの作成

STEP1 Webサイトとトップページを作成する
1 Webサイトの作成
2 Webサイトとトップページの新規作成

STEP2 作成するトップページを確認する
1 作成するトップページの確認

STEP3 タイトルと基本色を設定する
1 タイトルと基本色の設定
2 HTMLソースの編集

STEP4 文字を入力する
1 文字の入力
2 プレビュー

STEP5 文字に書式を設定する
1 文字の書式設定
2 文字サイズの拡大・縮小
3 書体の設定
4 文字色の設定
5 文字装飾の設定

STEP6 配置を変更する
1 配置の変更

STEP7 Webページを保存する
1 Webページの保存
2 上書き保存
3 ブラウザで確認

STEP8 WebサイトとWebページを閉じる
1 Webページを閉じる
2 Webサイトを閉じる

第4章 トップページの編集

STEP1 作成するトップページを確認する
1 作成するトップページの確認

STEP2 WebサイトとWebページを開く
1 Webサイトを開く
2 Webページを開く

STEP3 素材集を利用する
1 素材集の利用
2 画像の挿入
3 画像の属性の設定

STEP4 オリジナルの画像を挿入する
1 画像の挿入
2 画像の属性の設定

STEP5 水平線を挿入する
1 水平線の挿入
2 水平線の属性の設定

STEP6 Webページを保存する
1 上書き保存

参考学習 壁紙を設定する
1 壁紙
2 壁紙テストモード
3 壁紙の設定

第5章 表の作成

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

STEP2 Webページを新規に作成する
1 Webページの新規作成

STEP3 表を作成する
1 表の作成

STEP4 表を編集する
1 行の追加
2 行の削除
3 セルの結合・分割

STEP5 表の属性を設定する
1 表の属性の設定
2 表題を付ける

STEP6 セルの属性を設定する
1 セルの属性の設定
2 見出しセルの設定
3 列幅と行の高さの変更
4 セルの背景色の設定

STEP7 Webページを保存する
1 名前を付けて保存

第6章 Webページのレイアウト

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

STEP2 WebサイトにほかのWebページを追加する
1 WebサイトへのWebページの追加

STEP3 インデントと箇条書きを設定する
1 インデントの設定
2 箇条書きの設定

STEP4 表を使ったWebページのレイアウト
1 表を使ってWebページの体裁を整える
2 表の作成
3 画像の挿入
4 テキストファイルの挿入

第7章 リンクの設定

STEP1 リンク
1 リンク

STEP2 リンクを設定する1
1 設定するリンクの確認
2 別のWebページへリンク
3 電子メールソフトを起動するリンク

STEP3 リンクを設定する2
1 設定するリンクの確認
2 同じWebページ内の別の場所へリンク

第8章 画像の作成と編集

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

STEP2 画像ファイル
1 インターネットで扱う画像ファイル

STEP3 画像を編集する
1 画像の編集
2 効果の設定
3 画像の回転と切り抜き
4 画像のサイズ変更
5 透明化の設定

STEP4 ロゴを作成する
1 ロゴ
2 ロゴの作成

STEP5 ロールオーバー効果を設定する
1 ロールオーバー効果
2 ロールオーバー効果の設定
3 リンクの編集

第9章 ウェブアートデザイナーの基本操作

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

STEP2 ウェブアートデザイナーの概要
1 ウェブアートデザイナー
2 ウェブアートデザイナーの起動
3 ウェブアートデザイナーの画面構成
4 オブジェクトの種類
5 ウェブアートデザイナーのファイル形式
6 ウェブアートデザイナーの終了

STEP3 画像を補正・加工する
1 作成する画像の確認
2 色調の補正
3 画像の切り抜き
4 画像の削除
5 影効果の利用
6 Webページの素材に変換

STEP4 複数の画像を合成する
1 作成する画像の確認
2 画像のサイズ変更と回転
3 Webページの素材に変換

STEP5 ボタンを作成する
1 ボタン
2 ボタンの作成
3 Webページの素材に変換

STEP6 高度な画像処理を行う
1 作成するキャンバスの確認
2 ボタンの追加
3 縦書きロゴの追加
4 Webページの素材に変換
5 キャンバスの保存

第10章 ウェブアニメータの基本操作

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

STEP2 ウェブアニメータの概要
1 ウェブアニメータ
2 ウェブアニメータの起動
3 ウェブアニメータの画面構成
4 アニメーションの種類
5 ウェブアニメータのファイル形式
6 ウェブアニメータの終了

STEP3 1枚の画像のアニメーションを作成する
1 1枚の画像のアニメーション
2 アニメーションの再生
3 Webページの素材に変換

参考学習 複数の画像のアニメーション・文字のアニメーションを作成する
1 複数の画像のアニメーション
2 文字のアニメーション

第11章 イメージマップの作成

STEP1 作成するイメージマップを確認する
1 作成するイメージマップの確認

STEP2 イメージマップを作成する
1 イメージマップ
2 イメージマップの作成
3 イメージマップの確認

第12章 Webサイトの転送

STEP1 Webサイト転送の流れ
1 Webサイト転送の流れ

STEP2 Webサイト開設の申し込み
1 Webサイト開設の申し込み

STEP3 Webサイトを転送する
1 Webサイトの転送設定
2 Webサイトの転送

STEP4 転送したWebサイトを確認する
1 転送したWebサイトの確認

第13章 その他の機能

STEP1 Webページをチェックする
1 Webページのチェック
2 スペルチェック
3 半角カナ変換
4 アクセシビリティチェック

STEP2 テンプレートを使ってWebページを作成する
1 テンプレート
2 サンプルテンプレートの利用

STEP3 Webサイトを管理する
1 Webサイトの複製
2 Webサイトの削除

総合練習

解答

索引