HP作成のお勧めソフト

質問

右も左も分からない全くの初心者なのですが、ウェブサイト作成に挑戦してみようかなと思ってます。用途は趣味の同好会のページです。とりあえず、作る方法として「HTMLをメモ帳で手書きする」か(探したら詳しい解説のページがいくつかありました)、HTML作成ソフトを使うかを考えてます。作成ソフトは「Homepage Manager」か「HTML Project2」か「alphaEDIT」がとりあえずの候補です。最初は手書きかフリーソフトでやってみて、「ホームページビルダー」は凝ったものを作りたくなった時の候補として考えてます。フリーの中では初心者にはこれがお勧めというソフトがありましたら教えて下さい。

それと少し気になったのですが、このやり方(ソフト)に慣れると別のやり方(ソフト)が使い辛く感じる、というのが嫌なので、試すのも躊躇している状況なのですが、これは杞憂なんでしょうか？　あまり考えずにいろいろ試してみるのがいいんでしょうか？　メモ帳での手書きからこのソフトへの乗り換えは簡単とか、このソフトからこのソフトへの乗り換えは難しいとか、そういう事があるのかないのかもわからない状況です。この点についてもアドバイス頂けると助かります。よろしくお願い致します。

回答No.3

DrFell · ベストアンサー

タグ打ちを学ばれることを強くお勧めします。htmlはよい教本にまなべば、簡単です。最初は退屈かもしれませんが、覚えることも少なく数時間で学べてしまえます。見出し・段落・表・リストと文書構造の印をつけるだけです。

でも、それでは退屈で、味気ないページになってしまいます。そこにcss(スタイルシート)でデザインをつけていきます。これは、少々てこずると思います。基本は簡単なのですが、各ブラウザにプログラムミスがあったり、解釈や初期値がちがったりするので、ちょっと経験が必要になります。

正しいhtmlや構造と見た目の分離に触れているサイトでぜひ学んでください。といっても探せないでしょうから
http://neo.s21.xrea.com/web/011.html
あたりで

ある程度慣れるまでは、使い慣れたテキストエディターを使われることをお勧めします。メモ帳でもいいのですが、もうすこし、機能のついたテキストエディターをいくつか試されて、手や目になじむものをお勧めします。目で見て視覚的に作っていく作成ソフトはお勧めできません。「ホームページビルダー」は凝ったものを作りたくなった時に卒業するソフトです。テキストエディターで手打ちしていくうちに、カンニングをしなくてもタグやプロパティが手からすらすら出てくるようになります。そうなれば、入力補完のあるソフトを使って効率化を図ります。

見た目から作るソフトは、そのソフトとターゲットのブラウザ（ホームページを見るソフト例えばインターネットエクスプローラー）でしか見なければそれでいいのですが、他のブラウザやバージョンで見たときに崩れたり意図しないデザインになってしまうことがあります。ホームページに公開する以上ある程度のブラウザに対応したいものです。そのための修正もタグやプロパティの知識があれば、対応できますが、タグの知識がなくソフトまかせでは、対応できません。それを直すには、htmlやｃｓｓの知識が不可欠です。

結局、ある程度思い通りにページを作るにはタグやプロパティの知識が必要になってしまうのです。ぜひ、タグ打ちを覚えてください。タグ打ちが理解できていれば、どのソフトにも移行できます。基本概念がわかっているのでソフトが何をやってくれているのか理解できます。が、見た目を操るソフトから入ってしまうと、そのソフトに振り回されてしまいます。見た目から操るソフトから、タグ打ちにはタグ打ちを勉強しない限り移行できません。

お礼

＞タグ打ちが理解できていれば、どのソフトにも移行できます。

やはりタグ打ちを学ぶのがいいみたいですね。助言して頂いた通り、最初はまずＨＴＭＬの基本であるタグを理解したいと思います。勉強もさっそく始めました。テキストエディタは「TeraPad」を使っております。他に何か「HTMLの記述にはTeraPadよりこれが便利」というエディタがありましたら教えて頂けると嬉しいです。

＞入力補完のあるソフトを使って効率化を図ります。

入力補完のあるソフトというのは、最初は使わないほうがいいんでしょうか？
「Crescent Eve」
http://www.vector.co.jp/soft/winnt/net/se306751.html

というソフトがとても便利そうで、使ってみたい誘惑に駆られますが、最初は愚直に手書きしたほうがいいのでしょうか？　些細な事で申し訳ないのですが、どのタイミングで入力補完ソフトを導入すればいいかアドバイス頂けると助かります。回答ありがとうございました。

回答No.5

DrFell

TeraPadには編集モードにhtmlがあります。htmlのタグを色分けして表示してくれますので、タグの閉じ忘れを発見しやすかったりします。また「HTMLAssistant」というソフトをインストールすれば、TraPadでも入力補完してくれます。

入力補完はタグを覚えてから。ほとんどの入力補完が、<?といれると<?で始まるタグを絞り込んでいきます。<?と入れ始めるには入れたいタグがわかってないと入力できませんよね。といっても、htmlタグは本当に覚える種類が少ないのですぐに覚えてしまいます。

「Crescent Eve」いいですね。Ｆ8を押せば下にプレビュー画面が出て入力した事の反応が画面で確認できるので、楽しくなりますよ。
他にはezhtmlも入力補完便利です。こちらは、文法チェックなんかができますし、図などもドラッグ＆ドロップできます。同じ入力補完ですが、それぞれ補完の仕方が違うので好みとしか……

