パソコン教室 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.トップページのレイアウト-2-

次に左下のセルを選択し、まず、赤丸の「左揃え」と「上揃え」をクリックします。
次に 「編集」→「属性の変更」をクリックします。
「セルの幅」を「180」にします。
その左下のセルを選択したままで、「表」→「表の挿入」をクリックします。
ここには、ホームページの目次を入れますので、内容が大体、どのくらいの種類(カテゴリー)に分かれるのかを考えて行数を決めます。とりあえず「10」にしておきます 。
列数は「1」でいいです。
「枠の表示をする」のチェックははずしてください。

右のようになりましたか?
一番上のセルが選択された状態で「編集」→「属性の変更」をクリックし、「表の幅」を「165」にします。

次に右下のセルを選択します。
まず、赤丸の「中央揃え」と「上揃え」をクリックします。
「編集」→「属性の変更」で「セルの幅」を(700-180=520なので)「520」にします。
そのままセルを選択したままで、「表」→「表の挿入」をクリックし、 行数をとりあえず、「3」列数を「1」にしてください。
同じように「表の枠を表示する」のチェックをはずしてください。
できたら、また「編集」→「属性の変更」で「表の幅」を「500」にします。

右図のようになりましたか?
さて、次に先ほど作ったタイトルロゴを入れるために、一番上のセルの中にもうひとつ表を入れます。
上のセルを選択してから、「表」→「表の挿入」をクリックし、「行数」「1」で「列数」「2」で「表の枠を表示する」のチェックをはずして作ってください。
また、左のセルはタイトルロゴの幅に設定します。「270」にします。
それから、「セルの背景色」を「白」にしてください。

右図の「画像ファイルの挿入」をクリックし、タイトルロゴを開きます。
ウェブ用保存ウィザードで保存したとき、画像ぎりぎり切られているため、幅が「270」、高さが「110」でなかったときは、幅を確認して、調整してください。
画像をクリックし選択して、「編集」→「属性の変更」をクリックしたら、サイズがわかります。

ついでに「代替テキスト」を入れておきましょう。もしも画像が表示されなかったときのためのものですが、ホームページのタイトルだけじゃなく、テキスト部分にタイトルが入っているようにしておきたいからです。

タイトルロゴの右横に「一緒に楽しいパソコンライフをはじめましょう」というメッセージを入れました。
次に、左下の表の一番上(右図赤丸)をクリックして選択し、「編集」→「属性の変更」をクリックします。
「セルの背景色」を一番上の色よりやや薄い色で設定し、「目次」もしくは「コンテンツ」とセルに書き入れます。
これが、小見出しになります。
目次の項目をいくつか書いたら、その下にまた同じ色の設定をし、「連絡先」「コミュニティ」「その他のコンテンツ」などの小見出しを作ります。
最後の行にバナーを挿入します。 バナーにも「代替テキスト」を入れておいてください。

素材集の壁紙から挿入したら、レイアウトはできあがりです。
「ファイル」→「テンプレート」→「ユーザーテンプレートとして保存」をクリックし、テンプレートとして保存しておくと便利です。
写真を入れてみたところです。

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