|
| ホームページ作成ソフトの解説 |
|
「ホームページってどうやって作るの？」という方のために、大まかではありますが、ホームページの概念や作成ソフトの解説をしたいと思います。ホームページ作成ソフトの操作方法などを解説している素晴らしいサイトもあるので、後々ご紹介していきたいと思います。初心者の方にも分かりやすく解説したいと思います。
|
| |
 |
|
HTMLエディタとは、いわゆるホームページ作成ソフトと呼ばれているものです。
HTMLとは“HyperText Markup Language”の略称です。ぜひ覚えて、人に自慢しましょう。
こういうことってWEBデザイナーでも、意外と知らなかったりします。別に知らなくても仕事は出来ますからね。HTMLエディタはHTMLを編集してくれるソフトなんです。
HTMLとは下記のような、わけのわからん言語のことです。試しに下記の言語をメモ帳にコピーして、ファイル名（は何でも良い）の末尾に .htm と付けて保存してみましょう。
<td height="23" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000"><tr><td height="30" bgcolor="#FFFFFF"><div align="center">nanjyai！★ページ記述言語ってなんじゃい！★ nanjyai！</div></td></tr></table></td>
ファイルが Internet Explorer のアイコンになったでしょう。ダブルクリックしてみましょう。
上記の変な言語を Internet Explorer（Webブラウザ）が読み込むと…
|
| |
nanjyai！★ページ記述言語ってなんじゃい！★ nanjyai！ |
|
|
| ↑こんな風に表示されたと思います。すごいですねえ。↑ |
|
HTMLは「ページ記述言語」と呼ばれるもので、要するに「Internet Explorer」などのWebブラウザに「こういう風に表示するんだぞ！」という命令を書いたものです。日本人なら日本語で命令を書ければラクなんですが、Webブラウザ君は「ページ記述言語」で命令してやらないと、言うことを聞いてくれないのです。HTMLエディタ〔ホームページ作成ソフト〕を使って、視覚的に文字や画像を配置することで、ソフトが勝手にHTMLを書いてくれるんですね。
昔は良いHTMLエディタ〔ホームページ作成ソフト〕がなかったので、白紙の状態のテキストにHTMLを手打ちしてたんです。すごいですねえ。しかし優れたHTMLエディタ〔ホームページ作成ソフト〕がある昨今、それが出来たからといって何なんだという話ですので、自分に合ったHTMLエディタ〔ホームページ作成ソフト〕を使いこなし、ホームページを作成できるようになりましょう。ソフトを使いこなすことで、HTMLも何となくですが、理解できるようになります。
昔は大変だったんだなぁと思いきや、WEBデザイナーさんに言わせると、手打ちしてた頃の方がオイシイ仕事があったし作業的にもラクだった、なんて意見も聞かれます。ソフト買う金もかかりませんね。またホームページのクオリティも、あまり高いレベルを求められなかったでしょう。
90年代後半頃のYahooのトップページなんて、今見るとかなりショボいですからね。気軽にホームページが作れるようになって競争が激しくなったってことですね。
HTMLというのは、今は良いHTMLエディタ〔ホームページ作成ソフト〕がありますから、書けなくとも、ある程度見て理解できれば、そうでなければその都度調べて理解すれば、それで十分なんです。覚える必要なんか全然ありません。かの天才物理学者アインシュタインも、簡単な数式すらろくに記憶しておらず、いちいちノートを見て調べていたそうです。それと同じことです。
記憶せずとも記録を見て作業すれば結果には到達できるということ。HTMLなんて全然わからんと不安に思っている方でも全然問題ありません。HTMLエディタ〔ホームページ作成ソフト〕を利用すれば、ちゃんとホームページは作成できます。ライバルより頭一歩抜け出すために、HTMLエディタ〔ホームページ作成ソフト〕をバリバリ使いこなせるようになりましょう。 |
|
| |
|
| |
楽天 最安値
\4,060（税込）
体験版を使ってみよう |
|
ホームページ Ninja 〔Win版〕
最新バージョン：9 / メーカー：アイフォー / 対応：Win / 定価：\5,800（税込）
とっても簡単にホームページが作成できるソフトです。はじめから用意されているデザインテンプレートに画像や文字を配置できます。
視覚的、直感的にホームページを作成することが可能です。
ただしHTMLの編集が出来ないので、細部に渡って緻密な制御をするのは無理があります。全くHTMLを理解する気ナッシングな面倒くさがり屋さんにオススメ。 |
 |
