ホームページ作成について！

質問

ホームページ作成について！

初めまして。
私は小さな広告デザイン会社に勤めています。

最近社長に会社の紹介用ホームページを作るように言われました。
しかし私は全くの素人で、HTMLやCSSなどの知識がありません。

一応会社にはAdobeのwebstandardがあり、DWやFlashなど揃っているのですが
難しくてよくわかりませんでした。

amazonにて書籍を購入し、テキストエディタにて手打ちで簡単なHPは作れたのですが
やはり見た目が悪くなってしまいます。（こんな感じです。http://mattari-gaming.com/index2.html）

初心者でも簡単にカッコイイHPが作れるようなソフトはありませんでしょうか？
それともDWなどを使えるように勉強したほうが良いでしょうか。
ちなみに、理想としては　http://www.spicebox.co.jp/#/index　このようなページが作ってみたいです。

よろしくお願いします。

回答No.4

dark_kappa · ベストアンサー

私はWeb制作の経験がそこそこありますが、先の回答者様方のご意見にまったくの同意、です。

全面Flashのサイトは初心者が理想としがちですが、正直ユーザビリティやメンテナンス性を無視した作りはどうかな、と。

例えば、Webサイトというのは「目の見えない方」も利用するのですよ。
このときFlashで作られたサイトは理解が出来ない（音声で読んでくれない）訳です。

もしもお客様となる企業・個人に、目の不自由な方がいらしたら、それだけで顧客を逃がすばかりか、顧客から嫌われるのです。

Webサイトは「見た目」だけではなく、使う人の事を考え、メンテナンスしていく人（担当者が変わったらどうするの？という部分）の事も考えて作るのが本当の理想だと思いますよ。

最初からAdobeの開発環境が揃っているというのは、初心者にとっては天国のようなものです。
プロ仕様のソフトですから。

確かに使いこなすには勉強が必須ではありますが、使いこなせるようになれば、ヘボいオーサリングソフトなんて目じゃないものが作れるようになります。

どんなブラウザで見ても表示の崩れない、誰が見ても好感の持てる、そんなサイトが理想的ではないでしょうか。

企業の紹介サイト、製品の紹介サイト、というのは、その企業のイメージそのもの、と言ってもいいです。
誰にも愛される作りのWebサイトは、その企業を好きになるキッカケになる事もあるのです。

まずは奇をてらわず、好感の持てるWebサイトを構築してください。
勉強はすごく大変になるでしょうけれども、テストで掲載されたページの作りは非常に優秀（つか、これ作れれば初心者じゃないです…）ですから、頑張ってモノにしてください。

お礼

回答ありがとうございます！

>例えば、Webサイトというのは「目の見えない方」も利用するのですよ。
>このときFlashで作られたサイトは理解が出来ない（音声で読んでくれない）訳です。

全く頭にありませんでした・・・
こういったことも考えていかなければいけないのですね・・・・

HP制作なんてテキトーとか最初は思っていたんですが、こんなに奥が深いとは。

ものすごい参考になりました。
もっと勉強して、見ていただいた人が好感の持てるサイトを作りたいと思います。
ありがとうございました。

回答No.5

ORUKA1951

あなたの「簡単にカッコイイHPが作れるような」は認識が間違っています。
くだらないfrashでも使って、自己満足のトンデモページを作成すればよいです。
あなたが作られたサイト・・
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
でチェックして、指定されたところだけ直せば、そこそこの物になる。
初学者としては、すばらしい出来栄えです。
　HTMLは何か？？
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2 )］より

　あなたの作られたページで、指摘されたところをちょこっと手を入れれば、スクリーン端末(パソコンのディスプレイなど)は無論、「様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ」だけでなく、検索エンジンにとってもベストなページとなるでしょう。

　ホームページ？？(とは言わないようにしようウェブサイト)は見た目も大事ですが、本当に大事なのは見た目じゃない。ホームページ( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8 )
・そのページに何が書かれているか
・必要とされる情報があるか
・必要な情報がどこにあるかわかりすぐたどり着けるか
　なのです。

　ちなみに、私は、ここ１０年はもっぱらテキストエディタしか使ってません。
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 )

お礼

回答ありがとうございます！

いろいろ抜けや勘違いがあったようですね・・・

大変参考になりました。ありがとうございます！

回答No.3

riveron77

#2さんに同意です。

シンプルで、わかりやすいデザインだと思いますよ。
企業のHPはこういうデザインの方が、個人的に好印象です(汗)

私は結構HTMLゴリゴリ派なので、ソフトとかはイマイチ知識が無いのでｗ
もしテキストでHTMLゴリゴリなら、参考URLのHPとかいかがですか？

参考URL：

http://www.tohoho-web.com/www.htm

お礼

回答ありがとうございます！

ありがとうございます。このレイアウトでがんばりたいと思います！

しかもこのHPはかなり便利ですね。助かります＞＜

こういった質問サイトを利用させていただくのは初めてだったのでドキドキだったのですが
こんなに早く、親切な回答をいただけて感動しました。ありがとうございました！

回答No.2

yh-daichan

私信ですが、あなたの理想としているページは嫌いです。（初心者が理想としている典型）
あなたの作った物の方がとてもすっきりしていて好きです。（後、CSSを別ファイルにするとタグがすっきりする）
※これをテキストエディタで書いたなら立派です。他のソフトは要らないのでは？ソフトはこれを書かせるためにあるのですから、私はDWがサブでテキストエディタがメインです。

Flashやjavascriptで勝手にどんどん変化したり色々な細工をするのは自己（製作者）満足の、なにものでもないです。
見る側は、あなたの会社の情報が必要で、凝ったデザインや製作者の好きな画像を見に来ているのではないからです。
広告デザイン会社なら、画像などはお手の物と思いますので、後はそれを見やすいように配置して簡単の物から作って行ったらどうでしょうか、くれぐれも画像をべたべたとならないように情報を提供する事に徹してください。

まずは、簡単な物から完成させ、少しずつボリュームを持たせるようになさったらどうでしょうか

お礼

回答ありがとうございます！

たしかにおっしゃる通りかもしれません。
見に来ていただいた人にとって、見やすく、シンプルで
なおかつ必要な情報がすぐにわかるのが一番ですね。

すこしDWの勉強もして、このレイアウトでいく方針でがんばってみたいと思います。

おかげでやる気が起きました！ありがとうございます。

補足

今更自分の書いた間違いに気づいたので補足を・・・・

テキストエディタではなくて、macのテキストエディットというソフトでした。
勘違いしていました。紛らわしくて申し訳ないです。

回答No.1

nine999

理想のサイトはFlashですね。
でも、Flashだけでサイトを全部作れる訳ではないので、DWは使える方が良いでしょう。メンテナンスも必要になりますしね。
デザイン力を発揮するにしても、タグや書式を組み合わせる知識が必要になってきます。

HTMLにしてもCSSにしても、外観をまずは理解すれば、DWが補助してくれます。あとは経験を積むしかありません。

お礼

早速の回答ありがとうございます！

やはりDWも少しは勉強したほうが良さそうですね。
コツコツがんばりたいとおもいます。ありがとうございました。