| はじめに |
| |
|
ここでは、簡単なHTML講座をしていこうと思います。昨今、本や、Webサイトでかなり取り扱われている題材なので、専門的なお話はリンク等で解説させていただきます。
なるべく多くの方達がより簡単にサイト製作に取り組めるような足がかりになればと思います。親方の気が付いた事はなるべく掲載していきます。
|
| |
| 用意するものは? |
| |
最初に用意するものは、パソコンに付属のソフトで学習できます。
テキストエディタ
Windows の場合:メモ帳
Mac OS の場合:Simple Text
ブラウザ
Internet Explorer
Netscape 等
基本は、テキストエディタで編集して、ブラウザで実際に見てみるという作業を繰り返していきます。「今時テキストエディタだけで作成している人なんて居ないよ!」って言われる方も多いかと思いますが、基本が大切です。始めは基本的なタグ打ちから始めてみてください。後々やっておいて良かったと思う日が来ると思います…?
実際にサイト運営を開始する段になってからは、ホームページ製作ソフトを使用する事になるでしょう。ホームページ製作ソフトを使えば、ほぼ自動でHTMLのソースを書いてくれます。が…、完璧ではありません。エラーを見つけるのにはやはり基礎知識が大いに問題解決に役立つものなのです。何よりタダで始められるのですから。
テキストエディタと、ブラウザだけで作成できるのは、あくまでも勉強する段階での話です。自分のパソコンで作成して、自分のパソコン(ローカル環境)だけで見る事ができる状況です。実際にインターネットに公開するにはその他のソフトウェアが必要になってきますし、高性能なテキストエディタも必要になってくる事でしょう。お勧めのソフトウェアと併せて次に紹介していきます。(独断と偏見がかなりあります)
このページでは、説明の都合上、Windowsでの操作を例にご説明いたします。その他のユーザーは適宜読み替えて操作してください。
|
|
| 定番ソフト |
| |
【テキストエディタ】
・秀丸エディタ…Windows 定番のテキストエディタ。シェアウェア(4,000円)ながら絶大な指示を受けている。多様な文字コードにも対応しているので、非常に使い勝手が良い。シンプルでとっても使いやすいエディタです。
・PerlEditor…その名のとおりPerlというプログラム言語を書くために作られたエディタ。
フリーウェア(無料)なので、利用している人も多い。機能はメチャクチャ高性能です。
・Jedit…MacOS用の高性能テキストエディタ。テキストエディタに必要な機能なのかは分からないけど、Microsoft
Word 書類や、リッチテキストも読み込めるとの事。シェアウェア(2,940円)ながら、Macファンには定番のエディタ。
※昔のメモ帳等は、編集できる文字数制限があったので、大きなページを作成することができなかったのです。その為上記のようなシェアウェア等を使用して製作するのが一般的でした。
【FTPソフト】
パソコンで作成したファイルをWebサーバーに転送するソフト。
・FFFTP…Windows定番のフリーソフト。FTPクライアントとしてはホームページ作成ソフトのFTPソフトより遥かに高性能かもしれません。リモートでのサーバ管理等では必須?
・Fetch…MacOS定番のシェアウェア(2,500円)。米国Fetch softworks社で開発、サポート体制も充実しています。
【ホームページ製作ソフト】
・Macromedia Dreamweaver
・Adobe GoLive
・IBM ホームページビルダー
イメージをそのままWebページに反映できるページ製作ソフトと、FTPソフトが一体になった便利なソフト。本格的なサイト運営にはかかせない定番ソフトです。各社のホームページではさまざま情報が掲載されていますので、一度ご覧になってみてください。
【その他のソフト】
・Macromedia Fireworks
Webグラフィックス加工修正ソフト。バナー製作に最適。
・Macromedia Flash
リッチコンテンツ製作ツールの定番ソフト。
・Adobe Illustrator
グラフィックデザインの定番。
・Adobe Photoshop
デジタル画像編集のプロフェッショナルスタンダード。
|
|