■免責■
このサイトに記載されている
情報・データ及びリンク先に
関しては自己責任にて
ご利用ください。
■リンク■
リンクフリーですが
リンクしていただける
場合は下記アドレスから
ご一報下さい。
■著作権■
当HPに関する著作権は
製作者に帰属します。
なお相互リンク先の内容及び
広告等のデザインに
関してはその出所に帰属します。
■MAIL■
お問い合わせは
メールでどうぞ。
Since 2005.01.01
(C)Copyright Nabiz
All rights reserved.
|
|
|
| ++++ HTMLについて++++ |
HTMLとはブラウザがサイトの情報をもとに
画面を表示するためのコンピュータ言語です。
ブラウザの種類によって多少の違いはありますが
これによって世界中どこにいてもどんな環境で見ても
製作者のだいたい意図どおりの画面を表示することができます。
例えばこの画面なら背景をこの色で表示して
それを区切って、さらに表を表示し
中に各ページへのリンクを貼って…
という色々な命令が書かれています。
詳しくはブラウザのメニューから「ソースの表示」という
項目を選べば大抵のサイトではそのソース（命令文一覧）を
見る事ができます。
参考にしたいサイトがあったら見てみると良いでしょう。
（ただし、このサイトのは見ない方がいいかもしれません。
あまり綺麗に書かれて無いのでお恥ずかしいです…。）
ただ注意していただきたいのはこの「ソース」にも
製作者の著作権が存在する可能性がある、ということです。
例えばもし気にいったサイトのソースをコピーしてきて
自分のサイトに丸々使ってしまったら
著作権法違反で訴えられる可能性もあります。
また、サイトのページを作っている人は大抵時間をかけて
ページをがんばって作っていたり、
お金を出して業者さんに頼んで作っていたりしますから
他人のサイトをコピーするのはやめましょう。
ですが良いサイトを参考にするのはOKだと思いますよ。
目標になるサイトを見る事で勉強にもなりますし。
ちなみにこのサイトに関しては色々試行錯誤した結果、
BLOOMさん
という方が配布されているテンプレートを元に作っています｡
|
| ++++HTMLは必要か？ ++++ |
===============================================
【HTMLは覚えておいて損はありません。】
===============================================
HTMLってなんだか文字がたくさん並んでいるだけで良く分からないし面倒…
って思っていませんか？
Nabizも最初は当然そうでした。
確かに専用ツールを使えばHTMLが分からなくてもWebページは作れますし。
でもHTML言語（コンピュータがブラウザの画面を正しく表示するためのルール）って
論理的に作られているので「こんなもんか。」って意味さえつかんでしまえば
あとは見よう見まねで試行錯誤を繰り返すうちに段々なれて
自分の表現したい通りにできるようになってきますよ。
人に図を描くのを頼むのとは違ってコンピュータに指示するわけですから
「こんな感じで頼むよ。」なんて事は通用しません。
この内容は何色でどんな大きさでどんなフォントで書いて、
構図はここからここまでこれだけの大きさで四角に線を引いて…、
と事細かに説明してあげなければうまく表示してくれません。
これは逆に言えば「相手に分かるように指示を出せばその通りちゃんとやってくれる。」
って事ですよね。（実際はそううまく行かないこともありますが…）
例えばスーパーマ○オだったらコントローラーのAボタンを押せばジャンプしますし
テレビのリモコンだったら１を押せば１番のテレビ局にチャンネルが変わりますよね。
要は「ルールを覚えるか覚えないか。」って事です。
もちろん全てを記憶する必要はありません。
その都度、本やWebサイトで確認すればいいんです。
…とここまでエラそうに書いてきたんですが
HTMLの書き方に関してはNabizもまだ勉強中ですし
他のサイトさんの方が分かりやすく、詳しく記述しておられるので
ここではいつもNabizが勉強させて頂いている
HTML解説サイトさんを紹介します。
*Webページ作りのお勉強*
http://masaboo.cside.com/
このサイトでは分かりづらいHTMLの基本からCSSまで
段階的に説明してくれているので順番に見て行けば
HTMLのほとんどが理解できるようになっています。
HTMLの具体的な書き方も合わせて表示してくれているので
便利です。
また、オシャレなソース集も配布されていますので
それに手を加えれば簡単にキレイなページがつくれますよ。
*A PRIMER to HTML*
http://www.tky.3web.ne.jp/~shadow/HTML/primer.html
こちらもシンプルで分かりやすいサイトです。
*HTMLタグであそぼう*
http://www4.osk.3web.ne.jp/~kitayan/
必要なことはひと通り全て揃います。
また、HTMLの色々な小技を駆使されていますので
その効果を実際に体験することができます。
|
|
|
|
|
|
|
