人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

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

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

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

●質問者: aoikoala
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 15/15件

▽最新の回答へ

1 ● oil999
●34ポイント

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

Adobe Dreamweaver CS6 Windows版

Adobe Dreamweaver CS6 Windows版



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

Adobe Creative Suite 6 Design & Web Premium Windows版 [ダウンロード]

Adobe Creative Suite 6 Design & Web Premium Windows版 [ダウンロード]



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

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


aoikoalaさんのコメント
ありがとうございます。 当時はDreamWeaver+Fireworks+Flashで作成していました。 いまもDreamWeaverが一般的なんですね。。 当時から相当機能が増えててウヘッとなりそうですが、試してみることにします。

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

2 ● otusoham
●34ポイント

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

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


aoikoalaさんのコメント
ありがとうございます。 やはりDreamweaverがメジャーで困ったときの助けも得られそうですので、ドリーにしてみます。

質問者から

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

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


3 ● yoshioms
●34ポイント

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

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

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


4 ● taroe
●34ポイント

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

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

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

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


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


1-5件表示/16件
4.前の5件|次5件6.
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