いまどきの企業ウェブサイトの作り方、ツールについてご指南ください。


従業員50名ほどの企業の社員です。会社のサイトをリニューアルすることになり、私が担当することになりました。私はかつてデザイナー/ディレクターとしてサイトを量産してましたが、この10年はご無沙汰しており、勝手がわかりません。

社内に詳しい者はおらず、私自身が手を動かしたいと考えてます。
(PHP、サーバに詳しい者はいます)
あるいは、遷移込みのプロトタイプまでつくり、あとは外注することも視野に入れてます。

サイト要件は以下になります。
・主な目的は、自社製品の紹介、受託制作のプレゼン、営業窓口。
・20ページほど。デザインとしてはトップページ込みで5パターンほど。
・PC、スマートフォン両対応させたい。ゆえにFlash不使用。
・JavaScriptやCSSを使った、画像のきりかえ(フェードイン)などは行いたい。

どういったツールで行うべきか、アドバイスいただけると幸いです。
※今では当時より簡易なツールがあるのではと思っています。(Wordpress?)
また、SEO対策として最低限おこなうべきことについてもご指南頂きたいです。

想定サイト:http://aiming-inc.com/ http://www.oneup-inc.com/

回答の条件
  • 1人10回まで
  • 13歳以上
  • 登録:2013/01/08 12:53:32
  • 終了:2013/01/15 12:55:05

回答(15件)

id:oil999 No.1

oil999回答回数1728ベストアンサー獲得回数3202013/01/08 13:42:59

ポイント34pt

ツールの定義が曖昧ですが、サイト作成ツールという意味ならDreamweaver CS6をおすすめします。
WordpressはCMSのプラットフォームであり、ご質問にあるような汎用サイトを作るのであれば、Dreamweaverの方が適しています。

Adobe Dreamweaver CS6 Windows版

Adobe Dreamweaver CS6 Windows版



画像に凝るのであれば、Photoshopも必要です。
その場合は、Adobe Creative Suite 6 Design & Web Premiumを導入するといいでしょう。



SEO対策については、Googleの公開情報が一番信頼が置けます。
http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=35291

とくに「ウェブマスター向けガイドライン」は必読です。
http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=35769

メタタグの整備に加え、サイトマップの作成もお忘れ無く。

id:aoikoala

ありがとうございます。

当時はDreamWeaver+Fireworks+Flashで作成していました。

いまもDreamWeaverが一般的なんですね。。

当時から相当機能が増えててウヘッとなりそうですが、試してみることにします。

2013/01/08 15:06:22
id:oil999

Dreamweaverが多機能化されているというより、CSSやJavaScriptへの対応が整ってきたと言った方がいいでしょう。
ご質問にあるような動きのあるサイトをFlashではなくJavaScriptとCSSで実装しようとなると、それなりのテクニックは要求されます。
Dreamweaverにはそういった時のためのテンプレートも用意されているので、おすすめします。

2013/01/08 17:33:58
id:mahosuto No.2

otusoham回答回数789ベストアンサー獲得回数282013/01/08 14:26:43

ポイント34pt

http://www.atmarkit.co.jp/fwcr/special/freeauthoring/freeauthoring_1.html

こちらはどうでしょうか、無料なので一度やってみては?

id:aoikoala

ありがとうございます。

やはりDreamweaverがメジャーで困ったときの助けも得られそうですので、ドリーにしてみます。

2013/01/08 15:12:05
id:aoikoala

当時は、DreamWeaver + Fireworks + Flashで作成していました。

が、DreamweaverやFireworksは3とかMXの時代で、いまの多機能化された(されてるであろう)ツールに慣れるのか・・・あまり自信がないです。

id:yoshioms No.3

yoshioms回答回数14ベストアンサー獲得回数42013/01/08 23:14:34

ポイント34pt