|
|
|
| |
Web Design Works 〔Win版〕
最新バージョン：9 Plus / メーカー：ジャングル / 対応：Win / 定価：\12,390（税込）
面倒くさがり屋さん向けのソフトです。とにかく簡単にホームページを作成したいという人向けです。はじめから用意されているテンプレートが何と100種類以上。HTMLを直接編集することなく、視覚的にホームページを作ることにこだわったソフトです。誰でも見栄えの良いホームページが作成できます。こんなの邪道と思う人もいるでしょうが、トシは割と肯定派なんですよね。 |
|
楽天 最安値
\7,940（税込）
体験版を使ってみよう |
|
|
|
|
| |
楽天 最安値
\7,104（税込）
体験版を使ってみよう |
|
ホームページビルダー 〔Win版〕
最新バージョン：12 / メーカー：IBM / 対応：Win / 定価：\9,800（税込）
間違いなくHTMLエディタ〔ホームページ作成ソフト〕としては、一番売れているソフトです。一通りの機能は抑えてるので、十分クオリティの高いホームページを作成することが可能です。ホームページビルダーで作成したアフィリエイトサイトで、月収何十万円も稼いでる人が多く存在するのも事実です。稼いでるサイトというのは、それなりに複雑な作りになってるので、サイト運営で稼ぐ意欲をお持ちの方は、このソフトで始めてみるといいかもしれません。 |
|
|
|
|
| |
Contribute CS 〔Win版〕
最新バージョン：3 / メーカー：Adobe / 対応：Win&Mac / 定価：\18,900（税込）
ホームページの更新用のソフトです。ホームページはローカルPC上で作業して、出来上がったHTMLファイルや画像ファイルをWeb上のサーバーにアップするのが普通ですが、このソフトはWebブラウザ上で、テキストや画像を置き換えたりといった作業が可能です。
「Dreamweaver CS」と連携させることで作業の効率化が図れます。
「Contribute」自体も、十分優れたHTMLエディタ〔ホームページ作成ソフト〕なので、これだけでもクオリティの高いホームページを作ることが可能です。実際に「Contribute」を使用している人からは「便利で手放せない」といった意見が聞かれますね。 |
|
楽天 最安値
\18,700（税込）
Mac版はこちら
体験版を使ってみよう |
|
|
|
|
| |
|
| |
Dreamweaver CS 〔Win版〕
最新バージョン：3 / メーカー：Adobe / 対応：Win&Mac / 定価：\49,800（税込）
Web制作の世界で業界標準と言われているHTMLエディタ〔ホームページ作成ソフト〕です。ドリームウィーバーと読みます。業務レベルで言えば、世界で最も普及しているHTMLエディタ〔ホームページ作成ソフト〕でしょう。トシも愛用しています。業界標準のプロ向けソフトというだけあって、値段も高いですが、多機能、高機能で高い表現力を誇ります。ホームページの管理機能も充実（ホームページビルダーとの決定的な差がココ）しており、効率的な更新作業が可能です。現在はズーム表示機能が付きましたね。便利ですよ～。 |
|
楽天 最安値
\47,300（税込）
Mac版はこちら
体験版を使ってみよう |
|
|
|
|
|
|
|
|
 |
