ホームページの作り方（HP作成法）を解説

STEP1

1-1:準備
基本用語ドメインの取得スペースの確保デザインを考える SEOを考える

STEP2

2-1:HTMLの記述
htmlファイルの作り方 HTMLの基本骨格 HTMLの種類、META、言語タイトルと著作権情報文の構成を考える画像の表示リンクの設定
2-2:CSSの記述
CSSのHTMLへの組み込みクラスの概念文字の色とフォント幅と高さの設定文章の設定文字の間隔・線背景色・背景画像
2-3:CGI/アップロード
掲示板（BBS）の設置カウンターの設置サーバーへのアップロードアクセス解析の導入

STEP3

3:divでのレイアウト
divタグの使い方（前編）リストの設定 divタグの使い方（後編）インライン要素とブロック要素 floatの使い方スクロールボックスの作成アンカー(a)のスタイルの変更

STEP4

4:tableでのレイアウト
Tableの構造を知る Tableスタイルの変更 Tableでサイトを作る（前編） Tableでサイトを作る（後編）

STEP5

5:positionでのレイアウト
positionの構造を知る HTMLファイル（原本）作成 positionで位置を決める

STEP6

6:その他のテクニック
強調タグを使うサムネイルの作成三次元化するスクロールバーの色を変える

STEP7

7:Javascriptを使用する
プルダウンメニュー
（フォーム使用）の作成プルダウンメニュー
（CSS使用）の作成

>>ホームページの作り方TOP　>>背景色・背景画像の指定

■背景色・背景画像の指定

背景色の指定はbackground-colorで、背景画像の指定はbackground-image、同時に指定する場合はカンマで区切って書くこともできます。

background-color:#000;
background-image:url(abc.jpg);

background:url(abc.jpg) #000;

background:url(abc.jpg) right bottom x-repeat;

一番下の行は、abc.jpgという画像を、エリアの右下にX軸に沿って連続して配置すると言う意味です。

y-repeatならY軸に沿って、no-repeatなら1つ単体を配置です。よく使用するので覚えて起きましょう。

背景画像の指定は重くなるので、特にbodyに対する指定は避けたほうがよいでしょう。

サンプルのメニューバーにこの背景色の指定の仕方を用いて、背景色を指定して完成です。

p.a3 　{
　　　　margin-top:5px;
　　　　margin-bottom:5px;
　　　　padding-left:50px;
　　　　width:450px;
　　　　background-color:#eee;
　　　　}

ここまでのサンプル

Copyright(C) Wakabagari. All rights reserved.