ホームページの作り方でアドバイスお願いします

質問

ホームページの作り方でアドバイスお願いします

仕事が暇だなーっと思ってたら上司がＨＰを作って欲しいと言い出しました
目的はＨＰを見たお客さんが仕事の依頼をして来るかも知れないって事です
（そんな事で仕事の受注が来るかは疑問でありんす！）
私はＣＡＤＣＡＭが専門であってＨＰ作成は未経験のド素人です

そこで教えていただきたい事が色々とあります。

１、ホームページ作成ソフトはドレがお勧めですか？　
２、お勧めのと言うか参考になるようなＨＰはありませんか？

よろしくお願いいたします

回答No.3

dark_kappa · ベストアンサー

Webページ制作経験の浅い人が陥りやすい、商用ページ制作時の落とし穴
・読む人の事を考えずに作る
・ページ毎に盛り込む情報を整理できない
・やたらとゴチャゴチャした画像を入れたがる
・商用ページなのに音の出るメディアを使い、実際に音を出す（FlashやMP3再生など）
・問い合わせフォームが稼働していない
・テーマカラーが絞れていないので色がゴチャついて見難い
…などの事が挙げられます。

また、Webページというのは「ワープロ感覚でできるだろ」という認識をしている人が多いのですが、大間違いです。
Webページは最低でも「(X)HTML」というプログラミング言語で作られるものですから、まずはこれを理解しなければ商用ページは作れません。
（趣味のページくらいならば、個人的趣味ですからどうでもいいですけれども）

Webページというのは、ブラウザ（(X)HTMLを解釈して表示させるソフトウェアのコト）によって、その解釈が異なります。
例えば、IE（インターネットエクスプローラ）でも、IE6/IE7/IE8では同じWebページでも見え方が全く違う事があります。
バグだらけのIE6/IE7は論外ブラウザなんですが、未だにシェア率は高いので、無視したくても無視できないという事があります。
特に企業は、型落ちPCをアップデートせずに使う事が多いので、未だにIE6を使っているなんてのは当たり前にある事実です。

このため、最低でもIE6/7/8、Firefox、Safariくらいには対応させて作らないといけないのですが、これらすべてに同じようにWebページを表示させるってのは、実は結構至難の業です。
…W3Cという標準機関があるにも関わらず！です。

ホームページビルダーのように、IE以外のブラウザでは表示が滅茶苦茶に崩れてしまう(X)HTMLしか吐き出せないようなオーサリングソフト（Webページ作成ソフト）は少なくありません。

Dreamweaverのように、(X)HTMLとCSSを理解してなければ使いこなせないソフトも、経験が浅い場合は厳しいでしょう（一応、プロ仕様ソフトではありますが）。

最近人気が出てきているのは、先の回答者様の回答の中にもありましたBiNDでしょうか。
私はDreamweaver使用なので、これは使った事はありませんから、初心者向けと言えるのかは解りませんが。

このため、オーサリングソフトは「自分の身の丈に合うもの」が一番なのかなぁ、というのが個人的見解。
（例：１）ホームページビルダーでワープロ感覚で作ったのはいいけれど、IE以外では崩れてしまう＝(X)HTMLタグもCSSも理解できないんだからあきらめる。
（例：２）Dreamweaverでタグでガシガシ組む＝一番手っ取り早く一番確実。でも知識がなければ無理。

最近は企業サイトでもWordPressなどのCMSを使って作っている所も多いようです。
ただしCMSは基本的には、(X)HTML、CSS、php、CMS専用タグ、SQLの知識…は必須、ですから、Web制作者に知識と経験が有って初めてできる事、と言えるでしょう。
（使いこなせれば、これが一番ラクが出来て、かつ様々な事が実現すると言えるかもしれませんけれども）

これらを踏まえて、【顧客に信用・信頼される企業/製品をアピールするためのサイト】を【どのような目的で】どう構築するか、という事を根本から考えた方がいいかもしれません。

上司から与えられた期限もあるでしょうから、自作で済ませ徐々にステップアップを目指すのか、最初からプロに任せてしまうのか（企業紹介サイトなら10万円前後くらいで請け負う業者も多々あるでしょう）、プロにCMSで依頼して更新だけはこちらで行なうとか、色々な選択肢が出るはずです。
今の受注量に加えてプラスアルファが期待できればいいや程度なのか、今の受注量を○％アップさせるために作るのか…などの「目的」でも選択肢は変わりますね。

経費をかけたくないのは理解できますが、経費をケチったばかりに潜在的顧客を掘り起こせなかったのだとしたら本末転倒です。

ちなみに、あまりデザイン上よろしくないものであったとしても、内容がしっかりしてさえいれば、問い合わせや引き合いはソコソコ出るケースもあります（実際に私がそういう未熟なサイトでそれなりの引き合いを生み出した経験もあります）。
一概に「受注が来るか疑問」とは言えない、ということです。

お礼

詳しい回答　有難う御座います

＞Webページ制作経験の浅い人が陥りやすい、商用ページ制作時の落とし穴
確かに仰る通り見づらいページが多いですね
”問い合わせはお電話かFAXで”って所もありました。
みんなはどんなHP作っているんだろうと思って同業者のページを見てみました
（人の振り見て我が振り直せ、、作戦です）

＞特に企業は、型落ちPCをアップデートせずに使う事が多いので、
確かに多いですね自分の画面で綺麗に見えてるからって安心してはダメって事ですね
我社にもWindows2000とかWindowsNTが動いているパソコンが実在します
CAMがXPに対応していないので否応無くWindows２０００＝IE6　です。
ネットには繋がっていませんがMSDOSに８インチFDのパソコンもあります。

＞ 上司から与えられた期限もあるでしょうから、、
この辺りがかなり問題なんです（笑）
”ワープロとCADCAM、どこが違うの？どっちも同じようなパソコンじゃないか”
って感じでそもそもパソコンを触った事も無くHPを観覧した事も無い人達ですので
上司のイメージしているHPってどんなの？って事が全く不明なんです

取りあえずはHPの作り方みたいな本を数冊読んでから考えたほうが良さそうですね。
厄介な仕事を押し付けられたと思うとストレス溜まりますので”HPを覚えるチャンス”
だと割り切って本でも読み勉強をしていきたいと思います。

回答No.5

dark_kappa

ANo.3です。

> 取りあえずはHPの作り方みたいな本を数冊読んでから考えたほうが良さそうですね。

「Webサイトの作り方」…って本は、
・ソフトに対応して、そのソフトの使い方を覚えながらWebサイトの事も覚えていく
・ソフトを限定せず、カンタンな部分から解説していく
…という２種類に分かれます。

ホームページビルダーを使われるのであれば、参考書籍は腐るほど出ていますけれども、「テーブル」で作らせるような参考書籍は買わない方がいいですね。

テーブルスタイルは、表計算ソフトのような「表」に対して、文字や画像をあてはめていくという、もう誰も使わないぞ！という古いWebページの作り方ですから、その方法で覚えてしまうと後で苦労します。

Dreamweaverの参考書籍は、今の主流になる段組みスタイルで書かれているものがほとんどです。
前の回答にも書きましたけれど、Dreamweaverは（高額なだけあり）大変優れたソフトなのですが、HTMLとCSSが理解できなければチンプンカンプンになるだろう、というものです。
これは、HTMLとCSSをゼロから覚えるぞ！という事であれば、努力次第でどうにかなりますが。

「DIV分けによる段組みスタイル」って言われてもピンと来ないかもしれませんが、Webページの作り方には流行りがあって、今はSEO対策などの観点から、この方法が主流です。

> 厄介な仕事を押し付けられたと思うとストレス溜まりますので”HPを覚えるチャンス”
> だと割り切って本でも読み勉強をしていきたいと思います。

このため、出来れば「今の主流」になる方法で作っていくよう、覚えていった方がいいでしょう。

くれぐれも、「フレームで」とか「テーブルで」なんていう古い方法で解説している初心者向けの参考書には気を付けて下さい。
（未だにそういうモノが多数売られています）

ホームページビルダーはこの主流の方法を表現するのが下手なので時代に取り残された感のあるソフトではありますが、安価なオーサリングソフトの中では最も機能的には優れているのは確かです。

まずはホームページビルダーまたはBiND辺りでHTMLとCSSを覚えて、タグでガンガン組めるくらいになったらステップアップを考えてもいいかもしれません。

HTMLとCSSについては、私は参考サイトとして「とほほのWWW入門」さんをよく活用します。
http://www.tohoho-web.com/

