制作者(webmaster)
野嵜健秀(Takehide Nozaki)
公開
2000-09-10
改訂
2001-04-19

「WWW road(HP作成講座)」を斬る

基本を知ろう 1

例によつてソース拜見

http://www2.117.ne.jp/~mitti-/hp/basic1.htmlのソースは、やはりかなりアレなものとなつてをります。

ヘッダの問題點

DOCTYPE宣言やら何やらを記述してゐない。
DOCTYPE宣言のないHTML文書は、いかなる文書であるか不明です。
charsetがx-sjis。
charset=x-sjisは、NNの獨自仕樣なので、charset=shift_jisと記述すべきです。NN2との互換性を考慮して意圖的に書いてゐるのならば良いのですが、そこまで配慮して書いてゐるのではないでせう。
charsetを指定する以前に日本語のタイトルが出現。
styleで、smallにのみ{ font-size : 10.3pt }と云ふサイズの指定がされてゐる。
なぜかsmallにだけ、ポイントでサイズが指定されてゐます。閲覽環境によつては、本文よりもsmallの方が巨大になる事も豫想されます。改善されました。
スタイルシートの種類を、meta要素のContent-Style-Type屬性でも指定しておいて欲しい。

本文の問題點

明かに、論理マークアップを知らない人の書くHTML文書です。見榮えさへ良ければ良いと云ふ発想に基いて、筆者はHTML文書を書いてゐます。

これだから私は「ブラウザで確認」をすべきではないと考へるのです。

良い點

評價出來る點も舉げておきます。bodyの屬性で、bgcolor、text、link、vlink、alinkが全てきちんと記述されてゐます。

■ 準備をしよう

インデント

olの直下にdl要素を記述してはいけません。

改行

次のソースについて、

HPを開設するには、特別に必要な物はありませんが、準備は整っていますか?<BR>
最初からパソコンに付属していると思いますが、<B>「テキストエディタ」「ブラウザ」</B>は必須ですが、<BR>
それよりも、<B>HPを作りたい</B>という気持ちが大切だと、私は思います。<P>

以下のやうなソースに「改變」されました。

HPを開設するには、特別に必要な物はありません。<BR>
<B>「テキストエディタ」「ブラウザ」</B>があれば作ることができます。<BR><BR>

pを段落の尻尾に書いてゐるのを見れば、筆者が仕樣確定以前のhtmlしか知らない事は明かですと書いたところ、pがbr×2に置換されてゐます。何か違ふやうな氣が。

箇條書き

<UL>
<LI><FONT FACE="MS UI Gothic">テキストエディタ</FONT><BR>
HPの原稿を書くために必要な物です。<BR>
<B>メモ帳</B>とか<B>ワードパッド</B>などがあります。<BR><BR>

<LI><FONT FACE="MS UI Gothic">ブラウザ</FONT><BR>
作成をしたHPを見るために必要な物です。<BR>
主に、<B>NS</B>(Netscape Navigator)とか<B>IE</B>(Internet Explorer) などがあります。<BR><BR><BR>

内容

見出し

「■〜」は「見出し」なのですから、h?でマークアップした方がよろしいと思ひます。本文書では取敢へず、「■〜」を「見出し」と見做し、章建ての據り所とします。

■ HPスペースを確保しよう

HPを作り、ネット上でそれを公開をする場合は、ネット上でHPを置く場所、いわゆる「HPスペース」が必要になります。

「HPスペース」ではなく、「WWWサーヴァ」と言ふべきです。「WWWにHTML文書などを公開する爲には、豫めWWWサーヴァに文書を置くスペースを確保する必要がある」と言ふよりも「HPスペース」の方が解り易いのですかねえ……。

GeoCities等は「無料HPスペース」と云ふよりは「無料レンタルサーヴァ」であるやうな氣がします。

それから、2001年春現在、GeoCities Japanは12MB、Cool Onlineは20MBまでディスク容量を使へます。

■ 作業をスムーズにするには

例によつて大きなお世話なのですが、初心者の人はこんなに一々指示されないと何も出來ないのですか。まあ、出來ないみたいですが

かう云ふやり方は、「おんぶにだつこ」主義者を養成してゐるだけのやうな氣がします。まあ、樂をしたい初心者にとつては、不親切でも正確な説明のあるサイトよりも、大きなお世話をしてくれるサイトの方がありがたく感じられるのでせう。

とは言へ、ここはびしッと、勉強しませう、と書いて欲しかつた。

まず、「エクスプローラ」を開いて、「ファイル」 → 「新規作成」 → 「フォルダ」でフォルダ名を入力してください。

次に、デスクトップにエクスプローラのショートカットを作りましょう。これも作業をスムーズにするための有効な手段の1つです。

「エクスプローラのショートカット」は恐らく「今作成したフォルダのショートカット」の誤りだと思はれる。

HPを作るのは、他でもないあなたので、これから先は、自分のフォルダを使いやすいように改良してみてください。

……。いきなり突放してはいけないと思ひますが。親切なやうでゐて、妙な所で不親切です。


これから先は、自分のフォルダを使いやすいように改良してみてください。

HPを作るのは、他でもないあなたので、の文言が削除されました。理由は謎。

目次

  1. 基本を知ろう 1
  2. 基本を知ろう 2
  3. HPを作ろう 1
  4. HPを作ろう 2
  5. HPを作ろう 3
  6. HPを作ろう 4
  7. HPを作ろう 5
  8. HPを作ろう 6
  9. HPを作ろう 7
  10. HPを作ろう 8
  11. HPを作ろう 9
  12. フォームを作ろう
  13. HPを送信しよう