上級になってくると、補完の枠を超えて、zen Coding を使われると、効率がかなりあがります。これはcssがわかると、css記法と同じなので使えるようになると思います。そうなるとTeraPadは対応してませんのでソフトを変えたくなるかもしれません。

いろいろ試して、好みのものを見つけてください。早くそうなるように、まずは基本をがんばってください。

お礼

＞TeraPadには編集モードにhtmlがあります。htmlのタグを色分けして表示してくれますので、タグの閉じ忘れを発見しやすかったりします。

たしかにTeraPadは便利ですね。HTMLを記述してみると、ありがたさがいっそう身にしみます。まだCSSを学ぶ段階ではないので、当分はこれでいきたいと思います。

おっしゃるようにタグ打ち、HTMLというのは覚える事もそう多くはないですね。簡単なウェブサイトならもう作れそうです(と言ってもデザインがスカスカで、まだまだ見せられるものではないですが＾＾；)　現段階ではリンクの貼り方、画像の貼り方、テーブルの作り方、文字の修飾などの基本的な事は覚えました。TOPと２つほど記事のページを作ったので、試しにアップするサーバーを探し中です。カンニングなしでも多くのHTMLを記述できるようになったら教えて頂いた「HTMLAssistant」か「Crescent Eve」を導入する予定です。

書き忘れましたが、前回貼って頂いたリンクもとても参考になりました。ヤマカンで作るのではなく、正しい記述をして多くのブラウザに対応できる綺麗なデザインのウェブサイトを作成したいと思います。丁寧なアドバイスをして頂き深く感謝しております。先は長そうですが地道に頑張ってみますね！　再度の回答ありがとうございました。

回答No.4

神崎 渉瑠（@taloo）

>このやり方(ソフト)に慣れると別のやり方(ソフト)が使い辛く感じる、というのが嫌なので、試すのも躊躇している状況なのですが、これは杞憂なんでしょうか？

杞憂ではなく、その通りです。

Microsoft Excelに慣れている人は、Google SpreadやApple Numbersは使いづらい、使い方がわからないと言う人が多いと思います。
バージョン違いで使い勝手が大幅に変わることもあります。
（たとえばOffice 2003からOffice 2007でメニューからリボンに代わり、使い方がわからなくなった人も多いと思います。）
それと同様です。

HomepageManagerに慣れるとHomepageManagerでなければ作れない、
Dreamweaverに慣れるとDreamweaverでなければ作れない、
HomepageBuilderに慣れるとHomepageBuilderでなければ作れない、
HTML手書きなら、HTML手書きでなければ作れない、

ということになります。

「HTML手書き」に関しては特別で、
これはツールのことを呼んでいるのではありません。
HTML手書きに使用するツール＝テキストエディタの使い方がわかっていれば、問題ありません。

逆に言えば、「テキストエディタの使い方」に依存することになります。

ただ、テキストエディタは、ほかのオーサリングソフト（HP制作ソフト）に比べて、機能がかなり少ないため、
ツールを変更してもツールの使い方＝覚える量が少なく、ツール変更にかかるリスクが少ないです。

おすすめという物はありません。

とりあえず、HTML手書きが出来れば、
ツール変更に伴うリスクは少ないですし、
オーサリングソフト独自の機能を使わなければ、テキストエディタと同じレベルで制作が可能になります。
オーサリングソフトではどうすればこのタグが作れるのだろうか、
というところから一つ一つ対応を調べていって、使い方を覚える、というやりかたもできると思います。

また、ブログの投稿画面もテキストエディタの一種ですから、
HTML手書き入力で凝った投稿も出来るようになります。

お礼

＞杞憂ではなく、その通りです。

う～ん、やはりそういうものなんですか。まだまだ先の話ですが、基本を学んだ後ソフトを利用するとしても、慎重に検討する必要がありそうですね。

＞とりあえず、HTML手書きが出来れば、
ツール変更に伴うリスクは少ないですし、
オーサリングソフト独自の機能を使わなければ、テキストエディタと同じレベルで制作が可能になります。

ＨＴＭＬの手書きは基本なので汎用性があるという事ですね。おっしゃるように最初はそれでいきたいと思います。回答ありがとうございました。

回答No.2

noname#132229

ホームページをフリーソフトで作るのは、相当の知識がないと、
手に負える物ではないです。
私は、ソフトのヘルプ見ただけで、即、諦めました。

少々値が張りますが、ソフトを購入したほうが良いです。
それでも、ホームページを作る作業は敷居が高いです。

ブログのほうを、お奨めします。
機能が増えてホムページと遜色ない表現が出来ます。

お礼

おっしゃるように、凝ったデザインのホームページは敷居が高いと思います。ただ、ホームページ作成を解説してるサイトを見て、ごくごく簡単なデザインのサイトなら作れそうだと思った次第です。実はブログも一応やっていまして、ホームページとブログの二つを同時に運営してる人に憧れて、自分もその人のように頑張ってみたいと思ったのが動機の一つです。回答ありがとうございました。

回答No.1

violet430

フリーなら、ブラウザSeaMonkey内蔵のComposerがお勧めです。ワープロ感覚で作成できます。
http://www.seamonkey.jp/

お礼

SeaMonkeyというソフト自体知りませんでした。でも、これはこれで悪くないエディタみたいですね。これを使ったウェブサイト作成の詳細な解説サイトは探し中です。回答ありがとうございました。