|
画像を作成するソフトのことです。このサイトの最上部のタイトルのような画像ファイルです。HTMLエディタ〔ホームページ作成ソフト〕だけでもホームページは作成可能ですが、何とも無機質というか殺伐としたイメージになってしまいます。良く言えばシンプル、悪く言うと殺風景。ネット副業系のホームページだと、胡散臭さを醸し出してしまうかもしれません。そこで、色々な画像を使って、ホームページに華やかさを出すわけです。
見た目のインパクトがないと、人を惹きつけるのは、なかなか難しいものです。「画像は重いからなるべく使うな」なんてのは電話回線全盛時代の話です。ホームページを華やかにするために、インパクトのある画像作成、そしてなるべく容量を軽くすることを心がける、そういったスキルアップを目指すべきだと思います。インターネットの回線速度が上がるにつれて、個人レベルでも、多くの優れたビジュアルを持ったホームページが出現するでしょう。そうなった時、頭一歩抜け出すためにも、グラフィックソフトのスキルというのは、極めて重要と言えます。 |
| |
|
| |
楽天 最安値
\12,440（税込）
Mac版はこちら
体験版を使ってみよう |
|
Photoshop Elements 〔Win版〕
最新バージョン：6 / メーカー：Adobe / 対応：Win&Mac / 定価：\14,490（税込）
デジカメ写真の管理にとても便利です。画像の色補正や加工も可能です。単なる簡易Photoshopなのかな、と思ってたんですが、トシが以前スキャナを買った時に、くっついてきたのを実際使ってみたら、これ機能的に十二分に使えますね。デジカメやスキャナやPCに付属してる場合も多いので、もしかしてあなたも持っているのでは？使わないともったいないです。ぜひホームページ作成に役立てて下さい。 |
|
|
|
|
| |
|
| |
Flash CS Professional 〔Win版〕
最新バージョン：3 / メーカー：Adobe / 対応：Win&Mac / 定価：\88,000（税込）
名前ぐらいは聞いたことあるでしょう。あちこちのホームページで見かけるギュルギュル動いてる動画は、このFlashによって作成されています。トシはページを重くしたくないので、現状ではFlash動画の使用は自粛してるんですが、ISDNが絶滅する頃には遅くともADSLという、真のブロードバンド時代が到来しますのでそしたらサイトのあちこちにFlash動画を散りばめたいなと思っています。しかし高いですね…。 |
|
楽天 最安値
\82,740（税込）
Mac版はこちら
体験版を使ってみよう |
|
|
|
|
| |
楽天 最安値
\37,910（税込）
Mac版はこちら
体験版を使ってみよう
|
|
Fireworks CS 〔Win版〕
最新バージョン：3 / メーカー：Adobe / 対応：Win&Mac / 定価：\40,000（税込）
Adobeのホームページ作成用のグラフィックソフトです。
よくIllustratorとPhotoshopのホームページ作成において必要な機能を足したようなソフトだと言われます。機能的に十分な表現力を備えていると言えます。アニメーションGIFも作れます。トシはちょっと、このソフトには馴染めないんですよね。そこは人それぞれと言うことで。 |
|
|
|
|
| |
Illustrator CS 〔Win版〕
最新バージョン：3 / メーカー：Adobe / 対応：Win&Mac / 定価：\84,000（税込）
見ての通りのお値段で気軽に買えませんが、使いこなせればこれほど強力なソフトはありません。元々DTP（印刷物のデザイン）用のグラフィックソフトなんですが、って今でもそうなんですけど、現状では機能的にホームページ作成用のグラフィックソフトとしても大変優れたソフトになっています。上記でページ記述言語の解説をしましたが、印刷用のデータ作成におけるページ記述言語を「PostScript」と言うのですが「PostScript」はHTMLと比べると、文字やビジュアルを非常に細かいレベルでの制御が可能であり、圧倒的な表現力を誇ります。
「Illustrator CS」のデータを「Photoshop CS」で、gifやjpgといった
画像データに変換することも可能です。IllustratorとPhotoshopの組み合わせは正に無敵のコンビネーションと言えます。 |
|
楽天 最安値
\77,200（税込）
Mac版はこちら
体験版を使ってみよう |
|
|
|
|
| |
|
|
 |
|
| とにかく、お金は1円たりとも使いたくない！無料主義の方はフリーでも優れたソフトがあります。ただメーカー製品と違って、サポートは基本的にないものと思った方がいいです。バージョンアップするかどうかも分かりません。ソフトというのは一度慣れてしまうと、別のソフトに乗り換えるというのは、かなり面倒くさいですし、やはりいつかはバージョンアップしないといけませんので、同じソフトを長く愛用したいという方は、メーカー製品を購入することをオススメします。 |
| |
Homepage Manager
メーカー：個人制作 / 対応：Win / 定価：フリーソフト（無料）
無料〔フリー〕のHTMLエディタ〔ホームページ作成ソフト〕です。十分な機能を備えてます。サーバーにアップした後、Webブラウザで見るのと同じイメージのままHTMLの編集が可能です。これだけのソフトがタダで使えちゃうんですから、ぜひ活用させて頂きましょう。 |
| |
full color graphic editor Hyper-Paint
メーカー：個人制作 / 対応：Win / 定価：フリーソフト（無料）
無料〔フリー〕のグラフィックソフトです。インターフェースはいかにも無料〔フリー〕だなって感じですが、機能満載ですね。デジカメで撮影した画像や、スキャナで取り込んだ画像を下絵にトレースしたりといったグラフィックソフトの基本的な機能はもちろん、写真を水彩画風のイメージにアレンジしたりといったフィルタ機能、取り込んだ画像を保護しながら描画を加えるマスク機能と、複雑な画像処理にも十分対応できます。 |
| |
| FTPクライアントソフト |
|
通常HTMLエディタ〔ホームページ作成ソフト〕には、FTPサーバーへのファイル転送機能は付いてますので、別に必要ないかもしれませんが、制作したHTMLファイルや画像ファイルを、サーバーにアップロードするためのソフトです。また、ホームページ作成のスキルが上がってCGIを利用したい、というぐらいに上達した際には役に立つかもしれません。
トシが使用しているHTMLエディタ〔ホームページ作成ソフト〕である「Dreamweaver MX 2004」は
CGIの設置の際に必要なパーミッションの設定が出来ないため（現在は対応）下記FTPクライアントソフトを活用しています。全然、初心者向けの解説じゃなくなってしまいましたが、頭の片隅にでも入れておいて下さい。 |
| |
FFFTP
メーカー：個人制作 / 対応：Win / 定価：フリーソフト（無料）
多くの方が利用している無料〔フリー〕のFTPクライアントソフトです。利用する機会があるかどうかは分かりませんが、とりあえず頭の片隅にでも入れておいて下さい。ファイルをアップしたりダウンロードしたりといった管理だけなら、このソフトを使用した方がやりやすいかもしれません。 |
