従業員50名ほどの企業の社員です。会社のサイトをリニューアルすることになり、私が担当することになりました。私はかつてデザイナー/ディレクターとしてサイトを量産してましたが、この10年はご無沙汰しており、勝手がわかりません。
社内に詳しい者はおらず、私自身が手を動かしたいと考えてます。
(PHP、サーバに詳しい者はいます)
あるいは、遷移込みのプロトタイプまでつくり、あとは外注することも視野に入れてます。
サイト要件は以下になります。
・主な目的は、自社製品の紹介、受託制作のプレゼン、営業窓口。
・20ページほど。デザインとしてはトップページ込みで5パターンほど。
・PC、スマートフォン両対応させたい。ゆえにFlash不使用。
・JavaScriptやCSSを使った、画像のきりかえ(フェードイン)などは行いたい。
どういったツールで行うべきか、アドバイスいただけると幸いです。
※今では当時より簡易なツールがあるのではと思っています。(Wordpress?)
また、SEO対策として最低限おこなうべきことについてもご指南頂きたいです。
想定サイト:http://aiming-inc.com/ http://www.oneup-inc.com/
ツールの定義が曖昧ですが、サイト作成ツールという意味ならDreamweaver CS6をおすすめします。
WordpressはCMSのプラットフォームであり、ご質問にあるような汎用サイトを作るのであれば、Dreamweaverの方が適しています。
Adobe Dreamweaver CS6 Windows版
画像に凝るのであれば、Photoshopも必要です。
その場合は、Adobe Creative Suite 6 Design & Web Premiumを導入するといいでしょう。
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
メタタグの整備に加え、サイトマップの作成もお忘れ無く。
http://www.atmarkit.co.jp/fwcr/special/freeauthoring/freeauthoring_1.html
こちらはどうでしょうか、無料なので一度やってみては?
ありがとうございます。
やはりDreamweaverがメジャーで困ったときの助けも得られそうですので、ドリーにしてみます。
当時は、DreamWeaver + Fireworks + Flashで作成していました。
が、DreamweaverやFireworksは3とかMXの時代で、いまの多機能化された(されてるであろう)ツールに慣れるのか・・・あまり自信がないです。
最近は、jQuery UI(http://jqueryui.com/demos/)なんかでリッチなHTMLが簡単にできるようになっているので、
HTMLを直接編集してもそんなに難しくないと思います。
あんまりメジャーではありませんが、MicrosoftのExpression Webは無料で使うことができます。
http://www.microsoft.com/en-us/download/details.aspx?id=36179
でも、携帯とPCの両方に対応させたいのであれば、有償のものも含めてCMSを検討されてもいいと思います。
・WordpressかMoveTypeあたりのCMSは必ず使用
・JavascriptのjQueryのライブラリを使用してもらう
この2点さえ守られるのなら、他は些細な問題になるかもしれません。
仕組みとデザインは別で、上記の2点は仕組みの部分です。
デザインは、Dreamweaverで行う人もたくさんいますよ。
最終的に、WP+jQueryで実現できれば、そこまでの方法はどうでもいいです。
DWとWPを連携させて効率よくテーマデザインを作ろう
http://suema-r.com/blog/dreamweaver-wordpress-theme/
定番はやはりDreamweaverでしょう。
http://www.y-com.info/contents/?p=77
コスト削減にはこんなのもいいかもよ。
http://qhm.yunahana.com/index.php?FrontPage
ソフトウェア作成を外注されることを視野に入れておられるのでしたらWordPressが宜しいのではないかと思います。
いくつか回答がございますようにドリームウィーバーは良いツールだと思いますがサイトを一から作成されるのは大変な手間かと存じます。
確かにWordPressはCMSに分類されるツールでございますがブログのような大量のコンテンツを扱うシステムしか作れないということではございません。
phpは賛否両論ございますツールですが開発人口も多いと思われますしSEO対策を謳ったテンプレートが多いということもメリットでございます。
SEO対策がなされたテンプレートのご紹介もさせて頂きたく存じます。
http://sanko-site.com/blog/wordpress-seo-template/
SEO対策に特化して制作されたWordPressテーマ(SEOテンプレート)です。
WordPressテーマ本体とは別に、SEO対策のマニュアルも付属しているものもありますので、SEO対策の初心者の方でも勉強しながら、ブログを運営できます。
SEOは相手が検索エンジンでございますから対応方法は常に固定ではなく検索エンジンの仕様変更に伴い対策が必要でございます。
信頼できる業者の最新のテンプレートをお使いください。
http://www.justsystems.com/jp/products/hpb/?sg=hsggl0901_01&e=hsggl0901_01
こちらはどうでしょうか、スマートフォンからでも自動でサイズへんこうしてくれる見たいですよ。
http://www.blogdehp.jp/13/13_hpsoft_dweaver.asp?913_ind_table2
Dreamweaverもかなり良い分高度な知識がないと難しいです。
http://www.blogdehp.jp/13/13_blogdehp.asp?913_ind_table2
簡単にウェブサイトを作るのであればブログdeホームページというソフトもかなりいいです。
サポートもしっかりしてるので安心ですよ。
WordPressのテクニックに関するNAVERまとめのご紹介になります。
メジャーなものが最上のものとは限りませんがネットに情報がたくさんございますところがメジャーな環境の強みではないかと存じます。
こちらは開発ツールという視点ではなくシステム構築という視点からCMS(コンテンツマネージシステム)について整理された文書でございます。
http://www.mdn.co.jp/di/articles/666/
システムの外注も視野に入れているということでございますから何かしら参考になるところがあると存じますので一読をお勧めいたします。
スマートフォンでのご利用も視野に入れておるとのことでございますからレスポンシヴデザインを導入することになると存じます。
WordPressでもレスポンシヴデザインに対応したテーマがございますのでこれらを使うことで開発コストを削減することができるかと存じます。
ありがとうございます。
2013/01/08 15:06:22当時はDreamWeaver+Fireworks+Flashで作成していました。
いまもDreamWeaverが一般的なんですね。。
当時から相当機能が増えててウヘッとなりそうですが、試してみることにします。
Dreamweaverが多機能化されているというより、CSSやJavaScriptへの対応が整ってきたと言った方がいいでしょう。
2013/01/08 17:33:58ご質問にあるような動きのあるサイトをFlashではなくJavaScriptとCSSで実装しようとなると、それなりのテクニックは要求されます。
Dreamweaverにはそういった時のためのテンプレートも用意されているので、おすすめします。