HOME>HTMLの基本
|
|||||||||
はじめに | ホームページを作成するには | HTMLの基本 |
HTML力。 | |||||
HTMLとはホームページを構成するタグ(参考:ホームページを作る)です。ホームページが存在するのに欠かせないこのタグ、ホームページを作るためにやはり覚えなければならないか。ジツは、、、全然覚えなくて良い。 「そこそこのホームページを作ろう」と思えばHTMLタグなど覚えなくて良いんです。なぜなら今はホームページビルダーに代表される「ホームページ作成ソフト」というものがあるからです。これらのソフトは、例えば表を作りたいと思えば<table>タグというのを使って勝手に表を作成してくれますし、文字色を変えたいと思えば<font>タグを使い、勝手に色を変えてくれちゃいます。そしてその結果としてのHTMLファイルを自動生成してくれます。
もしホームページ作成ソフトがパソコンに入っていなくても、フリーソフト(無料)を使うことができます。前に紹介したNetscapecomposerやfront page expressなどが無料ホームページ作成ソフトとしてありますので使用しましょう。無料ソフトのインストールや使用に関しては誰でも解る無料ホームページ作成講座に詳しく掲載されていますので参考にしてみてください。
「そこそこのページ」を作るのには作成ソフトで十分、というのは自由なレイアウトやこだわりを持った作成には不十分ということです。「ウェブデザイン」をするのであればHTMLの能力はかかせません。というよりむしろ「ウェブデザイン」の良し悪しはHTMLがわかっているかどうかに大きく依存している言えます。また、レンタルCGI(掲示板やアクセスカウンタ)を使用する場合もHTMLの知識があったほうが良いです。 「HTML力」は「ウェブデザイン力」 |
■代表的なホームページ作成ソフト ホームページビルダー Macromedia Dreamweaver (無料ソフト) ASP.NET Web Matrix Project 日本語版 ぽんたのホームページ作成ツール ■困ったときのHTML HTMLとは、ハイパーテキストなんたらかんたら、、、。 ホームページ作成ソフトを使っていても、HTMLを知らないとちょっと困ってしまうことがあります。例えば、、、 ○広告のタグを挿入したいが、ソースのどこに貼り付けていいものか? ○作成ソフトが思い通り動かない!テーブルの形が思い通りにならない。 ○作成ソフトで、テーブルを指定しているのにフォントや画像の指定になって、なかなか作業が進まない。 ○作成ソフトの<font>の区切りがなく、全部の文字がかわってしまう。 ○レンタルCGI(アクセスカウンタ、掲示板、アクセス解析)のタグをどこに貼り付けていいかわからない。 ○作成ソフトだとどうもHTMLファイルのサイズが大きくなってしまう。 ○テーブルの構造がわからない。 |
HTMLは最低これだけ知っとこ。 | |||||||||||||||||||||||||||
■ホームページ作成ソフトを使えば、だいたいホームページを作れてしまうので、すべてのHTMLタグを覚える必要はありません。ただ、ウェブデザインを実現するためには最低これだけは知っておかないと困ってしまいます。
■構造 ○ページとして見える内容(文章や画像など)は全て<body></body>タグ間に記述する。 ○HTMLタグは半角英数字なら大文字でも小文字でも良い。<font>と<FONT>は同じ意味。 ○<タグ></タグ>間に、そのタグが影響を及ぼす。例えばHTMLタグが
○属性を決定するタグを記述するときは半角スペースを空ける。例えば<font>の色を決めるcolorタグを使うときは<fontcolor="red">ではなくfont color="red">とする。 ■さて、じゃあこれらのタグを使って簡単なHTMLファイルを書いてみることにする。 sample2.html
HTMLは最低これだけ、、、と言ってもたくさん知っているにこしたことはない。良いウェブデザインをしようと思えばやはりHTMLの知識が深い方が有利なのです。困ったときはHTML作成支援サイトに頼るのも手でしょう。 というのも、HTMLをしらずにホームページ作成ソフトだけで作られたサイトと、ちゃんとHTMLを理解して作られたサイトでは歴然とした差が生まれてしまうからです。後者が全体的にまとまりある体系になっているのに対し、前者はただ上からコンテンツを足していったような作りになっていることが多く、見た目にまとまりがないのです。 もちろん、まったく見た目にまとまりが無いサイトでも、すごいアクセス数をたたきだしているところもありますので、必ずウェブデザインをしなければならないという話ではありません。 ただ、キレイなウェブサイト、見てて爽快なウェブサイトを目指すなら、HTMLはかならずその助けになるでしょう。 |
もっとHTMLが知りたい・手打ちホームページやってやる。 「ホームページ作成ソフトを使わずにウェブ作成したいんだけど。」という人もいるはずです。 もちろんHTMLタグや文章を一つ一つ記述してホームページを作ることは可能です。しかしそれはそれでまたずいぶん非効率になりますから、時間がかかるのは覚悟しておいた方が良いでしょう。私もホームページを初めて作った時からずっと「手打ち」で作っていましたが、時間がかかりすぎて途中でやめたくなってしまう事がしょっちゅうでした。 HTMLタグをもっと勉強したい・HTML手打ちでウェブ作成したい人にオススメなのが ■いまさらHTML講座 HPを作りたい方、HTMLはこれだけ知っていればOK ■とほほのWWW入門 代表的なサイト。HTML、スタイルシートなど。 また、「ホームページ作成支援ソフト」を使えばHTMLからのホームページ作成も格段に効率が上がります。ホームページ作成支援ソフトとホームページ作成ソフトが無料でインストールできる(フリーウェア)窓の杜で好みのソフトを探してみると良いかもしれません。 HTML力が発揮される場面の一つがいろいろな外部素材を利用してのHTML書き換え作業です。 以下のタグはトップページへのバナー(画像)リンクを表したものですので、これを使ってsample2.htmlをsample3.htmlのように書き換えてみてください。
コピー&ペースト ウェブ作成だけでなくインターネットで作業する事全般で役に立つ技術です。いわゆる「コピペ」ってやつ。 ある文章をコピーしてそれを貼り付けることで同じ文章を書く手間が減らせるんですよね。長い文章のときは特にラクです。 やり方はコピーしたい文章を選択(文章の始まりをクリックして終わりまでドラッグすると文字に色がついた状態になる)して右クリック→コピー(Ctrl+Cでも可)、貼り付けたい箇所を右クリックして「貼り付け」(Ctrl+V)です。
|
check!! |
自由なウェブデザインのためにはHTMLタグを知ることが重要。 あくまでソフトを使ってHTMLファイルを作る。修正や思った通りの表現をするためにHTMLの知識は必要になる。 |
||
HOME>HTMLの基本