このコーナーはホームページビルダーを使用したホームページの制作方法について 画像付きで詳しく解説しています。ぜひホームページ作りにお役立て下さい。 このページはホームページ講習会のテキストとして制作したページです。 各機能の解説は講習会時の口頭での説明を前提としています。 そのため画像を多用しており、画像の減量も行っていません。よってご覧になるときは ブロードバンドの通信環境がないと若干厳しいかもしてません。 また、ホームページ制作講習会の依頼は随時受け付けています。 こちらのメールよりお問い合わせいただければすぐにお返事させていただきます。 またホームページの制作依頼も受け付けていますのでよろしくお願いします。

基礎編
１．ホームページって何？

• インターネットって何？
• ホームページって何？
• ホームページの開設に際し、まず決めるのは自分のホームページをどこに置くのか？
• ホームページを制作する上での様々な注意事項
• 画像ファイルの種類と特徴

２．ページのイメージを作成とトップページ作成

1. まずデザイン画を描いてみよう
2. どこでも配置モードと標準モードの違いについて
3. トップページの制作
4. 写真の貼り付け方（デジカメで撮影した写真をページに貼り付ける）
5. テーブルによるページレイアウトの作成
6. ロゴボタンによるページロゴの作成
7. ウエッブアートデザイナーを使ってタイトルロゴを制作する

３．２ページ目以降の制作

1. サイトの制作
2. ２ページ目（プロフィールページ）の制作
3. リンクの挿入
4. ３ページ目（アルバム・リストページ）の作成
5. ４ページ目（リンク集ページ）の制作
6. メールボタンの付け方

４．ページを作り込もう（基礎１編）

1. ページのプロパティーの設定
2. ホームページビルダーの素材を使ってみよう
3. ウェブアートデザイナーを使った部品の作成
4. ウエッブアートデザイナーを使ってシンボルマークを作る
5. 写真の編集と加工
6. テーブルを使った演出
7. トップページにページの概要を書こう

５．アップロード

• ホームページビルダーを使ったファイルのアップロード

基礎編２
６．フレームを使ったページの作成

1. １．各ページの作成と保存
2. フレームページにタイトルを付ける
3. メニューページの作成
4. 右TOPページに既存ページのファイルを挿入する。
5. 新規ページを右のTOPページに設定する場合
6. フレームの属性の設定
7. フレーム内でのリンクの設定

７．ページを作り込もう（基礎２編）

1. 簡単なＨＴＭＬの解説とホームページの構造
2. ページの演出〜見栄えの良いページを作る〜
3. ページレイアウトの注意点
4. イメージマップの制作
5. スタイルシートを使ったホームページ制作
   • テーブル内のフォントの色やサイズ、種類を指定する。
   • マウスポインタが上にのるとリンクが変化する。
   • 背景に写真をスクロールしないよう設置する。
6. スタイルシート＆ウエッブアートデザイナーを使った背景画像の作り方
7. ウエッブアートデザイナーを使ったロールオーバーボタンの制作
8. JavaScriptを使ってページを彩る。
9. ＳＳＩをつかったページ制作

応用編
８．一歩進んだページの制作

1. ＣＧＩ・ＰＨＰスクリプトの設置
2. ページの制作に役立つＣＧＩ・javascript・ＰＨＰの配布サイトリンク集
3. 検索エンジンの自動収集の回避方法
4. ホームページ制作に役立つツール

９．アクセスアップ編

• 検索エンジンの最適化とGoogle・yahoo!対策
• アクセス解析の導入