- ベストアンサー
Dreamweaver
こんにちは。HTMLは理解してるのですが、テンプレートをできるだけ自分で作成したいとおもってます。 そこで、CSSをもう少し勉強し、Dreamweaverを使ってホームページを作成していきたいと思っているのですが、Dreamweaverでどこまで作成が可能かお伺いしたいと思っています。 たとえば、http://www.cartier.fr/ のようなサイトも作成可能なのでしょうか? 画像のよしあしは抜きにして、お教えください。 よろしくお願いします。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
>たとえば、http://www.cartier.fr/ のようなサイトも ⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html ) で、チェックしましたか??(^^) HTML(特にHTML5)は、文書構造しか記述しなくなりますので、わざわざテンプレートと行かなくても、初めからテンプレートのようなものです。 すなわち、必然的に <body> <header> <nav></nav> </header> <section> <section> <figure></figure> <section></section> </section> <aside></aside> </section> <footer></footer> </body> のようにしか、ならないです。テンプレートと言うようなものじゃないことが分かるかと・・ それをどのようにプレゼンテーション(デザイン)するかが、あなたの言われるテンプレート的な役目になるでしょう。HTMLの形は基本的に同じになるのですから、スタイルシートだけを持ち込んで、少し手を加えればデザインは出来上がります。 となると >Dreamweaverを使ってホームページを作成していきたいと思っているのですが、Dreamweaverでどこまで作成が可能かお伺いしたいと思っています。 Dreamweaberのようなオーサリングツールの出番は、ほとんどなくなるかもしれません。DWでは、 section{margin:-left:1em;}は兎も角 section section{font-size:0.95em;} というよなセレクタは書いてくれません。HTMLがそうであるように、テキストエディタの出番になります。 よく例にあげさせていただくのですが ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html ) のHTMLは、極めてシンプルで、汎用性の高いものだと思います。しかし、ブラウザのメニューバーの[表示]⇒[スタイルシート]と進んで、色々なスタイルシートを選択するとデザインが変わります。同じような構造のHTMLだと、そのままスタイルシートがテンプレート的に流用できるでしょう。 これはDWに限らず、オーサリングツールの最も苦手とする部分なのです。なぜなら、文章を読み解き、構成要素に分解することは人でないと出来ませんし、その文書構造に基づいてセレクタを書いていくこともツールでは無理だからです。人工知能を持つオーサリングツールはありません。 本文を示すタグは何だっけ???、本文とは直接関係ない記事は何だっけ???と言う時に<section>であり<aside>だよと手を差し伸べてくれる程度のことしかしてくれませんが、その部分が本文だと理解するのは人にしかできない。 御存知のように、HTML4.01では、文書構造を示す要素がなかったため、<div class="section"><div class="aside">とマークアップしなければなりませんでしたね。!!! ⇒「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための・・( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )」 >HTMLは理解してるのですが、テンプレートをできるだけ自分で作成したいとおもってます。 でしたら、サイト内で文書構造で分けると ・サイト、および各カテゴリーのトップになるページ ・それぞれの内容を書いてあるページ ・プライバシーポリシーや会社情報などのお堅いページ 程度の数種類になるでしょう。HTMLの文書構造はすべて同じでも良いでしょうから、スタイルシートだけ数種類用意してしまえば済むことになります。 おわかりのように、そこまではテキストエディタの仕事です。その後、データを流しこむのは、ツールで出来ます。(もちん使わなくても良いです。インクルードを使えば、変更部分だけ記述することになるので・・)
その他の回答 (2)
- neko-ten
- ベストアンサー率55% (1287/2335)
Flashとかの外部フォーマットやサーバサイド使わないなら、基本的にHTML/CSS/JavaScriptです。 Dreamweaverに関しては、WYSIWYG的な要素を持つものの基本的にHTML/CSS/JavaScriptは自前で打てることが前提。 また、そのために直接コーディングするモードもあります。 なんで、こういったサイトは普通に作成できます。 が Dreamweaverで作れるスキルあるなら別にテキストエディタで作れます。 直コーディングでまともに作れないなら、どんなツール使っても難しいと言わざるを得ません。 結局、Dreamweaverでできるかどうかは関係なく、作るスキルがあるかどうかでしかありませんよ。 サーバサイドも含めたAjaxをごりごり作るなら、テキストコーディングベースのSDK使ったほうがいいですし。
画像のスライドは、jQueryを使って作成してるのですが、ソースは公開されてます。検索したら色々でてきます。 Dreamweaverで出来るかどうかは知りませんが、高価なソフトを使用しなくても、できます。