• ベストアンサー

Dreamweaver

こんにちは。HTMLは理解してるのですが、テンプレートをできるだけ自分で作成したいとおもってます。 そこで、CSSをもう少し勉強し、Dreamweaverを使ってホームページを作成していきたいと思っているのですが、Dreamweaverでどこまで作成が可能かお伺いしたいと思っています。 たとえば、http://www.cartier.fr/ のようなサイトも作成可能なのでしょうか? 画像のよしあしは抜きにして、お教えください。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.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)
回答No.2

Flashとかの外部フォーマットやサーバサイド使わないなら、基本的にHTML/CSS/JavaScriptです。 Dreamweaverに関しては、WYSIWYG的な要素を持つものの基本的にHTML/CSS/JavaScriptは自前で打てることが前提。 また、そのために直接コーディングするモードもあります。 なんで、こういったサイトは普通に作成できます。 が Dreamweaverで作れるスキルあるなら別にテキストエディタで作れます。 直コーディングでまともに作れないなら、どんなツール使っても難しいと言わざるを得ません。 結局、Dreamweaverでできるかどうかは関係なく、作るスキルがあるかどうかでしかありませんよ。 サーバサイドも含めたAjaxをごりごり作るなら、テキストコーディングベースのSDK使ったほうがいいですし。

noname#218036
noname#218036
回答No.1

画像のスライドは、jQueryを使って作成してるのですが、ソースは公開されてます。検索したら色々でてきます。 Dreamweaverで出来るかどうかは知りませんが、高価なソフトを使用しなくても、できます。

関連するQ&A