Dreamweaverへのインストール | Zen Coding 2-1 | Web担当者Forum
ネットで話題の"究極の超速コーディング"がだれでもマスターできる!
この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。
Dreamweaverは、Adobe CSの統合パッケージにも含まれているAdobe社のWindows/MacOS用のWebオーサリングツールです。Web制作のプロをはじめ、多くのユーザーに利用されています。
Dreamweaver(Windows/MacOS)用のエクステンションは、Zen Codingの公式サイトで配布されています。Windows用もMacOS用も、同じファイルが使えます。
ダウンロードした配布ファイルを解凍してできた「Zen Coding v.*.*.mxp」(*にはバージョン名の数字が入る)をダブルクリックすると、Extension Managerが起動するので、メッセージにしたがってインストールします。
Dreamweaver CS4以上の場合は、インストール後Dreamweaverを再起動すると、そのままZen Codingが使えるようになります。
CS3以下のバージョンでは、別途修正ファイルを上書きする必要があります。「Dreamweaver CS3以下への修正ファイルのインストール」手順を参照して、上書きしてください。
「Dreamweaver」による効率的なWebサイトデザイン術を解説した書籍が発売 | クリエイティブ | マイコミジャーナル
毎日コミュニケーションズは、Webサイト制作の効率アップ、スピードアップが図れる「Dreamweaver」の便利なテクニックを解説した書籍「Web制作が3倍早くなる! Dreamweaver効率的サイトデザイン術 215[CS3/CS4/CS5対応]」を発売した。定価は2,709円
DreamweaverはWeb制作に欠かせないアプリケーションだが、搭載されている機能が多く、初期の設定では隠されているものもあるため、十分に使いこなすのは難しい。しかし、その使い方を詳しく知れば、作業時間を短縮し、効率アップを図ることができる。同書では、「制作環境」、「ドキュメント制作」、「CSSコーディング」、「コード編集」、「コンテンツ制作」、「効率アップ」、「サイト管理&更新」の7つの章に分けて、スピードアップ、効率アップのために知っておきたい機能を厳選して収録している。
各項目は、目的から知りたい内容を探せるように作られており、単なるソフトの機能・使用法紹介ではなく、実用ニーズに沿ったものとなっている。また、次世代仕様の「HTML5+CSS」への対応方法や、便利な拡張機能に関してもフォローされている
Movable TypeのテンプレートをDreamweaverで効率よく作成する | デベロッパーセンター
Web サイトのコンテンツ管理システム(CMS)である「Movable Type(以下 MT)」は、多くの企業サイトへ導入されています。今やMT を Web サイトへ組み込むテクニックは、Web 制作に従事する者にとって必要な知識といえます。その中でも、ページデザインを指定する MT テンプレートのカスタマイズは特に重要な作業です。本記事では、Dreamweaver を使って効率よくオリジナルの MT テンプレートをコーディングする方法を紹介します。
MT テンプレートは、雛形となる Web ページを用意し、そこにMTシステムに登録したデータを出力するための MT 独自のタグ(以下 MTML )を埋め込む方法で作成します。そのため、普段ページ制作で使用している Dreamweaver でのコーディング環境をそのまま生かして作業することができます。また、MTML を扱うための Dreamweaver 拡張機能や、CS5 で導入された新しいライブビューを使うことでより効率がアップします。
Adobe Labs - Downloads: Adobe Dreamweaver Widget Browser
Adobe® Dreamweaver® Widget Browser is an application built on Adobe AIR® that helps users visually browse and configure a variety of user-submitted widgets. The Widget Browser provides a way to configure JavaScript and CSS properties of these widgets through a dynamically generated user interface. It also allows users to create and save their own configurations of the widgets. While the Widget Browser works independently of any Adobe software tool, users of Adobe Dreamweaver CS5 will be able to insert these widgets in their webpages.
HTML5/CSS3 特設サイト- AdobeΠDreamweaverΠCS5 | Adobe - 日本
HTML5/CSS3を始めるなら Dreamweaver CS5
2010 年 5 月、アドビの最高技術責任者ケビン・リンチは最高の HTML5 開発環境を提供する意向を表明、その第 1 弾として HTML5 Pack for Dreamweaver CS5を紹介しました。同年 9 月に公開された Dreamweaver CS5 アップデートでは、HTML5 Pack を Dreamweaver CS5 に統合、正式に HTML5 / CSS3 を利用した Web制作ワークフローがサポートされました。
当サイトは、マルチデバイス向け Web 制作が求められるこれからの時代に役立つ情報、そして HTML5 / CSS3 開発を支援する Dreamweaver CS5 の機能を積極的に紹介していきます。当サイト自体も、ページの表示幅に応じてレイアウトが変わる HTML5 / CSS3 のサンプルとして用意されており、サイトのソースはページ内リンクからダウンロード可能です。Dreamweaver CS5 の新しい機能と共に、HTML5 / CSS3 の学習にご活用ください。
「Dreamweaver CS5」の基本操作やTipsをわかりやすく解説したDVDが登場 | クリエイティブ | マイコミジャーナル
ウォンツは、「Dreamweaver CS5」のハウツーを収録したDVD教材「Dreamweaver CS4/CS5 DVD講座」講座を9月2日に発売する。
同製品は、学習者のレベルに応じて、「必修編」と「実用編」というラインナップに分かれて提供されるとのこと。「必修編」では、 Dreamweaverをこれから使用する初心者を対象に、基本操作や使用頻度が高い機能を中心に、ソフトの使い方を解説。「実用編」では、 Dreamweaverの基本操作を習得している初級者以上を対象に、プロの現場で使われるテクニックや、様々なTipsが学習できるとのこと。
「Dreamweaver CS4/CS5 DVD講座 必修編」(オープンプライス Web直販価格 1万5,200円)、及び「Dreamweaver CS4/CS5 :DVD講座 実用編 第1講~第3講」(オープンプライス Web直販価格 各3,800円)は9月2日発売。
【レポート】「Dreamweaver CS5」でiPhoneサイトを作るテクニックを伝授(後編) | クリエイティブ | マイコミジャーナル
アドビの期間限定ギャラリー「station 5」にて、「Dreamweaver CS5」によるiPhoneサイト制作に関するセミナーが開催された。セミナーでは、iPhoneサイト制作のための様々なテクニックが解説された。
セミナー前半の伊藤学氏に続いて登場したたにぐちまこと氏は、バージョン8からずっと「Dreamweaver」を使い続けているWeb制作者&プログラマー。トークのテーマは「『Dreamweaver CS5』の便利な使い方」について。たにぐち氏は、ヘビーユーザーならではの様々な技を紹介してくれた。
たにぐち氏は、アドビと協力して開発した機能拡張パック「iPhone site extension for Dreamweaver CS4/CS5」を2010年5月に無償で公開した。この拡張パックをインストールすると、新規ドキュメントの作成で「iPhone用アプリ」と「iPhone用ページ」のテンプレートを選べるようになる。拡張パックにはあらかじめさまざまなCSSが入っているので、すぐにiPhoneアプリのようなデザインを作れるのだと言う。また、Dreamweaverの「挿入バー」には新たな項目「iPhone」が追加され、「見出し」や「地図リンク」、「iTunesリンク」などを簡単に作成可能。たにぐち氏は「これを導入すれば誰にでも簡単にiPhoneっぽいデザインのサイトが作れるようになります。日々バージョンアップを続けていくので、使った感想を聞かせてほしいですね」と紹介した。
ASCII.jp:iPhoneサイトを無料作成!Dreamweaver拡張機能が登場
使い慣れたDreamweaverで、iPhone用のWebサイトを作りたい。そんなWeb制作者の声に応えるエクステンション(拡張機能)「iPhone site extension for Dreamweaver CS4/5」が登場した。利用は無料で、開発元のエイチツーオー・スペースのWebサイトからダウンロードできる。
エイチツーオー・スペースが配布を開始した「iPhone site extension for Dreamweaver CS4/5」のダウンロードページ
iPhone site extensionは、アドビ システムズのHTML/CSSオーサリングツール「Dreamweaver」にiPhone用Webサイトの作成支援機能を追加するエクステンション。 iPhone site extensionをDreamweaver CS4/CS5にインストールすると、新規作成メニューから「iPhone 用ページ」「iPhone用Webアプリ」の2種類のHTML/CSSテンプレートが選択できるようになる。各テンプレートには、アップルのデザインガイドラインに沿って定義された見出しやリストなどのスタイルシートが含まれており、スタイルを適用するだけで“iPhoneらしいデザイン”のページを手軽に作成できる。
Adobe Dreamweaver CS5 HTML5 Pack Released - Adobe Labs
Adobe ® Dreamweaverの® CS5 HTML5のパック拡張機能。この拡張モジュールは、HTML5とはAdobe DreamweaverのCS5でCSS3のための初期サポートを提供し、簡単にHTML5のページとCSS3のスタイルを作成できます。
【レポート】「Dreamweaver CS5」のWebデザインに使える新機能をアドビがセミナーで紹介 | クリエイティブ | マイコミジャーナル
5月28日に発売予定の「Adobe CS5」。そのなかでも、Web制作のための重要なツール「Dreamweaver CS5」の新機能紹介セミナーが、東京 表参道のギャラリー ststion 5にて開催された。セミナーには、米アドビ システムズ Webセグメント グループプロダクトマネージャーのデヴィン・フェルナンデス氏と、米アドビ システムズ クリエイティブソリューション部門 プロダクトマネージャー 森房卓史氏が登場した。
昨今のCMS事情にも完全対応
セミナーでは世界中に多くのユーザーがいる「WordPress」を使い、ダイナミックなCMSサイトを構築するデモンストレーションが行なわれた。フェルナンデス氏は、「昨今のCMSは構造が複雑になってきている。何層にもインクルードされて、ひとつのサイト内にいくつものファイルが使われている」と語る。このようなサイトを編集する場合、目的のファイルを探すだけ負担がかかる。ちなみに、デモで使用したCMSは、計67種類のファイルによって構成されていた。今回発表されたDreamweaver CS5では、このように複雑なサイトでも、関連するファイルをすべて表示してくれる。画面上の「ダイナミック関連ファイル」と書かれたボタンをクリックするだけで、画面上部の「関連ファイルバー」に大量のファイルが表示される。「Dreamweaver CS4」でも2階層までは参照できたが、最近のCMSに対しては不十分だったようだ。これがDreamweaver CS5では改善され、より使いやすいWeb作成ツールとなった。
Introducing Dreamweaver CS5 | Adobe Developer Connection
Web design and development moves at an insanely fast pace. To keep on top of this quickly changing landscape, we get out on the road each product cycle and visit both Dreamweaver customers and web designers/developers—there's nothing like getting in front of real people and talking about the real problems we face day in and day out. You learn a lot of small things this way that you wouldn't have found out otherwise–and it's safe to say that through this process we've learned a lot since Dreamweaver CS4 was launched 18 months ago.
First off, designing with CSS still presented challenges for both hand coders and visual designers–the inconsistent rendering of modern web browsers being one large hurdle every web designer faces, and the constant round-tripping between an editor and a browser in order to see dynamic site and application interfaces in context led to kludgy and patched-together workflows. Although the Dreamweaver CS4 Live View feature provided a much more consistent view of one's design, the CSS box model was still a challenge to work with visually, let alone deliver with visual consistency to all of today's popular browsers. Given all of this feedback, we knew right away there was still work to be done in this area for Dreamweaver CS5.
テンプレート機能を使ってみよう パート1:「編集可能領域」と「オプション領域」の使い方 | デベロッパーセンター
Dreamweaverには、Webサイト内で共通する部分(ヘッダやフッタ、サイドバーなど)を1つのファイルでまとめて管理することができる「テンプレート機能」が備わっています。テンプレート機能を使えば、数十~数百ページ規模のWebサイトでも、1つのファイルを編集するだけで全てのページに対して修正や追加を行うことができます。また、テンプレート機能を利用する上で、CMSやSSI(サーバサイドインクルード)、PHPなどのようにサーバ側の機能が一切必要ないため、サーバ環境に左右されずに利用できることも特徴です。
本連載では、2回にわたりテンプレート機能の使い方を解説します。まずは、基本となる「編集可能領域」と「オプション領域」の使い方です。
テンプレートを導入する前(記事を見ながらテンプレートの使い方を学べます)
Adobe Edge: 2009年12月 ワンパクの「もっと使いこなしてみよう!Dreamweaver 第3回 蝶のように舞い、蜂のように刺せ、ショートカットキー!
株式会社ワンパクの近藤&杉山の師弟コンビが 、Dreamweaver の覚えておきたい便利な機能や、見落としていた機能などをお届けする本連載。今回取り上げるのは「ショートカットキー」です。「ソースコードの操作」「ファイルの操作」「タグなどの編集」の3つに分類して紹介します。ショートカットキーを使いこなして、作業のスピードアップを目指しましょう。そして、「杉山のこれ知ってます?」のコーナーでは、
| Dreamweaver MX 2004 Bible Joseph Lowery |
|
|
Dreamweaver効率的サイトデザイン術―!-サイト制作作業を効率化するDreamweaver&Fireworks活用テク 茂木 葉子 |
|
|
Dreamweaver MX 2004 Commercial |
|
|
Fireworks MX 2004 Commercial |
Macromedia : 『LIFT for Macromedia Dreamweaver』アクセシビリティ 無償オンラインセミナー
2004年7月9日(金) 15時 ~ 16時10分
30名 (先着順)
無料 ( 事前登録制 )
|
|
Dreamweaver MX 2004 Commercial |
Dreamweaver TechNote
Macromedia - DWTN : dw0463 - Dreamweaver の起動に時間がかかる
Dreamweaver を起動するのに、何分も時間がかかる。
Dreamweaver TechNote
Macromedia - DWTN : dw0462 - ウィンドウ内の項目名が表示されない
Dreamweaver MX 2004 にて、プロパティウィンドウやダイアログウィンドウ内の項目名が表示されなくなるという現象
ソシオメディア:アクセシビリティ・ツール「LIFT 2.1」
「LIFT for Macromedia Dreamweaver 2.1 日本語版」は、ウェブ制作・運営現場におけるアクセシビリティ・ガイドラインに対応したウェブ・コンテンツの制作をサポートするソフトウェアです。
アクセシビリティ 【accessibility】
Webページについての「利用のしやすさ」を「Webアクセシビリティ」という。これについては「WCAG」(Web Content Accessibility Guidelines)という指針がW3Cによって提唱されている。画像や音声などには代替テキストによる注釈をつける、すべての要素をキーボードで指定できるようにする、情報内容と構造、および表現を分離できるようにするなどの方針が定められている。
構文ファイルを追加すれば、ActionScriptにも対応。
HTMLのタグ入力においても優れていますので、Web制作時に重宝します。
尚、他のプログラム言語にも対応できます。