最近は、jQuery UI(http://jqueryui.com/demos/)なんかでリッチなHTMLが簡単にできるようになっているので、
HTMLを直接編集してもそんなに難しくないと思います。

あんまりメジャーではありませんが、MicrosoftのExpression Webは無料で使うことができます。
http://www.microsoft.com/en-us/download/details.aspx?id=36179

でも、携帯とPCの両方に対応させたいのであれば、有償のものも含めてCMSを検討されてもいいと思います。

id:taroe No.4

taroe回答回数1099ベストアンサー獲得回数1322013/01/11 14:52:47

ポイント34pt

・WordpressかMoveTypeあたりのCMSは必ず使用
・JavascriptのjQueryのライブラリを使用してもらう

この2点さえ守られるのなら、他は些細な問題になるかもしれません。

仕組みとデザインは別で、上記の2点は仕組みの部分です。

デザインは、Dreamweaverで行う人もたくさんいますよ。
最終的に、WP+jQueryで実現できれば、そこまでの方法はどうでもいいです。


DWとWPを連携させて効率よくテーマデザインを作ろう
http://suema-r.com/blog/dreamweaver-wordpress-theme/

id:pigmon88 No.5

pigmon88回答回数501ベストアンサー獲得回数252013/01/14 00:49:48

ポイント34pt

やはりwordpress+企業紹介テンプレートが簡単きれいですね。

http://blog.vektor-inc.co.jp/information/bizvektor

id:nikodesu No.6

ニコ回答回数1025ベストアンサー獲得回数392013/01/14 22:18:09

ポイント33pt

定番はやはりDreamweaverでしょう。
http://www.y-com.info/contents/?p=77

コスト削減にはこんなのもいいかもよ。
http://qhm.yunahana.com/index.php?FrontPage

id:zzman No.7

燕雀安知鴻鵠之志回答回数285ベストアンサー獲得回数362013/01/15 00:43:51

ポイント33pt

ソフトウェア作成を外注されることを視野に入れておられるのでしたらWordPressが宜しいのではないかと思います。
いくつか回答がございますようにドリームウィーバーは良いツールだと思いますがサイトを一から作成されるのは大変な手間かと存じます。
確かにWordPressはCMSに分類されるツールでございますがブログのような大量のコンテンツを扱うシステムしか作れないということではございません。
phpは賛否両論ございますツールですが開発人口も多いと思われますしSEO対策を謳ったテンプレートが多いということもメリットでございます。

id:zzman No.8

燕雀安知鴻鵠之志回答回数285ベストアンサー獲得回数362013/01/15 00:50:04

ポイント33pt

SEO対策がなされたテンプレートのご紹介もさせて頂きたく存じます。
http://sanko-site.com/blog/wordpress-seo-template/

SEO対策に特化して制作されたWordPressテーマ(SEOテンプレート)です。



WordPressテーマ本体とは別に、SEO対策のマニュアルも付属しているものもありますので、SEO対策の初心者の方でも勉強しながら、ブログを運営できます。


SEOは相手が検索エンジンでございますから対応方法は常に固定ではなく検索エンジンの仕様変更に伴い対策が必要でございます。
信頼できる業者の最新のテンプレートをお使いください。

id:mahosuto No.9

otusoham回答回数789ベストアンサー獲得回数282013/01/15 10:17:17スマートフォンから投稿

ポイント33pt

http://www.justsystems.com/jp/products/hpb/?sg=hsggl0901_01&e=hsggl0901_01

こちらはどうでしょうか、スマートフォンからでも自動でサイズへんこうしてくれる見たいですよ。

id:mahosuto No.10

otusoham回答回数789ベストアンサー獲得回数282013/01/15 10:20:33スマートフォンから投稿

ポイント33pt

http://www.blogdehp.jp/13/13_hpsoft_dweaver.asp?913_ind_table2

Dreamweaverもかなり良い分高度な知識がないと難しいです。

id:mahosuto No.11

otusoham回答回数789ベストアンサー獲得回数282013/01/15 10:26:02スマートフォンから投稿

ポイント33pt

http://www.blogdehp.jp/13/13_blogdehp.asp?913_ind_table2

簡単にウェブサイトを作るのであればブログdeホームページというソフトもかなりいいです。

サポートもしっかりしてるので安心ですよ。

id:mahosuto No.12

otusoham回答回数789ベストアンサー獲得回数282013/01/15 10:31:02スマートフォンから投稿

ポイント33pt

http://www.dtsp.biz/category2/entry4.html

こちらもかなりいいみたいです。

id:zzman No.13

燕雀安知鴻鵠之志回答回数285ベストアンサー獲得回数362013/01/15 11:26:43

ポイント33pt

WordPressのテクニックに関するNAVERまとめのご紹介になります。

メジャーなものが最上のものとは限りませんがネットに情報がたくさんございますところがメジャーな環境の強みではないかと存じます。

id:zzman No.14

燕雀安知鴻鵠之志回答回数285ベストアンサー獲得回数362013/01/15 11:48:43

ポイント33pt

こちらは開発ツールという視点ではなくシステム構築という視点からCMS(コンテンツマネージシステム)について整理された文書でございます。
http://www.mdn.co.jp/di/articles/666/
システムの外注も視野に入れているということでございますから何かしら参考になるところがあると存じますので一読をお勧めいたします。

id:zzman No.15

燕雀安知鴻鵠之志回答回数285ベストアンサー獲得回数362013/01/15 12:01:28

ポイント33pt

スマートフォンでのご利用も視野に入れておるとのことでございますからレスポンシヴデザインを導入することになると存じます。
WordPressでもレスポンシヴデザインに対応したテーマがございますのでこれらを使うことで開発コストを削減することができるかと存じます。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません