• 締切済み

Dreamweaberの製品について質問です。

質問を見てくださりありがとうございます。 Dreamweaverの使用経験があるかたにお尋ねします。 現在、下記のリンク先のようなサイト構築を考えているのですが、そのために「Dreamweaber」を購入しようか考えております。 (1)http://kenjasyukatsu.com/ (2)https://www.paypal.jp/jp/cp/ma/?kw=s10zQyNIA_dc;28271270645;875ux35878&mpch=ads&mplx=3484-121379-5044-0 Dreamweaverを使えば、下記のサイトを実現することは可能でしょうか。 それともHTML5、CSSの知識を学び、それを管理しやすくする、もしくは補助するためのものがDreamweaverと考えるべきなのでしょうか。 できたら(2)のようなサイトのように、グラフィックなサイトを目指しております。 昔、ホームページビルダーを購入しサイトを作成していたのですが、みるからに初心者のようなサイトになってしまい、上記のようなサイトをつくりたいと考えております。 抽象的な質問になり大変申し訳ありませんが、ご回答いただければ幸いです。

みんなの回答

noname#206842
noname#206842
回答No.2

どちらも同じようなものです。 オーサリングツールは、単なる補助ツールにすぎません! HTML5で記述するなら、まずは、html4.01の仕様書を熟読し、各要素の意味をしっかりと理解する必要があります。 htmlのできたいきさつ、情報の共有の意味、文章とデザインの分離⇒文章・デザイン・データの分離という考え方を、理解すれば、このようなツールは必要なくなるでしょう! どうしても必要なものは、テキストエディターということになるはずです。 htmlもcss、xmlもすべて、ただのテキストでしかない! 後は画像を編集するソフトが必要になります。 IllustratorとかPhotoshopかな?・・・ html5なら画像もsvgにすれば?・・・ 例に挙げられているサイトは、どちらも参考にする程度のものではないとおもえるが?・・・ http://www.htmllint.net/html-lint/htmllint.cgi などで、チェックをしてみると、よろしいかと・・・

参考URL:
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

