ホームページの作り方

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/4/5 17.背景画像を作る1/2/3/ 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/


18.テーブルを使ってすっきりレイアウト
いろんな背景画像を使うと、中身の文章の文字が見えにくくなることがあります。
このページで使っているように文字だけをテーブルに入れるのもひとつの方法です。
ここは、まず、一行一段のテーブルを挿入し、サイズを決め、背景色は白に、枠表示にし、「セル内の余白」は「5」にしてあります。
それから、HTMLソースで
<td bgcolor="#FFFFFF" bordercolor="#0099FF">
というふうに枠の色も決めています。
またこのページ全体もテーブルになっており、幅は700で一番上の行だけ背景色を入れています。
「セル内の余白」は同じく「5」です。
二段組みになっており、それぞれ幅が350と350になっています。
右のページのように、表のセルごとに背景色を変え、めりはりをつけることもできます。
試しに作ってみてください。
幅の大きさは「ピクセル」で指定することもできますが、「%」で指定することもできます。
「%」で指定すると、モニターの大きい人も小さい人も表示される割合は同じになります。
「罫線の幅」も指定できますし、背景色の変わりに画像を使うこともできます。
いろいろ試してみましょう。


上の表のように、「運賃」などわかりやすく表示するのにもテーブルは最適です。


上のテーブルのように、淵に色をつけることもできます。
まず先にテーブルを一行一段でつくり、「HTMLソース」を開いて、
<table border="4" cellpadding="3" width="600" height="200" bgcolor="#FFFFFF" bordercolor="#FFCCCC">
上のようにソースを編集すると上のように淵の色が付けられます。
一番下のテーブルは四隅素材を使い作ったものです。
四隅素材は
http://giggurat.vivian.jp/menu_1/waku.shtml
のものを使いました。
Next
HOME/Word の使い方/Internet Explorerの使い方/Excelの使い方/Outlook Expressの使い方/Windows の使い方/ホームページの作り方/私のデスクトップ/おすすめパソコン書籍/おすすめExcel書籍/HP作成代行/パソコン教室/
メインサイトへ ハリポタ勉強会へ