![]() |
[ MENU PAGE ] Step [4][5][6][7][8][ホームページのUL方法] |
■ ホームページ制作方法の基礎編 ■
|
||||||||||||||
はじめに | ||||||||||||||
この度、ホームページの制作方法を掲載するにあたり、誰にでも制作できるように、なるべく難しい用語などは使わずに簡単に説明していきたいと思っています。 対象の方としては「ホームページを作りたいんだけど、よく分からない」という方が対象です。 すでに、一回でもホームページを制作した方は、今回ご紹介させていただく内容は、あまり役に立たないと思います。 ご了承ください。 ホームページは画像があって、手の凝ったページ作りをするのですが普通です。しかし今回は基礎ということもありますので簡単なページ作りを紹介したいと思っています。 制作工程でのOSは「WINDOWS」をベースに説明します。 ブラウザ(普段インターネットを見ているソフト)は[Internet Explorer(IE)][Netscape Navigator(NN)]を対象とします。 また、これからご紹介する内容は私の知識上の説明になりますので違う点などありましたらご指摘ください。 よろしくお願いいたします。 |
||||||||||||||
Step 1 用意するもの
|
||||||||||||||
【 テキストエディター 】
これで表示されたと思います。 [txt]とは拡張子というものです。(最後の英数字) |
||||||||||||||
Step 2 HTMLの基本
|
||||||||||||||
ホームページとはHTMLという言語で書かれています。 「言語」と聞くとチョット引き気味になりがちですが、難しいことではありません。(プログラムとは違います。) 文章を書くのに決まりごとがあるようなものです。まずは簡単な例文をHTMLのソースで説明します。
【記述例】にはイロイロ書いてありますが、実際に表示すると【表示例】の文章だけです。 まず最初に<>でくくられているものは「タグ」と呼ばれているものです。 タグは重要ですから名前だけでも覚えておいてください。 ホームページの記述文は大きく3個に分かれます。(色分けされてるのがそうです。) [html][head][body]に分かれてます。(最低記入条件です。) [html]は、このページはhtmlで書かれてるということを意味してます。 [head]は、このページについてのドキュメント定義を意味してます。(難しそうですが気にせずに) [body]は、このページの画面表示部分です。 この記述例のタグがセットになっているのが分かるでしょうか? 例)<html>〜</html> 全てではありませんがタグはセットになることが多いです。 文章でたとえるなら"("で、はじまり ")"で、閉じるようなものです。 ただし、閉じる場合は「/」がはいるのが決まりになっています。
基本的には<body>〜</body>内に本文を記述することになります。 |
||||||||||||||
Step 3 簡単な記述の実践
|
||||||||||||||
先ほどの例文をメモ帳に「コピー」&「ペースト」で貼りつけます。
編集する場合は[.txt](メモ帳で)、表示確認をする場合は[.html]への拡張子の変更が必要となります。 編集する度に、これでは非常に手間をとりますので「小技」を伝授します。(たいした事ないです。) なお、[Internet Explorer(IE)]の方はブラウザで編集ができますので必要ありません。 ブラウザのメニューバーに<表示><ソース>を開くとメモ帳が立ち上がるはずです。 そこで編集をかけ、「上書き保存」で編集完了となります。 ブラウザを更新してみてください。 内容の更新されたことが確認できます。 「タイトル」「本文」は表示されたでしょうか? 簡単ですが、ホームページを作ったことになるのです。 次のStepは、いろんな<タグ>を使った編集にはいります。 |
||||||||||||||
Copyright © 2000 asarinet,co.all rights reserved.
|