あんな事がしたいをカタチに−ホームページの作り方・ウェブサイト作成制作ウェブ造は、ホームページ簡単作成・制作辞典
ホームページの作り方・ウェブサイト作成制作ウェブ造
ホームページ解説

ホームページ作成1

ウェブ造ホーム前へ次へ
サイト内検索
カスタム検索
ホームページの作り方

ホームページ作成

1.ホームページ作り方・作成方法は

 HTMLでも簡単に触れましたがホームページ作りは楽しく意外と簡単です。

 作りたいと思ったからこそあなたはここにいるわけで。

 出来る限りお手伝いしますのでがんばってくださいね。

 それでは早速とりかかりましょう。

 お約束事を守って記述さえすればホームページはできるのでしたよね。

 ちょっと待って。実はHTMLでは書きませんでしたが、もうひとつお約束事があるんです。

 内緒にしててゴメンなさい。

 これは、文字を一字一句記憶する必要はありませんし、ご自身のペースに合わせて必要な時に「そう言えばそんなのあったなぁ・・・」と思い出して頂ければ結構です。

 「私はこれからHTMLを使ってホームページを書くぞ!」 との意気込みをブラウザに伝える為のおまじないです。

 以下の一文をあなたが書く全ての.htmlファイルの一番上に必ず記述してください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html4/loose.dtd">

 表示上は2行に渡って改行されていますが、一行で記述して下さい。その際改行されている部分(・・・4.01 Transitional・・・)には半角スペースを入れてくださいね。

 このおまじないはDOCTYPE宣言と呼ばれ実は数種類ありますし、HTMLバージョンも含まれた情報ですので追加されていく事も充分にありますが、ここでは忘れましょう。

 さてHTMLでも使った例題1にこの記述を追記したものが『例題2』です。

◆例題2


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html4/loose.dtd">

<html>
<body>

表示できるかな?テスト

</body>
</html>


 それでは次にブラウザの一番左上の通常ブラウザのロゴマークとブラウザ名が表示されているところにあなたのページの題名をつけてみましょう。

 ここでは<html></html>の内側に以下のタグを追加します。

 早速記述してみましょう。表示するタイトルは「表示テスト」にしましょう。

◆例題3


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html4/loose.dtd">

<html>
<head>

<title>表示テスト</title>

</head>

<body>

表示できるかな?テスト

</body>
</html>


 このようになります。

 次のステップは実際に作ったファイルがブラウザにどのように反映されるのか確認した後、一通りホームページを作ってみましょう。

>> 2.ホームページの作り方

1.ホームページの作り方2.ホームページの作り方3.ホームページの作り方

ウェブ造ホーム前へ次へ