更新履歴の作り方

ホームページの作り方HP

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

■ インラインフレームの更新履歴の作り方

　多くのサイトが、更新履歴はインラインフレームを使用して表示させています。
　それでインラインフレームの更新履歴をホームページに追加してみます。

　インラインフレームの説明は、インラインフレームのタグを参照してください。
　なお、インラインフレーム内でのリンクは、target="_parent"を使用すると、親フレームにリンクが表示されます。

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

＜　ファイル名＝style.css　＞

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

＜＜　更新履歴のHTMLデータ(ファイル名：rireki.html）＞＞

＜＜　HTMLファイル（ファイル名：index.html)　＞＞
（注意：style.css、rireki.html、index.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>
<div align="center">
<iframe src="rireki.html" width="400" height="100" marginwidth="10" marginheight="10" frameborder="1" name="更新履歴">
　このページではインラインフレームを使用しています。</iframe>
</div>
<table>
<tr>
<td valign="top">
<div class=name2>
<table bgcolor="blue" cellspacing="1" width="100" align="center">
<tr bgcolor="#ccffff" align="center"> <td>項目</td></tr>
<tr bgcolor="#ffffff" align="center"> <td><A href="index.html">リンク１</A></td></tr>
<tr bgcolor="#ffffff" align="center"> <td><A href="index.html">リンク２</A></td></tr>
</table>
</div>
</td>
<td>
<p class=name2>
さていよいよ、bodyタグ内のホームページ本文の解説に入りたいと思います。それで、まず最初にホームページの内容領域の横幅は、800px以下にするようにします。これは、ホームページ作成にあたってのほぼ鉄則みたいなものですね。
</p>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

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

ホームページのタイトル

項目

リンク１

リンク２

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

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

ホームページ公開方法

レンタルサーバの選択

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

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

リンク

素材リンク

HP作成リンク