すべてのオーサリングツールは >それともHTML5、CSSの知識を学び、それを管理しやすくする、もしくは補助するためのものがDreamweaverと考えるべきなのでしょうか。  です。HTMLやCSSの知識なしに出来るはずがない!!!。まっとうなツールでしたら、そんなこと一言も書かれていない(^^)。書いてあるとしたら、それだけでそのツールは怪しい。 >みるからに初心者のようなサイトになってしまい、  Dreamweaver使ったって同じ事です。デザインセンスは売ってない。  そもそも、最近のウェブページは ・HTMLで文書構造をマークアップ ・スタイルシートでプレゼンテーションを指定する  と完全に役割分担を求められます。そのためにHTML5では「文書をよりよく構造化するために、( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )」新しい要素が加わります。  これは、「 ⇒【問題2】文書内に埋め込まれた「意味」が不明確( http://www.atmarkit.co.jp/ait/articles/1008/30/news106_2.html )」にも通じる。  文書の内容を理解して、その文書を構成する要素に分解して、その要素を示す最適なタグでマークアップしていく作業はどんな高価なオーサリングツールでは出来ないです。  そしてスタイルシートでは、その文書構造に基づいて書いていきます。 section section {font-seze:0.95em;} section section section section {font-seze:1em;}  二つ目以降の本文(section)内の文字は少し小さくするが、3階層目以降はそれより小さくしない・・・なんてのはオーサリングツールでは不可能ですね。  可能かもしれないが、大変複雑な作業になる。HTML/CSSの知識+そのツールの使い方をマスターしなけりゃならない。テキストエディタのほうが楽。  HTML5は、それ以前のHTMLのように要素(タグ)をデザイン目的で使用する事はなくなりますから、すくなくともHMLの正確な知識は必要です。  それらのサイトは、単純にjqueryでスライドショーを実現してるだけです。  きちんとできたHTMLを提示されれたうえで、このようにデザインして欲しいと依頼されれば、テキストエディタでデザインしていくほうが、よっぽど早いでしょう。  そうでなければ、木に行ったデザインのテンプレートを引っ張ってきて書き直すしかない。---当然HTML/CSSの知識は必須    

関連するQ&A

  • ロールオーバー時に1pxずらしたい

    ボタンを、ロールオーバー時に1pxずらしたいのですが、 やり方がいまいちよく判りません。 下記サイトも見つけたのですが、cssがよく判らないので、 Dreamweaver上で、css以外でする方法はないでしょうか?? http://f32.aaa.livedoor.jp/~azusa/index.php?t=css&p=317#rollover4

  • ホームページ作成ソフト

    ホームページ作成ソフトについて質問があります。 WEBデザイナーの方は、なんでDreamweaverを使うのでしょうか。 HTMLなども管理が簡単になるからでしょうか。それとも記述ミスが探しやすくなるからでしょうか。 また下記のような立体的なサイトは、どういう言語が使われているのでしょうか。 https://www.paypal.jp/jp/home/ もし可能であれば、どの部分に、どの言語が使われているか、詳細に教えて頂けないでしょうか。 回答よろしくい願いいたします。

  • Dreamweaver CS4 おすすめの参考書について

    先日、Dreamweaver CS4を購入し、勉強を始めたばかりです。 今まではホームページビルダーを使っていたのですが、Dreamweaverはまったく未経験です。 そこでとりあえず参考書を購入しようと思うのですが、あまりに多すぎてどれが自分に適しているのかよく分かりません。 Dreamweaverを使ってやりたいことはサイトの再構築です。 現在はHTML 4.0+外部CSS、Shift_JISの構成になっているのをXHTML 1.0 strict+外部CSS、utf-8に変えたいと思っています。 Dreamweaverはとにかく機能が充実しているようですが、まず基本的なサイト作成の流れを習得したいと思っています。 そこで機能を細かく説明している本ではなくて、書いてあるとおりに進めていけば基本的なサイトを作成することができる、という感じの参考書を探しています。 このような参考書でおすすめのものがありましたら、教えて下さい。 よろしくお願いします。

  • CSSの無料サンプル探しています。

    友人にHP作成を頼まれました。 下記URLのサイトと同じような画面構成にして欲しいと頼まれました。 http://www.pasona.co.jp/ このサイトの構成(ページデザイン)と同じように出来る、無料でダウンロード出来るCSSのサンプルがありましたら教えて下さい。近いものでも結構です。 私のレベルはHTML・CSS基本知識がある程度です。 使用ソフトはDreamweaver 8です。 どうぞよろしくお願い致します。

    • ベストアンサー
    • HTML
  • グローバルメニュー プルダウン?化及びロールオーバー化

    はじめまして。誰か助けて下さい、今困っています(><) 初めての投稿ですのでもし、わかりづらい文章で不快な思いをさせてしまいましたらすいません。ですが皆さんの知識をお借りしたく質問させて貰いました。 質問の内容ですが、今サイトを作成している最中なのですがTOPメニューの作成でつまずいてしまいました。 DREAMWEABERで作成しているのですが、その中にある機能Spryメニューバーでそれらしいものは作成できるのですが私の作りたい物が出来ません(>_<) 参考イメージは下記のトヨタのサイトです。 http://toyota.jp/ このサイトのようにメニューにマウスを乗せたらbackground-imageも切り替わりつつ下にサブメニューがでるようにしたいのですが、 サイトが複雑&Javascriptが知識が非常に薄く理解出来ませんでした。CSSはレイアウトしたりするかじった程度です。 どなたか優しく教えて貰えると嬉しいです。あとコードも添えて貰えると非常に助かります。 ご無理を言って申し訳ないですがよろしくお願い致します。

  • SleipnirのプラグインSeaHorseのスピードダイアルスタイルシートiphoneについて

    タイトル通りなのですが、 SleipnirプラグインSeaHorseスクリプト、 speedDialのCSSについてですが、 以下サイト内にあるリンク先(iphoneスタイルシート) http://blog.dc-d.jp/?p=711 や http://antarespc.com/web-browser/sleipnir-speed-dial.html は、 何か怪しい雰囲気のサイトとなっていました。 Googleやyahooなどで検索したのですが、 CSSの「iphone 」というのが見つかりません。 speedDialのCSS(i-phone)を探しているのですが、 どこにあるのかご存じの方、 教えて下さい。 何卒、よろしくお願い申し上げます。 又、 タブブラウザ Sleipnir オンラインデータベース (http://www.sleipnir-wiki.jp/ ) が 「現在、http://www.sleipnir-wiki.jp/ につながりづらい状態になっておりますので、一時的に下記 URL をご利用ください」 と表示され、 昨日から一向に繋がりません。 どうなっているのかご存じでありましたら教えて下さい。

  • skypeのような段組み構成

    skypeのような段組み構成 Dreamweaver cs3を使用しています。 いまだcssをあまり理解していませんので、ほかのサイトのCSS段組みなどを 参考に勉強しています。 そこでお聞きしたいのですが、下記のSKYPEのような段組みがされたサイトを 構築したいと思っています。 参考となるようなページがないものか 検索しました。3カラムなどについてはかなりあるのですが、 しかしskypeのような段組み構成を紹介するサイトが見つかりませんでした。 http://www.skype.com/intl/ja/home ヘッタ―、またはその上のcssやフッターなどが横幅いっぱいに伸びるようなサイトの作り方、 またはそのような作りを紹介しているサイトがあればお教えください。

  • Dreamweaver CS3スーパーリファレンス買うべきか?

    Dreamweaver 2004をそのまま使っていました。 ずっとdreamweaverは趣味程度に使っていたのですが、今回、臨時で仕事が入り、今回CS3にアップデートしました。 最近のサイトのソースを見ると、テーブルタグなんか使ってなくて、CSSなんですね。 スタイルシートはブログなどでだいたいはわかってるつもりですが、今までテーブルタグを使ってデザイン組みしていたので、どう脱却していいのかわかりません。 図書館でDreamweaver8の参考書を入手したのですが、Dreamweaver CS3スーパーリファレンスがソーテック社から出版され、購入して勉強するべきか否か迷っています。 Dreamweaver8とDreamweaverCS3はかなり内容が異なっているのでしょうか? それとも、図書館で借りたDreamweaver8の参考書だけで事足りるものでしょうか? また、デザイン組みする際、テーブルタグから脱却してCSSを使ってデザインするためにおすすめの本はありますか? よろしくお願いします。

  • この表示はどういうタグ(もしくはCSS)を使えばいいんでしょうか

    こんばんは。 今、勉強をかねて実験的な簡易サイトを作っている者です。 http://art-beaute.mods.jp/web/work/company.html ↑ このサイトの向かって右の横端の ぼんやりとした黒い縦線を表示したいのですが 方法がわかりません。 どんなタグやCSSを入れれば表示されるでしょうか。 ちなみに使用ソフトは dreamweaver・photoshop・fireworksです。 HTMLとCSSは初心者ですが、基本の基本ならわかります。 どうかご教授お願いします。

    • ベストアンサー
    • HTML
  • Dreamweaverでぶらさがりメニューの作り方を教えてください

    Dreamweaverでホームページを作成しています。 最近、項目が増えてきたため、下記のような下にぶらさがるタイプのメニューをつくりたいとおもっています。 (このメニュー機能をなんて呼べばいいのか分からず、分かりづらい質問ですいません) たとえば、Dreamweaver公式サイト内の一番上のカテゴリ”ソリューション”にマウスを置いたら下にずらずらっと伸びるようなものを作りたいのです。 http://www.adobe.com/jp/products/dreamweaver/ 機能名がわからないため、Dreamweaverヘルプやネット検索もできなくて、よろしければお時間とらせてすいませんが ・このメニューのような機能は、なんてよべばいいのか? ・Dreamweaverで使用する場合は、ツールバーのどこから処理するのか? ・勉強になるサイトなど教えていただけたらとおもいます よろしくおねがいします

専門家に質問してみよう