- ベストアンサー
初心者でも使いやすいおすすめのホームページ作成ソフトはありますか？
- 簡単にホームページを作成できるソフトを探しています
- 今まで使っていたソフトが古くて使えません
- 初心者向けでお金をかけずに使えるソフトを教えてください
- みんなの回答 （8）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (7)
- toast5
- ベストアンサー率37% (239/638)
>スタートアップ画面の新規作成からどれを選べば良いのかで >すでにズッコケてしまっていますが、 僕もよくはわかりませんがとりあえず、「新規作成」の中から「HTML」を選びましょう。 そしたらいきなり command + S を押します。 左下の「新規フォルダ」を押して「muncyan2」というフォルダを作り、 その中にファイル名「index.html」で保存します。 Finder に切り替え、書類フォルダの中の「muncyan2」フォルダを見ると 「index.html」があります。「muncyan2」フォルダに「images」という名前で フォルダを作ってください。こんな無様なやり方じゃなく、 よりエレガントな手段が用意されてるはずですが、まあ僕も初心者なんで。 「images」フォルダに、素敵な画像をたくさん入れます。 DreamWeaver に戻ります。 現れたウィンドウに「コード」「分割」「デザイン」とあります。 「デザイン」をクリック。 「index.html」の白いウィンドウに、「images」フォルダから画像をドラッグ。 画像が黒枠で囲まれています。たぶんこれは「選択されている」ということ。 画像以外の白いとこクリックすると選択が解除されます。 リターンキーを押して、適当な文字列をドラッグ。 リターンキーを２、３回押して、次の画像をドラッグ。 リターンキーを押して、次の文字列をドラッグ。 「デザイン」の右の方にタイトル：「無題ドキュメント」とあります。 そこを「muncyan2の部屋」と書き換えます。 さて、これじゃタイトルがないですね。いやタイトルは今つけたけど、 画面上にない。１枚目の画像の前にカーソルを置いて、 リターンキーを３、４回押してください。 画像の上にスペースができます。 そのスペースにカーソルを置いて、 画面右の「挿入」→「構造」→「見出し」をクリック。 「H1」を選択。なんかダミーが表示されるので、 「muncyan2の部屋」と書き換えます。 さて、「コード」「分割」「デザイン」の並びから、 「コード」をクリックしてみてください。 それが、この一連の操作によって生成されたHTMLコードです。 メニューバーの「ファイル」→「ブラウザーでプレビュー」を試してください。 以上の成果はこれ↓です。 http://dragox.sakura.ne.jp/munchan2/ たぶんメニューバーの「サイト」→「新規サイト...」から始めると、 よりエレガントに作成できるのかも知れません。 特定の文字（例えばタイトルの「muncyan2の部屋」）の文字色を変えるにはどうしたらいいのか、 文字サイズを変えるにはどうしたらいいのか、今のところさっぱりわかりません。 なるほど、たしかにこれは挫折しそうなソフトだなー。動作が重いし。 わかったらお礼欄で教えてください。 なんか質問あったらうちのサイトのブログででも聞いてください。 そんじゃー。ご健闘をお祈りします。
お礼
すごく感動しています…。 ここまでして頂いて背中を押してくださり、 本当にありがとうございました。 >「新規作成」の中から「HTML」を選びましょう。 >そしたらいきなり command + S を押します。 ここまでは出来ました。 >左下の「新規フォルダ」を押して「muncyan2」というフォルダを作り、 >その中にファイル名「index.html」で保存します。 この部分が問題のズッコケてしまっていた部分です。 図書館で借りてきた本にもtoast5さまが教えてくださった通り 「ダイアログボックスの『新しいフォルダの作成』ボタンをクリックします」 と書いてありました。 でも「command + S 」を押すと 「ドキュメントに名前を付けて保存」が出てきて ダイアログボックスの中に「新規フォルダ」を作る所がなかったのです…。 そこで強引で邪道かもしれませんが、 「Finder」→「ファイル」→「新規フォルダ」をデスクトップに作成し、 「muncyan2」と名前を付けました。 その「muncyan2」のフォルダの中にさらに「images」というフォルダを作成し、 写真を入れてみました。 「muncyan2」のフォルダをデスクトップから 「Macintosh HD」→「ユーザ」→「書類」に入れ、 DreamWeaverに戻り、メニューバーの「サイト」→「新規サイト」を選択したところ 「サイト定義」というダイアログボックスが出てきました。 わからないなりに「次へ>」を進んでいくと 「ファイルはサーバー上のどのフォルダに保存しますか？」という項目が出てきたので、 「muncyan2」を指定し「次へ>」を進んで「終了」。 DreamWeaverのメニューバーの「ファイル」→「保存」で 「ドキュメントに名前を付けて保存」が出てきて 「index.html」という名前と場所を「muncyan2」にし「保存」。 恐る恐る「images」の中の写真をドラッグアンドドロップしてみたら、 写真がスポンと入ってくれました！ 教えてくださった方法から少し回り道をしてしまいましたが、 なんとか「ブラウザーでプレビュー」で表示されていました！ 遠回りをしてしまっているうちに お礼が遅くなってしまい申し訳ありませんでした。 色の入れ方がわからなかったのでクグってみて、 「コード」の <body> というところの後ろに <font color="#FF6347" size="5"> というのを入れてみたところ、 文字色が変わって級数も大きくなってくれました。 >なんか質問あったらうちのサイトのブログででも聞いてください。 ありがとうございます！ ブログ、よろしければURL教えてください。 これから課題はたくさんありますが、toast5さまのおかげさまで 一歩前に踏み出せてDreamWeaverを触るのが楽しくなってきました！ 本当に本当にありがとうございました！（…感涙）
- toast5
- ベストアンサー率37% (239/638)
ホームページを作るに当たって一番だいじなことは何だと思いますか。 W3C の理念の正確な理解？ ぜんぜん違います。 内容です。英語でいうと、コンテンツ。 あなたの場合、あなたのイラスト。 どれほどお洒落なサイトでも、つまらないイラストしか 並んでなかったら、つまらないサイトです。 どんなに素朴でショボいデザインでも、インターフェースがわかりにくくても、 価値あるイラストが並んでいたら、 人はそれを価値あるサイトだと見なします。 サイトの価値は99％、コンテンツで決まるのです。 あなたの場合、そのコンテンツがすでに手元にあるんですよね。 それはつまり、サイトが99％完成してる、ということです。 あと数年かかる？ バカ言っちゃいけません。今週中にできます。 あなたが言ってるのは、手塚治虫賞に応募する原稿は描き上がったけれど、 郵便局の仕組みを１から理解するのに数年かかるからまだ送れない、みたいなことです。 BiNDで作ったサイトをDreamWeaverで読み込めるかどうか知りませんが、 どうせなのでBiNDで作ったサイトは破棄してゼロから作る方が楽だと思います。 今週中に作って、今週中に上書きアップロードして公開してください。 と に か く 公 開 す る こ と が 重 要 で す。 最初はダサくてもいいです。何故ならあなたのイラストに価値があるから。 公開した後で、気に入らない点は少しずつ直しましょう。 わからないことはググる。自分がやりたいことができてるサイトをみかけたら、 ソースを覗いて研究する。 どこかの時点で根本的にサイト構造を作り直したくなったら、 ゼロから作り直して上書きアップロード。そういうのを何度でも繰り返す。 その過程で、少しずつ理解とスキルが上がって行きます。 いちばんダメなのは １：まずすべてを理解して、 ２：それでスキルを上達させて、 ３：それで完璧なサイトを仕上げて、 ４：そしたら公開する という考え方です。実際にそういう考えの人を数人知ってますが、 そういうこと言ってる人は結局どこかで挫折して、一生作りません。 数年、とか言ってたら一生無理です。 イラストだってとにかくまず描いてみることが大事でしょ。 え、まだ初心者だし基礎ができてないから描けないよ、なんて 言ってるヤツは伸びないでしょ。同じことです。 仕事も終わったし、なんとなくノリで、Adobe Dreamweaver CC 体験版をインストール してしまったので、続きます。僕はべつに親切心でこれを書いてるわけではなく、 たまたま気が向いたことを気まぐれでやってるだけなので、気にしないでください。
お礼
自分に甘えていました…目が覚めました！頑張ります！ 本当にありがとうございます！
- toast5
- ベストアンサー率37% (239/638)
ああーッ、余計なことを言いました。そんな深刻に考えないで～。 あなたの場合、本なんか読まずに勘でやった方がいいんじゃないですか。 困ったときだけググって。 DreamWeaverってWYSIWYGのソフトですよ。 WYSIWYGというのは「HTMLもCSS も知らなくてもドラッグアンドドロップで使えます」ってことですよ。 今夜中にもう一本投稿するので、閉め切らずに開けといてください。
お礼
余計なことだなんて、とんでもないです。 Web制作は右も左もわからないド素人なので、 本当に参考にさせていただいて感謝しております。 「WYSIWYG」というものを初めて聞きました…。 アドビのソフトも忘れるくらい昔（CSの頃？）からパッケージで使っていましたが、 仕事でPhotoshop、ちょこっとだけIllustrator（もう使い方を忘れてしまいました）しか使っておらず、 お恥ずかしながら他の入っているソフトもいつか勉強しようと思いつつ、 ズルズルと今日に至っています。 DreamWeaverはHTMLやCSSなんかが分かっていなければ使えないものかと思っていましたが、 うれしい情報を教えてくださり少しハードルが下がってくれた気分になりました。 まずはとっかかりから…。 スタートアップ画面の新規作成からどれを選べば良いのかですでにズッコケてしまっていますが、 「HTMLもCSS も知らなくてもドラッグアンドドロップで使えます」 の言葉で、新規作成の設定あたりのフタがとれれば、なんとかなりそうな気がしてきました。 for Macの教則本って少ないですよね。 winメインちょこっとだけfor Macの本とにらめっこしてて、 一歩も進まず時間ばかりが過ぎていきます。 勘でどこまでできるか自信がないですが、 ちょこちょこ触ってみます。 クグりまくりそうですが（笑） 本当にありがとうございます。 toast5さまにご回答をいただき、 外は寒いですが、心がぽかぽか温まってきました！
- toast5
- ベストアンサー率37% (239/638)
エキサイトはカスタマイズが簡単だと書きましたが、 考えてみれば僕がそう感じるのは最低限の CSS の知識があるからで、 そして最低限の CSS の知識があれば当然 DreamWeaver にも生きるだろう と思うので、そう考えると DreamWeaver とエキサイトブログの間に そこまでの難易度の差はないような気もしてきました (*´д`;)…
お礼
そうなんですね…。 わたしはCSSの知識はゼロなので、 どちらにしても勉強なしでは無理ですね、、、。 そしてどうせ勉強するならDreamWeaverってことになっちゃいそうですね。 フリーランスのイラストレーターをやっているのですが、 良く考えると 現在、私個人の名前.comの独自ドメインのURLを 仕事用のタッチ見本のポートフォリオとして使用しているので、 そのまま生かせるようにエキサイトよりもDreamWeaverでできれば一番良いかもしれません。 URLが変わってしまうと、名刺も作り直さなきゃいけないし、 書籍やネット上などのあちこちのプロフィールで公表している都合上、 色々と不都合が出てきちゃいそうです。 今、私のHPは何年も放ったらかしで、 更新もできない状態なので、 手っ取り早くDreamWeaverでササッと制作できればいいのですが、 図書館で借りてきた厚さ3.5センチほどある分厚い本の最初の数ページで 苦戦中です。 もう暫く？いや数年？かかりそうですが、 DreamWeaverが使えるようになるまでHPのリニューアルはあきらめて なんとか自分にムチ打って勉強してみます。 何度も泣いちゃいそうですが。 toast5さま、為になる情報、 本当にありがとうございました！ 助かりました。
- toast5
- ベストアンサー率37% (239/638)
Dreamweaver のバージョンが CS4ということは、試用中なんじゃなくて、ライセンス持ってるんですよね。 だったら Dreamweaver を諦めない、という選択肢も持っといた方がいいと思います。 おすすめポイントは、サイト内のリンク切れのチェックなど、管理機能の充実と、 使ってる人が多いからググって情報を得やすい点。 あと最強の無料ホームページ作成ソフトは、ExiteBlog です。 見た目をカスタマイズするためのハードルが、FC2 とかよりも格段に低い。 すべての記事に「カテゴリ」と「タグ」を無限に設定できるのが、ハマると便利。
お礼
Dreamweaver CS4 のライセンス持ってます。 CS4、色々インストールしてるんですが、 お恥ずかしながらPhotoshopの一部しか使ってないんです。 いや、全く使いかたが分からないと言った方が正しいです（笑） toast5さまのお言葉に、頑張ってDreamweaverに挑戦してみようかなと思い始めました。 実は昨日図書館で 「WebデザインHTML & Dreamweaver CS4 対策 Windows &Macintosh（デジタルハリウッド著）』 なる本を借りてきて数ページ見てみたのですが、 いきなり冒頭でつまづいてしまいちょっとやる気を無くしてしまっていたところでした。 掲載されているモニタ画像がWindowsの画面で、 Macと違う部分があるようでちんぷんかんぷんになってしまって…。 でも後押ししてくださったお陰で別の教則本も図書館で予約してみました。 HTMLもよくわかっていない素人ですが、 どこまでできるかちょっと気合い入れて頑張ってみようかなと思います。 「使ってる人が多いからググって情報を得やすい点」というのは、 ものすごく惹かれます。 これ、勉強中の人にはすごく大事なお助けポイントですよね。 無料だとExite Blog 、最強なんですね！ ホント勉強になります。 Dreamweaverがどうしても使えなくて挫折したら、 Exite Blogでやってみます。 って、すでにちょっと弱気ですが、 toast5さま、背中を押してくださりありがとうございました！ またDreamweaverでどうして分からないことがあったら質問させていただくかもしれませんが、 その時はまたどうぞよろしくお願いいたします。
- chieffish
- ベストアンサー率44% (1149/2554)
お礼
持っているのがMac版のBiND for WebLiFE３でして、 バージョンが古すぎて使えなさそうです、、、。 近々、Mavericksにアップグレードするつもりで、 BiND３は非対応なようですので、 違うソフトで使いやすいものを探そうと思います。 ご回答ありがとうございました。
- tkf-
- ベストアンサー率58% (821/1398)
ちょっと古いですけどこんなのがありました。 http://blog.livedoor.jp/unahide/archives/52547832.html
お礼
「KompoZer」良さそうですね！ 使いこなせる自信はないですが、 ダウンロードして試してみようと思います。 教えてくださりありがとうございました！
お礼
toast5さま、またまた教えてくださり本当にありがとうございます。 Dreamweaver、そうだったのですね。 文字色を入れる時にコードにHTMLを入れる方法しかわからなかったのですが、 同じように他の作業でもHTMLが必須ならば、 勉強しながらやるしかないので、 どうしても制作に時間がかかってしまいそうかもです。 今週中に納品しなければいけない仕事もそっちのけでDreamweaverを触っていましたが、 教えてくださったソフトをこれからひとつずつ試してみて、 お財布とも相談しながら消去法で決めたいと思います。 普段 InDesign を使っていらっしゃるということはクリエーターさまなのでしょうね。 さすがダミーで作ってくださったサイトもとても素敵です。 「URLを削る」という言葉、初めて知りました。 toast5さまのブログも教えてくださりありがとうございました。 興味津々です（笑） 期待をはるかに超えたご回答の数々に心から感謝いたします。 本当に本当にありがとうございました！