何が必要? ページを製作する 実際に作る テクニック? 掲示板を設置 アクセスアップ 注意する事 使えるソフト おこずかい
ホームページ(以下ページ、Web Page が正確な表現らしい)を製作するには、何を揃えると良いか
一般的?なのが、市販のホームページ製作ソフトも使う場合、アイコンや画像ばど、Web用に使える素材などがソフトに入っていますので使いやすいです
予算を掛けないで製作する場合、必要なものは、OS付属のテキストエディタで十分です。
ツールを揃えるならフリーでメモ帳より高性能なテキストエディタもあります。
これには、タグと呼ばれる記述を覚える必要があります。タグについては、書籍、Webで検索掛けて調べてください
公開するには、一般的に、契約しているプロバイダやフリー、有料で公開するスペースを提供する場所(サーバー)に製作したHTMLを転送する必要があります。
サーバーに転送するソフトをFTPと呼びこのソフトも用意します。
ここで、注意する事は、公開するサーバーを利用するに当たっての注意点を事前に調べておく事も大事です。
せっかく作ったのに規約に反する、使用できない事がないようにします。(FTPで転送できない所もある)
また、公開する場所のサポート等も見るようにしましょう。サポートには、使用するソフトの転送例を書いてあったりしますので紹介してあるソフトを使うと、設定例を理解できるソフト(使用するソフトをダウンロードできるページへのリンクが貼られていたりします。)を利用すると設定で迷うことなく転送できる??
ここでは、Windowsでテキストエディタを使用した例で進めていきます。
一般的にホームページと呼ばれているものは、(アドレスの最後がhtml、htm)Hyper Text Markup Language(HTML)
ブラウザによるWebページの文字や画像などの表示を制御するためのマークアップ言語がHTMLと呼ばれ、このHTMLによって、書かれています。
HTMLは、Web上で詳しく紹介されたページや書籍(タグ辞典)で調べる事ができます。
製作には、メモ帳起動>HTML記述>拡張子htmlで保存>実際にブラウザで確認する作業の繰り返しになります。
保存したファイルを再編集する場合、Internet Explorerで開き、ツールバーの編集ボタンか、右クリックしソースの表示(V)>ソースを編集し保存>ブラウザの更新ボタンを押す。>確認の繰り返しです。(ソースの表示の仕方は、HTMLファイルをアプリケーションからテキストエディタで直接開く方法もあります。)
デザインについては、自分の琴線に触れたページをマネする事から始めといいでしょう
ただし、パクリはいけません。ここでのマネは、配色、画像、テキストの表示位置等を自分なりに似たように配置する事です。
例えば、CDジャケットのデザインが気に入ってとして、実際にHTMLで再現できるか解りませんが
実際に製作されているモノがあるので気に入ったページをお手本にデザインを似たものにできます。
ただし、デザインに力を入れて特定のブラウザに依存しないように注意しましょう。
テスト製作をコピー&ペーストした部分
UP|
グラディーションに! |
| テーブルの背景に色を使い文字色をBODYで指定した色を使う |

| テキスト | テーブルの背景画像の上にテキスト表示 丸い角などは、HTMLでの表現が難しい | |||||
|---|---|---|---|---|---|---|
上のサンプル
<TABLE>
<tr><th colspan="6" background="./06.gif" width="67" height="67"><Font size="2">テキスト</Font></th><td>テーブルの背景画像の上にテキスト表示<br>
丸い角などは、HTMLでの表現が難しい</td></tr>
</TABLE>
Java Script、Cascade Style Sheetを使うとHTMLで表現できない動きがあるページができるがブラウザによる依存が多い
編集時に役立つ事
ソースは、できるだけ一行で書く、これは、好みですが、ソースは、できれば見やすく書いておいた方が編集時に便利です。
画像、ファイルは、フォルダ分けすると編集に便利。欠点は、アドレスが長くなる(このページは、webフォルダに入ってます。TOPからすると前略/web/beginner.htmlになってるのがわかると思います。)
また、http:や/(スラッシュ)で始まる絶対パスは、特に必要にならなお場合できるだけ使用を避けた方がいいかも
<!--コメントタグ活用する-->コメントタグを書くと編集時便利です。
製作時のテクニック
よく使うタグを単語登録すると製作が早くなる
コピペを活用する(上部の各ページへのリンク先等同じで長い部分)
デザインを統一する場合<BODY〜>まで製作し、各ページごとに名前を変えて保存すると速い??
BBSなどは、CGIと呼ばれるプログラムを使用します。
CGIプログラムは、フリーで配布されている場所も多いですが使用するには、ページを設置する場所がCGIの使用を許可している必要があります。
CGIの設置は、ほとんどの場合使用できませんが、レンタルで使用する事ができます。「レンタルBBS」などの単語で検索して探してください
