WEBデザイナーはDWを使う?

Question

WEBデザイナーはDWを使うと思うのですが、手打ちや自分のサイトのコピペでできてしまえばDWの機能を使って作れるようになる必要はないのでしょうか？

それともよくわかるDreamweaverの教科書位の機能はDWの機能を使って作れるようにならないと時間的効率が手打ちのほうが悪いので一部分は機能を使って作れるようになったほうがよいのでしょうか？
 
フリーならどちらでもよいのですよね。

ORUKA1951 · Accepted Answer

No.5です。
　DWを使おうが他のオーサリングを使おうが、それは良いのですよ。ただHTMやCSSが手打ちでDW以上のことが出来るのが望ましい--実際にDW以上のことは手でかけないと出来ない。

＞私の手打ちのサイトを見てこれを手打ちだけでは作れないといっています。
　よく例として紹介させていただくのですが・・
　⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )
　にて、ブラウザの[表示]メニューから[スタイル(シート)」へ進み、色々なスタイルを選択(Chromeを除く)したり、印刷プレビューで見る。ソースを見る。
　こんなこと、DWじゃ逆立ちしたって出来ませんよ。
『　⇒HTMLエディタで作成するシンプルなコードはSEO（検索エンジン最適化）にも効果的であることから、一部のウェブデザイナーには見直されつつあり、( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )』

手元にDWがあれば、それを使えばよいし・・

DrFell · Answer

>DWで作るとソースも手打ちより汚く、管理とトラブルシューティングが行いにくくなり、CSSでなく属性を使っていて、共通のCSSにしたいところもならず、適切なタグを使わないというイメージがあるのですが、そのような問題はあまりないないしは重要ではないのでしょうか？

それは、ただ単なるイメージであり、真実ではありません。Dreamweaverを毎日のように使っていますが、手打ちで作るのと同等に綺麗なソースに効率よくマークアップできています。使いかたが悪いのでは？と思います。機能があるからといって、その機能を絶対に使わないといけないわけではないですし、カスタマイズもできますよ。適切なタグを使わないのは、チューニングができていない、ソフトの癖をまだ飲み込めていないからかなと思います。

websaitojisakuさんってデザイナーの修行を行っているのですよね？なんだか、コーダーのような質問ばかりですね。

DrFell · Answer

>テンプレートは必須で、グローバルナビ、ヘッダー、フッターなど一部の共通する部分はDWで作ったほうがよいということでしょうか？
いいえ！好きにすればいいんです。ただ、効率がいい場合があるというだけ。使えないより使える方がいいと思いますよ。適切なツールをその時々に選択できますから。DWは選択しが1つ増えるということだけです。

>グローバルナビ、ヘッダー、フッターなどを手打ちのHTML、CSSで作ってそれをDWで一括編集できるようにすることはできないのでしょうか？ 
いいえ！できる場合もあります。条件が整えば、なにもDWに限った事ではないです。同じ条件でフリーのツールでも一括編集できます。曲がりなりにもデザイナーなのだから、デザイン（設計・計画）を行ってくださいね。websaitojisakuさんがしっかりデザインを行えば、1つのツールに頼る必要はありません。やり方はいろいろあります。

ORUKA1951 · Answer

＞それだとDWでグローバルナビを作るなどはできないということですね。あくまで自分が作るものを補助させるだけということですね。
　どうして、そういう発想になるのか分かりません。オーサリングツールを使いこなせるためのHTMLの知識が足りないように感じます。
　グーローバルナビ--サイト内のページに共通するサイト全体へのナビゲーション--と言う意味でしたら、オーサリングツールを使うほうが楽な場合があります。DrFellさんが言われているような場合です。
　大きなサイトだと、インクルードの機能を使うし、ローカルの環境も同様なローカルサーバーを作りますから、DWに頼らなくてもすみますけど。

しかし、その前提として、「これはグローバルナビである」と判断して「どのようにリストを構成するか」「どれが不要でどれが必要か」などは、デザイナーが判断してマークアップしなければなりません。
＞あくまで自分が作るものを補助させるだけということですね。
　これは、相当正しいでしょう。

Webデザイナーを志すなら、まず最初に学ぶべきはWebの仕組みや、それを成り立たせているHTMLやCSS、DOMやWCAGなどをしっかり身につける事です。その上で実際に作業を進めていくうえで、「面倒くさくってやってられない」「サイト管理が煩雑でミスを防ぎたい」などの必要があってオーサリングツールに手助けをしてもらう。
　ビルダーで個人的なサイトを作る程度ならまだしも、それを仕事にする希望があるなら、学ぶ順番を間違わないほうが絶対に早く身につけられます。

DrFell · Answer

>れだとDWでグローバルナビを作るなどはできないということですね。あくまで自分が作るものを補助させるだけということですね。 
1つのページだけを考えられていればそうですが、グローバルナビだと数十～数百ページに使いまわすことが普通です。修正があればどうします？

引用
「Dreamweaverには、Webサイト内で共通する部分（ヘッダやフッタ、サイドバーなど）を1つのファイルでまとめて管理することができる「テンプレート機能」が備わっています。テンプレート機能を使えば、数十～数百ページ規模のWebサイトでも、1つのファイルを編集するだけで全てのページに対して修正や追加を行うことができます。また、テンプレート機能を利用する上で、CMSやSSI（サーバサイドインクルード）、PHPなどのようにサーバ側の機能が一切必要ないため、サーバ環境に左右されずに利用できることも特徴です。」
http://www.adobe.com/jp/devnet/dreamweaver/articles/using_template_part1.html

手打ちできないと使いこなせませんが、適材適所のソフトを使用することをお勧めします。重いソフトなのでごく普通のテキストエディタのほうが早い場合もありますが、中規模以上のサイト管理には不可欠になります。使えるようになったほうがいいと思いますよ。

ORUKA1951 · Answer

No.1です。＞ここは初心者にもわかりやすく言うとどんなことをおっしゃっているのでしょうか？　きちんと説明すると、長くなります。　HTMLは、幾度か説明しましたように、文書構造をマークアップするマークアップ言語--メタ言語どす。元々はSGML( http://ja.wikipedia.org/wiki/SGML )にヒントを得て考案されました。　マークアップ言語の説明は、上記リンクの[背景]をお読みください。　そのため、『Webが編み出されたところである科学技術分野に携わる人々の間では、文書のプレゼンテーションよりも中身にこそ関心が持たれる。しかし日常生活の一部としてWebを利用しはじめた人々の間では、HTMLの制限は不満が募る元となり、著者は、HTMLのスタイル上の制限を回避することを余儀無くされた。』・・・14.1 スタイルシートの概説( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )より　ここを基礎知識として理解しておくこと　 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^リンク先を読んでね。

　すなわち、HTMLにしたい文書を読み解き内容を理解して、それを構成する要素(Element)に分解し、最適なタグでマークアップする。という根幹部分は、どんな高機能のオーサリングツールでも出来ないのですよ。彼らには知能はありませんからね。

　このようなマークアップすら、ツール単独では出来ないのですよ。・・ [HTML5]の文書

　この部分はこの文書のヘッダにあたる

　ここからは本文(章)で　

　　ここからは本文の(項)で　

　　ここは挿絵的な要素　

★もちろんHTML4.01だと、それぞれのようになるはずです。『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加する( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』　こんな当たり前のマークアップですら、決してツールは書いてはくれませんよ。　文書を読み解き、内容を理解して、文書を構成する要素に分解し、マークアップするという作業は、HTMLを知ってなければ書けませんよね。　ツールを使っても出来ますが、そもそもどんな要素(タグ)があって、どの要素の内側に置けて、どのような要素を含むことが出来るかを知ってないと、ツールを使うことすら出来ません。　逆に言うとテキストエディタでスラスラ書ける知識があるのでしたら、テキストエディタで作成するほうが早いのです。　私は辞書に「だんらく」--->

、「りすと」--->

,

のように登録しています。　ですから、同じような内容やテーマのページを作成するときは、最初に１ページだけ雛形をテキストエディタで作成します。　『HTMLエディタで作成するシンプルなコードはSEO（検索エンジン最適化）にも効果的であることから、一部のウェブデザイナーには見直されつつあり、Wikiの記事( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )』　あとはツールから、それを開いて必要なところをコピーペーストして追加していけばよいです。　スタイルシートについては、 section section{font-size:0.9em;} section section section{font-size:1em;} というような書き方は、Dreamweaverでも出来ません。意味はお分かりのように、sectionの子孫のsectionは字を小さくするが、その下のsectionでは大きさを変えない。　と言う意味ですね。これは文書構造を理解して、ここはどのようなセレクタが良いかはツールに判断は出来ません。せいぜい、ゴチャゴチャとclass名を振っていくことくらいしか出来ません。　スタイルシートは、もちろん複数作ることはありませんのでDreamweaverを使う必要はないです。邪魔臭いだけです。　引用文という要素(タグ)はあったはずだが、綴りはどうだったっけ===と言うときはツールは助かりますが、[引用]という要素が存在し、どのように使うかを知らないと使えないですよ。　ちなみに私の辞書には [いんよう]⇒

と入っています。　⇒9.2.2 引用: BLOCKQUOTE要素とQ要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#edef-BLOCKQUOTE ) 　でも使ってもせいぜい数十個のタグ、意味と背景を理解することは難しくはありません。(中学校で学ぶ英単語は2,000語) 　　

play_with_you · Answer

こちらで。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12113246292

ORUKA1951 · Answer

Webデザイナーというより、Webクリェーターとか、Webオーサリングと言うほうが適切でしょう。
　この業界では定番と言ってよいソフトになりました。元々はマクロメディアのDreamweaverでしたが、合併したため、adbeのGoliveを蹴散らして、こちらがデフォルトスタンダードになりました。
　adbeには、もうひとつWeb用の画像に特化した、fireworks( http://www.adobe.com/jp/products/fireworks.html )があります。
　Web用の素材を作るのでしたらPhotoShopやIllustratorより、断然便利です。
　⇒Adobe Dreamweaver - Wikipedia( http://ja.wikipedia.org/wiki/Adobe_Dreamweaver )
　⇒Adobe Dreamweaver CC( http://www.adobe.com/jp/products/dreamweaver.html )

⇒Adobe Fireworks - Wikipedia( http://ja.wikipedia.org/wiki/Adobe_Fireworks )　⇒Adobe Fireworks CS6( http://www.adobe.com/jp/products/fireworks.html )

サイト管理やリンクの調整などは、Dreamweaverがあると便利です。しかし、絶対に必要な知識は、HTMLやCSSの知識です。
　⇒Dreamweaver（ドリームウィーバー）の長所と短所( http://www.blogdehp.jp/13/13_hpsoft_dweaver.asp )
　⇒アビバのDreamweaver(ドリームウィーバー)講座｜パソコン教室・パソコンスクール AVIVA( http://www.aviva.co.jp/dreamweaver/ )
　にも書かれていますが、HTMLやCSSを知らないと、ソフトを前にして「手も足も出ない」状況になります。
　HTMLやCSSは、私はテキスト入力のほうが速いですし、シンプルで分かりやすいものを作りたいのでツールには頼りませんが、それをテンプレートにしてデータを流しこんでいくのはDreamweaverを使います。

＞手打ちや自分のサイトのコピペでできてしまえばDWの機能を使って作れるようになる必要はないのでしょうか？ 
　どちらが・・と言う問題ではなく車の両輪の様な物です。

WEBデザイナーはDWを使う?

No.5です。

>テンプレートは必須で、グローバルナビ、ヘッダー、フッターなど一部の共通する部分はDWで作ったほうがよいということでしょうか？

この回答への補足

＞それだとDWでグローバルナビを作るなどはできないということですね。

>れだとDWでグローバルナビを作るなどはできないということですね。

No.1です。

こちらで。

Webデザイナーというより、Webクリェーターとか、Webオーサリングと言うほうが適切でしょう。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

　Webデザイナーというより、Webクリェーターとか、Webオーサリングと言うほうが適切でしょう。