ホームページ作成キング

お世話様です。

パンチングアートの魅力

カテゴリ

スタートメニューから

簡単なサンプルページを作ってみましょう。
まずスタートメニュー～すべてのプログラム～アクセサリ～メモ帳を選んでクリックして下さい。
メモ帳が起動します。

サンプルページを作る | トラックバック(-) | CM(0)

メモ帳に記入する

起動したメモ帳に
<html>
<body>
サンプルページ
</body>
</html>
と記入します
記入の面倒な方は上記をコピーし貼り付けを行ってください。

コピーから貼り付けの仕方は下記のように、文字をドラッグしコピー～貼り付けの順で行って下さい

これから先もコピーから貼り付けの方法を使えば楽に編集ができます

サンプルページを作る | トラックバック(-) | CM(0)

メモ帳へ記入した文字を保存する

ファイルから名前を付けて保存をクリックする。

保存する場所はマイドキュメントでファイル名はsample.html
と変更し、保存する。

保存が終わり　sample-メモ帳　の画面が出てきたら保存されていますので、メモ帳を閉じて下さい
更新した場合はファイル～上書き保存をクリックすると更新されます

保存したsample-メモ帳を開く場合

まずメモ帳を開きファイル～開くを選択して下さい

マイドキュメントにはサンプルファイルは表示されていないので、ファイル名を変更します

ファイル名にSと入力すると、選択画面にsample.htmlと表示されるのでそれを選択して開くをクリックすると保存したサンプルファイルが現れます

サンプルページを作る | トラックバック(-) | CM(0)

サンプルファイルを開く

スタート～すべてのプログラム～マイドキュメントをクリック

sample.htmlをダブルクリック、またはsample.htmlを選択し開くボタンをクリック

インターネットエクスプローラー (IE) が起動し、メモ帳に入力したサンプルページが表示されました
これからページを確認する時には、この方法を何度も使いますので覚えておきましょう

サンプルページを作る | トラックバック(-) | CM(0)

ホームページを作成する時に最初に入力するタグを説明します

サンプルページを作ったようにメモ帳を起動して
<!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>
と入力またはコピー～貼り付けをしてください

メモ帳に記したものは左画面

IEで開いたものは
右画面のようになります

一行目の<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">はHTMLの言語のバージョンを指定しています
これはこのまま起用してください

二行目の<html>～最後の行の</html>はHTML言語であると示しています
このタグが無いとホームページにはきちんと表示されません

三行目の<head>～七行目の</head>に囲まれた部分はホームページ全体の情報を示すタグです

四行目の<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">は文字コードを日本語に指定しています
これもこのまま起用して下さい

五行目の<META http-equiv="Content-Style-Type" content="text/css">はスタイルシートの言語はCSSを使用していると宣言しています
これもこのまま起用してください

六行目の<title>～</title>に囲まれた部分はIEを起動した時の上部左のタイトルに表示する文字です

八行目の<body>～十行目の</body>に囲まれた部分はIEを起動した時のウインドウ内に表示される内容です