ページの作り方


 フレームページの作り方講座 〜ページの作り方〜

 ページの作り方を解説しています。 初心者の人でも簡単に分割ページが作成できます。 トップページへ

ページの作り方


すごく基本的なところから説明しますので分かる方はとばして下さい。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>タイトル</TITLE>
</HEAD>
<BODY>
本文
</BODY>
</HTML>

上のものが基本構造になります。ページを作る際は必要になります。


ここではメモ帳を使ってページを作る例を説明します。




メモ帳を開きます。

次のソースをコピーして貼り付けます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>タイトル</TITLE>
</HEAD>
<BODY>
本文
</BODY>
</HTML>


ファイル→名前を付けて保存を押します。

ファイルの種類で▼ボタンを押し全てのファイルを選択。

ファイル名は半角英数字で最後に.htmlと付けてください。

トップページを作るのであればindex.htmlと付けてください。

保存場所は任意の場所でOKです。(HPを管理するフォルダ)
ただしCドライブ(デスクトップも)に保存するのはあまりすすめられませんが・・・


保存できたらメモ帳は閉じてOKです。

保存したファイルの編集方法ですが、編集したいHTMLファイルの上で右クリックを押し、プログラムから開くメモ帳 で編集できます。

保存するときは上書き保存でOKです。


出来上がったサイトがどのように表示されるか見たいときはファイルをダブルクリック、または、右クリック、プログラムから開く、Internet Explorerを選択したらいいですよ。ブラウザ表示させればOKってことです。


あとはレンタルサーバーなどにこのファイルをアップロードすればインターネット上で閲覧できるようになります。




フレームページのソース一覧はトップページからどうぞ







ページ作りの際他のサイトもご利用下さい。




LINK

パソコン情報まとめサイト HTMLタグ CSSスタイルシート FFFTPの使い方 Digital Life -デジタルライフ-




      

フレームページ作り講座

 1. フレームページとは

 2. ページの作り方

 3. フレームの作り方

 4. アップロード方法

 5. フレームタグ一覧


フレームページタグ

 1. 横2分割・左メニュー

 2. 横2分割・右メニュー

 3. 縦2分割・上メニュー

 4. 縦2分割・下メニュー

 5. 横、縦2分割 応用

 6. 横3分割

 7. 縦3分割

 8. 縦・横3分割・その1

 9. 縦・横3分割・その2


PR





トップページへ




Copyright(C) フレームページの作り方 All Rights Reserved
inserted by FC2 system