ホームページを手順よく作成する方法ってあるんでしょうか？

質問

技術者カテに質問させていただきましたが、ＨＰ作成に関しては全くの素人です。
私はネットショップサイトを自分で作成しようと考えていまして、先日
大枚はたいてDreamweaverCS3とfireworksCS4を購入しました。
それとそれぞれのソフトに関する基本書も購入しました。
で一通り本に書かれている通りに操作をして、見本サイトを完成させることが出来ました。
今はここで止まっている段階です。
そこで練習ばかりしていても仕事にならないんで、ぶっちゃけ本番で本サイトの作成に取り掛かりたいと思っています。
手本にしたいサイトは見つかりましたので、それを参考に作成に取り掛かっていきたいのですが、如何せん何から何まで素人なもんで効率的な作成手順が全くわかりません。
ちなみにこちらのサイトは、あくまで参考にするのであって、デザインや内容をそっくりそのまま真似るという意味では当然ありません。
とりあえず店名を決め、独自ドメインも取得してレンタルサーバーも確保しました。
やる気は物凄くあるのですが、気持ちばかりが空回りしてしまい、どこからどう手を付けていいものやら悩んでいます。
一応基本書を見ながらの作成となりますが、おそらく壁に何度もぶち当たって一筋縄でいかないのは覚悟しています。
そこでプロの方にお聞きしたいのですが、作成手順としてどういう手順で作成していくのが効率的でしょうか？
また作成する上でこういう方法で進めていくと便利であるといったアドバイスがあればぜひぜひ教えていただけないでしょうか。
予算的に外注に出すというのは無理なので、苦戦を強いられるのは覚悟の上で自分で勉強しながら完成させるつもりです。
よろしくお願いいたします。

回答No.1

nori_007 · ベストアンサー

>そこでプロの方にお聞きしたいのですが、作成手順としてどういう手順で作成していくのが効率的でしょうか？

１，まずは中身、コンテンツの確認です。
ワード等で良いので表紙に掲載する内容から、具体的に掲載するコンテンツページ毎に、掲載内容を整理します。その際に制作するファイル数なども決めます。

２，デザインイメージラフを考えます。カラー等も決めます。

３，Fireworks でデザインを作成します。その際に文書情報は必要ありません。

４，Dreamweaver で、html ファイルを作成します。内容は１番でまとめた内容になります。純粋に文書構造を意識して、html ファイルを作成します。

５，Fireworks でデザインした画像をパーツに分解します。タイトルイメージやボタン等

６，Dreamweaver で作成した、html ファイルに、再度 Dreamweaver で、CSS を利用して、Fireworks で作成したパーツを組み込み、レイアウトと、デザインを完成させます。

という流れてでしょうか。

品質を考えないので有れば、Fireworks でデザインし、スライスして Fireworks で html ファイル生成するもありすが、個人的には余りお勧めしません。ただしパーツ単位なら良く行います。

アドバイスとしては、制作の経験が余りないとの事ですので、効率は求めずいったり来たりしながら、制作する事になると思います。

焦っては出来ないと思います。正直 Dreamweaver を購入しただけでは、ホームページは制作出来ません。プロのツールになりますので、html や css の基本を知らなければ、Dreamweaver は使いこなせないと思います。

手本にするサイトがあるので有れば、まずは html や css のソースを読む事です。もしくは、Dreamweaver で読み込んで確認する事をお勧めします。

お礼

早々のご回答有難うございます！
詳細にご説明していただき、正直全ての意味は把握しきれませんが、粗方のイメージは掴めました。とりあえず構成を考える必要がありそうですね。おそらく細かく考えすぎても技術が追いついていかないと思うのでとりあえず簡素な構成にしたいと思います。htmlに関してはメモ帳によるベタ打ちでタグの勉強は一通りすませたので頑張ってみたいと思います。

回答No.2

amanda97

ありゃ、買っちゃいましたかDreamweaverCS3とfireworksCS4　(^_^;

それってパンを作りましょうって事で料理の鉄人・道場六三郎も使ってる高級和包丁と、周富徳が使ってる高級銅製寸胴鍋を買ってきたのと同じ状態ですね。

それでパンを作る事はできるだろーけど、すっごく遠回りな感じと(^_^;

パン焼き機買ってきて、既定の量の粉と玉子と水を入れてスイッチ押して後は焼きあがりを待つだけ。

こっちのほーがおいしいパンが焼けるだろー、ってのが想像つきますよね？

鍋と包丁だけ買ってきても、秤やヘラ、泡だて器にオーブン、etc.と揃えてから、しかも作り方を研究してからでないとパンは焼けない。

Web制作会社を起こすのであればDreamweaverCS3とfireworksCS4を使うのは王道ですが、そうじゃないでしょ？各ソフトの使いこなしに２年も３年も掛けるわけじゃないんだから

だったら、王道には違い無いけど（間違ってはいないけど）すぐにサイトが作る事ができる専用ソフト（パン焼き器？(^_^;）がありますから、そっちを使いましょう。
http://www.netdeoshigoto.com/owner/

たぶん、というか確実にDreamweaverとか買うより安いですし(^_^;

サイトの形を作るだけならDreamweaverCS3とfireworksCS4あれば充分です、ウェブショップも作れます、でもウェブショップだったらお買い物のカートが必要でしょ？

顧客管理も必要だしSEO対策も必要。
日々のサイトのメンテナンスとかもあって、DreamweaverCS3とfireworksCS4のようなソフトを使いこなす以上の技術が必要になります。

だから、専用ソフトを使ってサイトを構築したほーが早くて確実ですよ
１週間もあれば、ウェブショップが開けますから。

お礼

ご回答有難うございます。
はい買っちゃいました＾＾
買ったことに関しては全く後悔しておりませんので、腰を据えて取り組むつもりです。ビルダーももちろん考えましたが、自由度が少なくてオリジナルのサイトが作り難い感じがしましたのでやめました。
とにかく作成しながら勉強して何とか完成させるつもりです。