トップページ | ホームページ講座 | HTML | CSS | 素材 | リンク

トップページ > 初心者向けホームページ作成講座 > ホームページとは/ホームページ作成に必要なソフトと準備

ホームページとは、インターネット上にあるHTMLで記述されたドキュメントで
WWWブラウザというソフトで閲覧できます。
Webページともいいます。

自分の趣味（釣りのテクニックや料理のレシピ等）を生かしたページや
パソコンやプログラム操作のノウハウを掲載したりと、ホームページは
様々な用途に利用されています。

• ＨＰ作成に必要なソフト
• パソコンの設定

ＨＰ作成に必要なソフト

初心者がホームページ作成ソフト（Dream Weaver・ホームページビルダー等）で
いきなり作るのは難しいので、ここでは以下のソフトを使用してホームページを作成します。
（作成ソフトは覚えることが多く、HTML等の予備知識が必要となります。）

・テキストエディタ(メモ帳・秀丸)

Windowsに標準で搭載されているテキストエディタです。
ワープロソフトの場合、文章の他に文字装飾などのデータを扱いますが、
メモ帳では純粋に文字だけを扱います。
HTMLで記述した内容をhtml形式で保存します。
詳しい使い方は後述。
使い慣れたテキストエディタでも作成できます。（秀丸・EmEditorなど）
秀丸(シェアウェア)　http://hide.maruo.co.jp/
EmEditor(フリーウェア)　http://www.vector.co.jp/soft/dl/winnt/writing/se047993.html

・FFFTP

htmlファイルなどをプロバイダやHPレンタルサービスが提供している
ホームページスペースにアップロード(転送)するために必要です。
使用するためには、プロバイダ・レンタルサービスが提供する情報が必要です。
Sota's Web Page http://www2.biglobe.ne.jp/~sota/

・画像編集ソフト

ホームページに画像を使うことができますが、そのままのサイズでは
大きすぎたり、読み込むのに時間がかかったりします。
これらの画像を以下で紹介するソフトで画像と
ファイルの大きさを調整します。

Pixia(写真加工を行え、絵も描けるソフト)
Pixia http://www.pixia.jp/

JTrim (軽くて使いやすい)
WoodyBells http://www.woodybells.com/jtrim.html

IrfanView（画像ビューアソフト）
IrfanView日本語版 http://www8.plala.or.jp/kusutaku/iview/

・ホームページ用の素材

ホームページには背景に画像を指定したり、リンク用の画像や
ボーダーライン等も使用してページを彩ることも可能です。
インターネットにはこれらの素材を配布しているところが多数存在しますが
自分好みの素材がない場合、ソフトで自作もできます。
ホームページ素材作成に特化した「彩彩畑」をおすすめします。
IROMSOFT http://www.hm.h555.net/~irom/index.htm

・その他あれば便利なソフト

FE - Color Palette：使用したい色を選択するとカラーコード(#000000等)を表示・コピーできます。
デスクトップの色も取得可能。
カラーコードは背景や文字の色を指定するために必要です。
http://www.fieldeast.com/soft/fecp.html

・機材

デジタルカメラやスキャナなど
デジタルカメラで撮影した写真はデータ化され、パソコンに転送することができます。
スキャナは書類や絵を取り込んでパソコンに画像として保存します。

パソコンの設定

・ファイルの拡張子の表示

拡張子とは、ファイルの種類を識別するためのもので、ファイル名の後ろに
３〜４文字の英数字が振られています。
テキストファイル「memo.txt」の場合、「.(ピリオド)」の後に３文字の英数字(txt)が
振られています。
「.txt」の部分が拡張子です。
同様に画像ファイル「photo001.jpg」の場合、「.jpg」の部分が該当します。

購入したばかりのパソコンや設定をいじっていないパソコンの場合、拡張子が
表示されていない場合があります。
なぜ拡張子が表示されてないかというと、ファイル名変更のとき、間違って拡張子が
消されないようにしているためです。
拡張子が消えるとファイルの識別ができなくなり、ダブルクリック等で開けなくなります。
消した拡張子を戻せば開けるようになります。
ホームページ作成で画像表示タグやリンクを打ち込む場合、拡張子付きの画像ファイル名
またはhtmlファイル名を指定する必要があります。

以下の手順を行うことで拡張子が表示されるようになります。

１．「マイコンピューター」「フォルダ」ウィンドウのメニューバー（ウィンドウ上のファイルや編集が並んで
いるメニュー）から「ツール」をクリックし「フォルダオプション」をクリックします。



２．フォルダオプションが表示されます。
その下に[全般][表示][ファイルの種類]というタブがありますので[表示]をクリック。

３．[フォルダの表示]の下にある[詳細設定]下にリストがあるはずです。
リストを下にスクロールさせると[登録されている拡張子は表示しない]という項目があります。
□にチェックがされている場合、それをクリックしてチェックをはずします。

４．その後、下のOKをクリックします。


備考
「ファイルおよびフォルダ」と映像設定しか表示されていない場合、「ファイルおよびフォルダ」を
ダブルクリックして展開し、設定を表示します。
windows2000の場合[登録されているファイルの拡張子は表示しない]です。

前の講座：インターネット上のデータのやりとり | 次の講座：ホームページに掲載してはダメなもの | トップページ | ページの一番上へ▲

Copy right (C) 2007-2008「めもタグ」ROBE@管理人