パソコン教室 HP製作 イプシロン Windowsの使い方(98,Me,XP)/Internet Explorerの使い方/Outlook Expressの使い方/Wordの使い方/Excelの使い方/IME2002/2000の活用法/筆自慢の使い方/一太郎スマイル/ホームページの作り方/CGIやるぞ! 〜超初心者の私にもできるかな?/Flashの使い方/Photoshopの使い方/Fireworksの使い方 /筆ぐるめの使い方/私のデスクトップ/おすすめパソコン書籍/ヤフーオークション出品用の写真編集と商品説明作成/パソコン教室/HP素材/廣瀬さんの作品(素材)/生徒さんのHP/HP作成代行/サンプル/料金/HP製作依頼/ 
1,基礎の基礎、ホームページ用のフォルダを作る 2,仮トップページを作る1/2/ 3.サイトを作る1/2/ 4.サイト転送の設定/FTPツールの設定1/2 5.ウェブ・アートデザイナーでタイトルロゴを作る1/2/3/4/5/ 6.タイトルロゴをトップページに貼る(画像の挿入) 7.ホームページサイトを決める(無料ホームページ) 8.ページタイトル、背景色 9.文字の入力、フォント、修飾1/2 10リンクの挿入サイト内の全ページにHOMEへのリンクを作成する1/2 11.サイト転送する1/2 12.メールのリンクを挿入する1/2 13.掲示板やチャットルームを設置する 14.犯しやすいミス 15.ウェブアートデザイナーで写真を加工1/2/3 16.GIFアニメを作る1/2/3/417.背景画像を作る1/2/3/4/ 18.テーブルを使ってすっきりレイアウト1/2/3/4/5  19. 画像の中にたくさんリンクを入れる(クリッカブルマップ)20.アンケートを作る(sendmail)1/2/3/4/21.別のページの特定の場所にリンクする1/2/22.画像のまわりに空白なしのウィンドウを表示する1/2/23.流れる文字(マーキー)の挿入1/2/24.流れる画像を挿入 25.ボタンをクリックすると小さなウィンドウが出てくる 26.色について 27.素材屋さんの素材を使う 28.バナーを作る1/2/3/4 29.写真や画像を使ってバナーを作る1/2/ 30.JavaScriptのゲームをアップする1/2/3/ 31.Flashを使ってみよう!A 文字を書いてアニメに1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16/32.ホームページに地図を挿入する1/2/3/4/5 33.Excelで作ったグラフをホームページに貼り付ける1/2/3/33.レイアウトとデザインについて 34.写真を加工(サイズ変更)/36.Anfyで画像に効果を入れる/37.無料のウェブメールを使う/38.無料ホームページに登録する/39.ブログを作るなら、どこを使うか/40.有名なサイトを真似てタイトルロゴを作る/41.タイトルロゴを基にしてバナーを作る/42.トップページのレイアウト/


42.トップページのレイアウト

ホームページのトップページは開いたときに、どういう内容なのか、スクロールしなくても一目でわかるものがいいです。
一番、知ってほしいということは、上、左上部分に置きます。
上にアクセスの多いホームページを見本にあげてみました。

では、ホームページビルダーで作っていきます。
仮のトップページ」で作った「index.htm」の中に表を入れます。
「表」→「表の挿入」をクリックします。
「表の挿入」が出てきますので、「行数」、「列数」ともに「2」で、「表の枠を表示する」のチェックをはずし、「OK」をクリックします。

表が選択された状態で、「編集」→「属性の変更」をクリックします。
「表」タブをクリックし、「表の幅」を「700」に「枠の表示」のチェックをはずして、「色」を「白」に変更し、「OK」をクリックします。

左上のセルを選択した状態で

赤で囲んだ「右のセルと結合」をクリックします。
次にもう一度「編集」→「属性の変更」をクリックします。
この場所にタイトルロゴを置きますので、高さをタイトルロゴと同じにします。
「110」に設定します。
色はホームページ全体の基本色になります。
何もなしでも構いません。私は右図のようにしてみました。
先ほど作ったタイトルロゴは透明になっているので、タイトルロゴの下に色が入りますが、この中にもうひとつ表を入れますので何色にしても、白にできます。

HOMEへハイポタ勉強会へメインサイトへ