記載されている内容は多少古めではありますが、未だに「最もよくまとめられたサイト」として活用しています。
このサイトさんの内容をヘルプファイルにしているHTMLエディタもあるくらいですから…。
http://www.w-frontier.com/index.html

お礼

重ねての回答有難う御座います。

本を買う前にと思って図書館でＨＰ関連の本を7冊ほど借りてまいりました

＞テーブルスタイルは、表計算ソフトのような「表」に対して、、、
なるほど。最初に教えて頂いて助かりました

＞HTMLとCSSをゼロから覚えるぞ！という事であれば
覚えられるかどうか解りませんがこのHTMLとCSS関連の本を今読み始めたところです。
とりあえずは何も考えずに本に書いている例題を元に
いちからHTMLを打ち込んでみたりして、、ＨＰのお勉強中です。

教えていただいたサイトも見ながら頑張ってみたいと思います

回答No.4

神崎 渉瑠（@taloo）

色鉛筆か絵の具などでパンフレットを作って下さい。
それを以下の制作ソフトで制作・編集するだけです。

> １、ホームページ作成ソフトはドレがお勧めですか？
必要なツールが一通りそろうホームページビルダーをおすすめします。
デザインテンプレートが豊富なBindもいいかもしれません。
中級、上級を目指すならHTMLの文法を覚えて手書きをしたり、WebExpression（Microsoft社製）やDreamweaverを使うのがいいと思います。

以下余談
> パソコン
自動車：乗用車とフォークリフト
スポーツ：サッカーとテニス
楽器：ピアノとフルート
パソコン：建築設計とパンフレットデザイン

お礼

回答有難う御座います

＞色鉛筆か絵の具などでパンフレットを作って下さい。
まずはデザインを決めるってことですね。了解しました。
恐らく、コレが難しい作業に成るだろうと思っています、

どういうＨＰを作りたいかをまず決めてから
ソフト選びで良いのかな？と思い出しました。

回答No.2

go_and_goes

[ID for WebLiFE* Plus(http://www.digitalstage.jp/id/)]と[BiND for WebLiFE(http://www.digitalstage.jp/bind/)]はカッコイイサイトができてお勧めです。
未経験の方でもＣＡＤなどの操作ができるのなら難しくないと思います。
試してみてください。
参考サイトもホームページに掲載されてますよ。

お礼

回答有難う御座います。

教えて頂いたサイトを見ました。

ソフトが少し高いようにも思えますが

確かにオシャレなＨＰが出来てますね。

検討して行きたいと思います

回答No.1

nyonyon

作成ソフトは、初心者でも使いやすい「ホームページビルダー」が無難でしょうか。
ただ、会社のＨＰならば、誰にでも見やすいページであるのがポイントですので
ビルダー特有の「どこでも配置モード」のような簡単に作れるテンプレートで作成するのは、避けておいたがいいでしょう。

まずはＨＰ作成の基本を知るのが大事ですので、お勧めサイトはこちら
http://park16.wakwak.com/~html-css/index.html
http://www.shoshinsha.com/hp/index.html

ビルダーはこちらも
http://www.wsb.jp/hpb/

なお、仕事の受注があるかどうかはＨＰの出来次第なところもあります。
以外に今まで思ってもないルートから受注があることもありますしね。

あと、受注するためには連絡ツールとしてメールフォームを設置されると思います。
（メールリンクはスパムの元なのでお勧めしません）
ですのでＣＧＩが設置でき、かつ商用利用可能なサーバーも探しておかないとです。
現在は意味不明な言葉かもしれませんが、上記解説サイトを読まれればわかりますので。

お礼

回答有難う御座います

＞誰にでも見やすいページであるのがポイントですのでビルダー特有の、、、
なるほど。そうですね。　誰にでも見えて印刷も出来るのがポイントですね。

＞なお、仕事の受注があるかどうかはＨＰの出来次第なところもあります。
そうなると、なんだか責任重大な事を引き受けてしまったんですね。
頑張りたいと思います。

＞現在は意味不明な言葉かもしれませんが、上記解説サイトを読まれればわかりますので
コレより教えて頂いたサイトを見てお勉強していきたいと思います

この質問は１週間程は締め切らない予定ですので又、何かお気づきの点がありましたら
教えて頂けると幸いです。