ホームページの作り方HP

ホームページの作り方を、無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます

■ 背景、文字など指定

　ホームページの背景や文字などを指定してみます。
　全ホームページに統一背景画像や統一文字サイズを指定するなら、bodyのスタイルシートで指定します。

　文字の大きさは、一般的に11ptから13ptぐらいでしょうか。
　行間は、100%から150%の間ぐらいにしてますね。
　背景は、単一色か簡単な模様ぐらいにしてあまり凝らない方がいいかと思います。

　あと、ホームページ本文にホームページのタイトルも作ってみましょう。
　タイトルは、ホームページトップへのリンクがはられているという暗黙の了解があるので、ホームページトップへのリンクをはっときます。

＜＜　ＣＳＳファイルデータ例　＞＞

＜　ファイル名＝style.css　緑文字はコメントなのでデータには入れないで下さい＞

body {
font-size:13pt;
line-height:150%;
background-color:#ccffff
}
.name1 {
width:800px;
border-style:solid;
border-width:2px;
border-color:#339966;
text-align:left;
padding:10px;
background-color:#ffffff
}
.title {
background-color:#ffccff;
text-align:center;
}
.title a{
color:red;
text-decoration:none
}

＜＜　HTMLファイル（ファイル名：index.html)　＞＞
（注意：style.cssのＣＳＳファイルと同じフォルダ内にHTMLファイルがある場合です）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>背景、文字など指定</title>
<meta name="keywords" content="ホームページ,背景,文字">
<meta name="description" content="背景、文字など指定の紹介">
<meta http-equiv="Content-Style-Type" content="text/css">
<META http-equiv="Content-Script-Type" content="text/javascript">
<LINK href="style.css" type="text/css" rel=stylesheet>
</head>
<body>
<div align="center">
<div class=name1>
<div class=title>
<A href="index.html"><h1>ホームページのタイトル</h1></A>
</div>
　<p>
　さていよいよ、bodyタグ内のホームページ本文の解説に入りたいと思います。
　それで、まず最初にホームページの内容領域の横幅は、800px以下にするようにします。
　これは、ホームページ作成にあたってのほぼ鉄則みたいなものですね。
　</p>
</div>
</div>
</body>
</html>

＜＜　ブラウザ縮小表示例　＞＞

ホームページのタイトル

さていよいよ、bodyタグ内のホームページ本文の解説に入りたいと思います。それで、まず最初にホームページの内容領域の横幅は、800px以下にするようにします。これは、ホームページ作成にあたってのほぼ鉄則みたいなものですね。

ホームページの作り方の実践

ホームページ公開方法

レンタルサーバの選択

FFFTPによるHPのアップロード

ホームページの作り方HPTOPへ

リンク

素材リンク

HP作成リンク