ホームぺ―ジ制作ソフトの比較について

Question

現在、IBMのホームぺージビルダーでホームぺ－ジを作っています。今回、Ｄｒｅｅｍｗｅａｖｅｒでネットを制作しようと思います。もちろん自力では制作できないのでパソコンスクールに習いにいこうと思っています。　そこで質問なのですがＤｒｅｅｍｗｅａｖｅｒのソフトはかなり勉強しないと難しいソフトでしょうか？

又、ビルダーよりＤｒｅｅｍｗｅａｖｅｒはどのようなところが優れているのでしょうか？
かなり価格が高いソフトらしいですけど幾らくらいするのでしようか。
又、ソフトを安く購入する方法はありますか？
価格はどのくらいで買えますか。

ORUKA1951 · Accepted Answer

HTMLやCSSの基礎知識が必要な訳を具体的に書くと私が言わんとしていることが多少でもわかるかな？　Ｗｅｂ標準、SEO(検索エンジン最適化)、WAIアクセシビリティガイドライン ( http://www.doraneko.org/wai/contents10/19980918/Overview.html )のためには、あるドキュメントを読み解き、その文書をそれを構成している要素(Element)に分解し、最適な要素名(タグ)を選択してマークアップしていかなければなりません。　その文書の中で、どれが本文(section)で、その中でどれが単独でも独立しうる関連記事(article)で、その中で特に重要な単語(mark)はどれで・・と言うのを読み解くのはオーサリングツールが高度な人工知能を持っていないと無理ですね。文書を読み解き最適なマークアップは人でないと出来ません。どのタグがどのような文書構成要素に当てはまるかを知っていれば、わざわざオーサリングツールに頼らなくてもマークアップできますし、知っていればツールを使うよりテキストエディタのほうが楽です。 [HTML5]だと

見出し

　　　要約　

見出し

段落

段落

記事単語続く

dscripty · Answer

[ANo.5] 補足
> 個人的なサイトというより個人企業です。ショッピングサイトも含めて作りたいのです。

個人企業なら、ウェブを自前で用意するより、
売る商品に時間と労力を注いだほうがいいとおもうよ？

Google でキーワード「出店費用」「Amazon」「楽天」で、
http://www.google.co.jp/search?q=%8Fo%93X%94%EF%97p+amazon+%8Ay%93V

検索トップのページ。
出店料（出品料）におけるAmazonと楽天の比較｜ネットショッピングのあれこれ
http://ameblo.jp/netconsulting/entry-10319733360.html

webtera · Answer

すみません長くなりますが、
個人的（個人企業）であれば、ビルダーのバージョンにもよりますが、「ショッピングサイト」作成についての機能が含まれているパーケージもあったと思います。その他、ＣＳＳを重要視したテンプレートも用意されているパッケージもあるようですので、「正しくタグを入力」や「ＳＥＯ対策」は、ビルダーの参考書等があれば、その指示通りにされればいいと思います。

残念ながらDreamweaverには、ホームページビルダーにセットされているような、ショッピングカート機能は用意されておりません。別途に用意する必要があり、そのカート機能の設定やセキュリティ、サーバーとの設定等、個人が簡単にできるものではありません。
しかし、ショッピングカート機能を用意し、それらもご自身でできる、勉強したいと思われているのであれば、挑戦されてもいいと思いますが、費用対効果を検討して下さい。
その場合は、別途画像を切り抜いたり、汚れなどを修正したりできるソフトを用意され、それらも覚える必要があります。

最初に戻しますが、商品を販売するサイトであれば、検索結果上位表示は絶対です。
ですが、気にされているように、サイトのレイアウト、商品の説明、購入しやすい物になっているか、等々いろいろ考えることは確かに多いでしょう。
まず、「サイトリニューアル」として、質問者様がまず取り組まれたらと思うのは、状況から見てタグの直打ちは除外し、レイアウト及び商品画像の撮影技術アップから始められてはいかがでしょう。
私はカメラマンを10年以上やっておりましたので、個人的に写真はとても重要と判断しています。
商品写真をカメラ任せで写していませんか？
その商品がどんなものなのかは分かりませんが、写真でかなり変わりますので、商品販売なら最重要とお考えください。

それと、ご自身がよく見るショッピングサイトはどのようになっていますか？
それらをよくご覧になり、お客様が商品購入の際に、誤った操作をされないような工夫も重要ですので、ご自身が「このショッピングサイトはとても好き！」と思うサイトで、取り入れられる範囲でご自身のサイトにもあった方がいいと思う物があれば、リニューアル際に取り入れてみて下さい。

それと参考ですが、Dreamweaverで作成された場合、ショッピングカートを別途用意する場合は、下記のような製品もありますので参考にして下さい。
やることは沢山あるでしょうが、少しづつ解決してしてけば、良いものができると思いますので、頑張ってください！
「ダヴィンチカート」　http://www.netdeoshigoto.com/cart/

参考URL：http://www.netdeoshigoto.com/cart/

kuzumiHK · Answer

ビルダーはあまり触ったことがありませんが、
Ｄｒｅｅｍｗｅａｖｅｒはとても便利ですね。

普段はテキストエディタで手書きで書いていますが、
Ｄｒｅｅｍｗｅａｖｅｒだから簡単にできることもあります。

例えば、改行ごと検索して正規表現で置き換えたり、
tableの縦列を一気に削除したりなどです。

また、手書きで何でも書けるようになるまではコードヒントなんかも助かりますね。
だって、relativeだのabsoluteだの、border-collapseだの自分は手書きでいつでも書けるけど、
初めのころなんか覚えるのも嫌な感じのつづりだったし。。

それに運用レベルの仕事ではＤｒｅｅｍｗｅａｖｅｒを使用しているところが圧倒的に多いと思います。
ご参考まで。

dscripty · Answer

「パソコンスクールに習いにいこうと思っています。」
Dreamweaver を習得したあと、ウェブ関連の仕事に就きたいなら、どんなところに就職できるか調べてから決めるといいかも？

あと、
「ホームページ」という言葉は曖昧だから、技術者ならやっぱり「ウェブページ」や「ウェブサイト」という言葉を使って欲しいな。
※ ↓意味おおすぎ
http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8

> ちょっと言い過ぎたかな(^^)
それほどでも。

「ホームぺージビルダー」から「Dreamweaver」へ旅立つ冒険者には
基本的な「HTMLやCSSに対する知識と理解」は必須装備でしょ？

じゃないと、不幸な冒険者が一人迷子になるよ。

webtera · Answer

Dreamweaverで制作したいということですが、それは個人的なサイトですか？

Dreamweaverを購入してお金をだして使い方を勉強するよりも、今現在のサイトをDreamweaverで制作しようと思った根本的な理由を改善できればいいのではないでしょうか。

例えば、ビルダーで制作して何かが足りないと感じたのであれば、そこをいろんなサイトを見たりして改善していくようにしたほうがいいと思います。
ＷＥＢサイトは、他の方が言われているような方法に限定する必要もなく、どのような方法で制作してもいいので、完成しブラウザーに表示して改善の余地があれば改善し、ご自身が思う最高のものを作れるようになってからでも遅くはありません。折角、公開されているであろうサイトを、勉強される間放っておくのですか？

今あるソフトを存分に活用し、場合によっては画像の作りこみも学びながら、ＳＥＯ「検索エンジン最適化」も基本的なことは理解できるようになれれば、私が言わんとしている事が理解していただけると思います。
私も直にタグ打ちをして制作していましたが、Dreamweaverに便利な機能（Photoshopなどで制作したサイト全体を画像にして、その画像を下絵にし、レイアウトどおりに背景画像や別で作ったリンクバナーや各パーツ類を正確に設定できる機能）があるので、効率よく作業時間の短縮ができました。

同じような機能はビルダーにもあったかもしれませんが、効率よく、そして入力ミスを防ぐことを考えれば、ビルダーでも十分いいものが作れます。
がんばってください！

ORUKA1951 · Answer

ちょっと言い過ぎたかな(^^) Ｄｒｅｅｍｗｅａｖｅｒの機能は否定しませんが、HTML5の改定履歴やWHATWGのFAQを読むと、「プログラムに頼るマークアップ」をとても嫌っていることが読み取れます。 14.1 Introduction to style sheets ( http://www.w3.org/TR/1999/REC-html401-19991224/present/styles.html#h-14.1 ) 邦訳)14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 ) FAQ - WHATWG Wiki ( http://wiki.whatwg.org/wiki/FAQ ) 邦訳) WHATWG FAQ ( http://www.html5.jp/trans/whatwg_html5faq.html ) ドキュメントを読み解き、その意味を理解して最適な要素(タグ)を選んでマークアップする作業はオーサリングツールに頼るべきではないし、頼っても不可能でしょう。　オーサリングツールに頼ると

とか

に代表される膨大なタグスープが出来てしまいます。【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから現在のWebオーサリングツールであるとも言える。HTMLエディタで作成するシンプルなコードはSEO（検索エンジン最適化）にも効果的であることから、一部のウェブデザイナーには見直されつつあり、￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Webオーサリングツール - Wikipedia( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )］より　Dreamweberで作られたページを裸にしてテキストエディタで作り直すと、HTMLで約半分、CSSは1/10～数分の一に小さくなり、メンテナンスもとても楽になるのは体験しています。　たとえば、CSSだけ開いて div.section div.article.note p:first-letter{・・・}と言う記述は、本文中の注意書き記事内の最初の文字を・・と読み取れますが、プロパティはともかく、カスケーディングを理解し切れていないオーサリングツールには期待できない。もし期待するとすれば、それを作った人がHTMLやCSSが手書ですらすら書けるほど理解しているといこと。　なら、HTMLのマークアップやスタイルシートを書くためだけ--言い変えるとデザインのために、なぜ素人が高価なオーサリングツールを必要とするのかわかりません。その前にやるべきことがあるのでは?? 　私もjqueryとか重宝していますから、決してオーサリングツールを否定するわけではないですが、その前にやるべきことがあるような・・

DrFell · Answer

Ｄｒｅｅｍｗｅａｖｅｒはホームページを効率的に作るのに役立ちます。ホームぺージビルダーはhtmlがわからない人でもある程度の形にしてくれるソフトですよね？目指しているところが全く違うことをまずご理解ください。

Ｄｒｅｅｍｗｅａｖｅｒはhtmlやｃｓｓを理解しテキストエディターで手打ちできる人が効率よくhtmlを書いていく為の機能を持ち、カスタマイズ性に優れています。素材を扱うソフトは含まれていません。htmlとcssを使いこなしている好奇心旺盛な人なら、殆んど勉強しなくてもＤｒｅｅｍｗｅａｖｅｒは使えます。

なぜ、Ｄｒｅｅｍｗｅａｖｅｒで制作したいと思われたのかにもよるのですが、ビジュアル的にビルダーで作ったサイトが不満で、高価なソフトなら、もっと素敵なサイトを作れるのでは？今作っているサイトがダサいのはビルダーのせい等と思われているのであれば、フリーのhtml作成ソフトを使われて、買うなら、画像加工ソフトをお勧めします。Dreamweaverではhtmlやｃｓｓを書くことはできますが、それらは論理的に色つきの箱を並べるだけです。見た目デザインは色彩センスや画像によるところがおおきいです。

アドビのソフトを安く買うのなら、指定校学割が一番だと思います。学生身分とソフトと通信講座一体型の購入方法もありますので、検討されてはいかがでしょうか？
http://photomaga.com/wp/786.html

bakayarou_ · Answer

Dreamweaverの強みは作業効率がいいこと。

で個人的に便利なのがサイト管理とテンプレートなどの連携。
ベースとなるデザインをテンプレートとして登録しておく事で
ページのメインとデザインを分けておけることによってページ管理が楽になる。
さらに言うとsubversionに対応していること。
後は、いくつかのCMSとの連携(テンプレート/テーマ)の作成に対応していること。

>ホームページでなくウェブページです。(^^)
別に間違っていない。
ホームページはWebブラウザの最初のページ意外にも
自分のWebサイトのことを言うのにも用いられる。
だからプライベートな自分のページなら間違っていない。
まぁ不思議なことにプロを対象にしているDreamweaverのサイト。
http://www.adobe.com/jp/products/dreamweaver.html
でも<title>では「ホームページ作成ソフトウェア」と言っているんですよね。

ORUKA1951 · Answer

ホームページでなくウェブページです。(^^)
ホームページ - Wikipedia ( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8 )
名称の影響 ( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%BB%E3%83%93%E3%83%AB%E3%83%80%E3%83%BC#.E5.90.8D.E7.A7.B0.E3.81.AE.E5.BD.B1.E9.9F.BF )

Webオーサリングツール - Wikipedia ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB )

および、そのページのリンクをたどって、隅々まで読み、しっかり徹底的に調べなさい。
　比較的客観的な情報が得られるでしょう。

確実にいえることは、Adobe Dreamweaverは、HTMLやCSSに対する知識と理解がないと唱っていますから、その意味では「正直」です。「これと真逆な宣伝をしているソフトもある」
　ですので、オーサリングツールの中では比較的良心的だと思います。HTMLやCSSだけならもっともまともなソースを吐き出すのはMozilla Composer - Wikipedia ( http://ja.wikipedia.org/wiki/Mozilla_Composer )ですね。フリーソフトですし。
　確実なことは、オーサリングツールを使うには、テキストエディタ=HTMLエディタ ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )を使う人以上にHTMLやCSSの知識と深い理解が必要だということです。そうでないと・・

私の仕事のもっとも大きな負担、負担の９割以上を占めるのはそのように作られたページの標準化・・で、その収入は一割にも満たない(涙)
・・・だから少し厳しいかも。

そもそも、HTMLとはドキュメントをその文書構造にしたがってマークアップするもので、デザインは無関係です。そして文書構造さえきちんとマークアップされていれば、スタイルシートでどのようにもデザインできるものです。
　例)2カラムの左固定、右変動幅にするには？ - Webデザイン・CSS - 教えて！goo ( http://oshiete.goo.ne.jp/qa/6875304.html )で回答した、No.5とNo.6・・

私も仕事柄、ホームページビルダーもAdobe Dreamweaverも持っていますが、少なくともHTMLとCSSの作成には使ってません。サイト管理、付録ソフトによる動画やフラッシュの作成、そしてこれらのソフトで作られたソースを裸にするため・・
　ウェブ標準で使用するタグ(要素)は７６程度、そのうち良く使うのは半分から2/3、中学校で覚える英単語が約千ですから、その５％ですからそのために高価なオーサリングが必要なのかな？？
　HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )は印刷しても１００ページにならないでしょう。それに加えてあの分厚いマニュアルを読むなんて私には無理。

まあ、紹介したページをよく読んで、あなた自身が決めなさい。

＞ビルダーよりＤｒｅｅｍｗｅａｖｅｒはどのようなところが優れているのでしょうか？
　HTMLの知識がないと100%活用が出来ないと言っているだけ、はるかに良心的。
　非常に高価なソフトなので個人で購入する人は少ないです。

＞かなり価格が高いソフトらしいですけど幾らくらいするのでしようか。
　価格は価格.com - ホームページ作成ソフト | 製品情報、価格比較、通販 ( http://kakaku.com/pc/webauthoring-soft/ )

＞もちろん自力では制作できないのでパソコンスクールに習いにいこうと思っています。
　その必要はないと思います。私は巷で言うところの高齢者ですが独学です。--学校では無理です。---

はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
1と2の間辺りからはじめるホームページ講座 ( http://www6.plala.or.jp/go_west/beginner/ )
とかから、きちんとはじめること!!ホームページビルダーで知ったことはすべて忘れること

そして、わからないときは
HTML 4.01 Specification (ja) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )
REC-CSS2 邦訳 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html )
　をチェックすること。

作る途中でも常に
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
でチェックすること。間違いをきちんと指摘してくれる。

ホームぺ―ジ制作ソフトの比較について

HTMLやCSSの基礎知識が必要な訳を具体的に書くと私が言わんとしていることが多少でもわかるかな？

[ANo.5] 補足

すみません長くなりますが、

ビルダーはあまり触ったことがありませんが、

「パソコンスクールに習いにいこうと思っています。

この回答への補足

Dreamweaverで制作したいということですが、それは個人的なサイトですか？

この回答への補足

ちょっと言い過ぎたかな(^^)

Ｄｒｅｅｍｗｅａｖｅｒはホームページを効率的に作るのに役立ちます。

Dreamweaverの強みは作業効率がいいこと。

ホームページでなくウェブページです。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング