Go to information

HTML文書の作成と公開 - 準備編

HTML文書を一から作って、WWW上に公開し、ひとつのウェブページが出来上がるまでの手順(工程)を解説します。なお、各所に出てくるパソコンの操作方法に関する説明は、利用しているパソコンのプラットフォーム(OS)が Windows であることを前提としています。Windows 以外の環境でも操作方法に若干の違いがあるだけで基本的な作業の流れは同じなのですが、紹介しているソフトウェアの大半が Windows の環境下でなければ利用することができません。

ソフトウェアを入手するには

これから HTML文書を作成し、それがウェブページになるまでの作業には、様々なソフトウェアが必要になります。ソフトウェアを入手することを Download(ダウンロード)といいますが、ソフトウェアは、多くの場合、複数のファイルが一つにまとめられ、さらにダウンロード時間を短縮するために圧縮が施されています。このためソフトウェアのダウンロードには、圧縮されたファイルを元に戻すことのできる(解凍するための)ソフトウェアが必要になります。+Lhaca という無料で入手できる圧縮・解凍ソフトがあるので紹介しておきます。既に利用されているソフトウェアをお持ちの場合は、そちらの解凍ソフトをご利用ください。

HTMLエディタ(Nvu)の入手

HTML は、その仕組みと簡単なルールを理解すれば、ウェブページのもととなっている HTML文書は容易に作成することができます。Windows に付属しているメモ帳やワードパッド、Macintosh の Simpletext などのテキストエディタと呼ばれるツールを使って、HTML文書を作ることができます。しかし、テキストエディタは慣れない作業をする人には、ちょっと難しいのでできるだけ楽ができるように HTML の細かい仕組みやルールがわかっていなくても Word processor(ワードプロセッサ)のような視覚的操作の感覚で HTML文書を作成することができる HTMLエディタを紹介します。

無料(フリー)で入手できる HTMLエディタに、Nvu(エヌビュー)があります。Nvu は、内容をブラウザに表示したままの形でワープロを打ち込む要領で作業でき、裏で自動的に HTML のマークアップを行います。このようにまったく HTML のことがわからなくても、HTML文書を作成できる操作が可能なソフトのことを WYSIWYG(ウィジウィグ)と呼びます。Nvu のオープンソースには、行番号がついており編集・表示確認も速やかにできるので、テキストエディタに慣れない初心者だけでなく、中級者にも扱いやすいソフトウェアだと思います。

Nvu のインストールは、公式サイトからダウンロードすることができます。Windows の方は、"nvu-x.x-win32-installer-full.exe" を、Macintosh の方は、"nvu-x.x-mac.dmg" をそれぞれダウンロードしてください。Nvu のインストールが完了したら、次に英語が苦手な人は、あわせてメニューやダイアログを日本語表示に切り替えることができるパッケージをインストールしておきましょう。Nvu用試製JLPにて、パッケージの配布、及びインストール方法の説明があるので、そちらを参照してください。

新規フォルダの作成

これから作るウェブサイトのファイルを整理するために、新しい専用のフォルダを用意しましょう。操作方法は、Windows を対象としています。 まず、左下端にあるスタート(Ctrl + Esc)からマイドキュメントを開いてください。マイドキュメントが開けたら、次の手順で専用のフォルダを作成します。

右クリック(Shift + F10) > 新規作成(W) > フォルダ(F

マイドキュメントの一番下に「新しいフォルダ」という名称のフォルダができます。 「新しいフォルダ」の上で右クリック(Shift + F10)をして、表示されたメニューの中から名前の変更(M)を選択してください。フォルダ名は、わかりやすいように「ウェブサイト用」などの任意のフォルダ名を付けると良いでしょう。

現在位置
  1. W3G
  2. XHTML
  3. HTML速習
  4. HTML文書の作成と公開 - 準備編
ナビゲーション
ステータス情報
作者
上田 遼
公開
2005-08-01T01:30:08+09:00
更新
2008-12-29T04:27:06+09:00
URI
http://w3g.jp/xhtml/ref/open_pre
検索

直近の制作実績等:大阪人間科学大学 New! / 大阪薫英女子短期大学 New! / セキスイハイム みんなのお国じまん New!