Flasher -Flash/Web Design-

【レポート】「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っぽいデザインのサイトが作れるようになります。日々バージョンアップを続けていくので、使った感想を聞かせてほしいですね」と紹介した。

<広告>
Webデザイン制作,Flash制作｜リフォーム｜マンションリフォーム｜Ed Hardy(エドハーディー)｜外壁塗装｜不動産｜軽井沢不動産｜横須賀｜リフォーム 京都 大津市｜うなぎ｜東京 横浜 横須賀 中古マンションリフォーム｜Isar Getriebetechnik KG｜Special gears and gearboxes｜SE構法(工法)｜SEO対策｜ホームページ制作(作成)｜WEBデザイン,FLASH制作の簡単相互リンク｜最新SEO対策最適化ツールチェック(Yahoo,Google,Bing)｜定価制(定額制)リフォーム

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らしいデザイン”のページを手軽に作成できる。

<広告>
Webデザイン制作,Flash制作｜リフォーム｜マンションリフォーム｜Ed Hardy(エドハーディー)｜外壁塗装｜不動産｜軽井沢不動産｜横須賀｜リフォーム 京都 大津市｜うなぎ｜債務整理｜東京 横浜 横須賀 中古マンションリフォーム｜Isar Getriebetechnik KG｜Special gears and gearboxes｜SE構法(工法)｜債務整理 相談｜自己破産 相談｜SEO対策｜ホームページ制作(作成)｜WEBデザイン,FLASH制作の簡単相互リンク｜最新SEO対策最適化ツールチェック(Yahoo,Google,Bing)｜定価制(定額制)リフォーム

Adobe Dreamweaver CS5 HTML5 Pack Released - Adobe Labs

Adobe ® Dreamweaverの® CS5 HTML5のパック拡張機能。この拡張モジュールは、HTML5とはAdobe DreamweaverのCS5でCSS3のための初期サポートを提供し、簡単にHTML5のページとCSS3のスタイルを作成できます。

<広告>
Webデザイン制作,Flash制作｜リフォーム｜マンションリフォーム｜Ed Hardy(エドハーディー)｜外壁塗装｜不動産｜軽井沢不動産｜横須賀｜リフォーム 京都 大津市｜うなぎ｜債務整理｜東京 横浜 横須賀 中古マンションリフォーム｜Isar Getriebetechnik KG｜Special gears and gearboxes｜SE構法(工法)｜債務整理 相談｜自己破産 相談｜SEO対策｜ホームページ制作(作成)｜WEBデザイン,FLASH制作の簡単相互リンク｜最新SEO対策最適化ツールチェック(Yahoo,Google,Bing)｜定価制(定額制)リフォーム

【レポート】「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作成ツールとなった。

<広告>
Webデザイン制作,Flash制作｜リフォーム｜マンションリフォーム｜Ed Hardy(エドハーディー)｜外壁塗装｜不動産｜軽井沢不動産｜横須賀｜リフォーム 京都 大津市｜うなぎ｜債務整理｜東京 横浜 横須賀 中古マンションリフォーム｜Isar Getriebetechnik KG｜Special gears and gearboxes｜SE構法(工法)｜債務整理 相談｜自己破産 相談｜SEO対策｜ホームページ制作(作成)｜WEBデザイン,FLASH制作の簡単相互リンク｜最新SEO対策最適化ツールチェック(Yahoo,Google,Bing)｜定価制(定額制)リフォーム

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.

<広告>
Webデザイン制作,Flash制作｜リフォーム｜マンションリフォーム｜Ed Hardy(エドハーディー)｜外壁塗装｜不動産｜軽井沢不動産｜横須賀｜リフォーム 京都 大津市｜うなぎ｜債務整理｜東京 横浜 横須賀 中古マンションリフォーム｜Isar Getriebetechnik KG｜Special gears and gearboxes｜SE構法(工法)｜債務整理 相談｜自己破産 相談｜SEO対策｜ホームページ制作(作成)｜WEBデザイン,FLASH制作の簡単相互リンク｜最新SEO対策最適化ツールチェック(Yahoo,Google,Bing)｜定価制(定額制)リフォーム

テンプレート機能を使ってみよう　パート1：「編集可能領域」と「オプション領域」の使い方 | デベロッパーセンター

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

本連載では、2回にわたりテンプレート機能の使い方を解説します。まずは、基本となる「編集可能領域」と「オプション領域」の使い方です。

テンプレートを導入する前（記事を見ながらテンプレートの使い方を学べます）

<広告>
Webデザイン制作,Flash制作｜リフォーム｜マンションリフォーム｜Ed Hardy(エドハーディー)｜外壁塗装｜不動産｜軽井沢不動産｜横須賀｜リフォーム 京都 大津市｜うなぎ｜債務整理｜東京 横浜 横須賀 中古マンションリフォーム｜Isar Getriebetechnik KG｜Special gears and gearboxes｜SE構法(工法)｜債務整理 相談｜自己破産 相談｜SEO対策｜ホームページ制作(作成)｜WEBデザイン,FLASH制作の簡単相互リンク｜最新SEO対策最適化ツールチェック(Yahoo,Google,Bing)｜定価制(定額制)リフォーム

Adobe Edge: 2009年12月 ワンパクの「もっと使いこなしてみよう！Dreamweaver 第3回 蝶のように舞い、蜂のように刺せ、ショートカットキー！

株式会社ワンパクの近藤＆杉山の師弟コンビが 、Dreamweaver の覚えておきたい便利な機能や、見落としていた機能などをお届けする本連載。今回取り上げるのは「ショートカットキー」です。「ソースコードの操作」「ファイルの操作」「タグなどの編集」の3つに分類して紹介します。ショートカットキーを使いこなして、作業のスピードアップを目指しましょう。そして、「杉山のこれ知ってます？」のコーナーでは、

<広告>
Webデザイン制作,Flash制作｜リフォーム｜マンションリフォーム｜Ed Hardy(エドハーディー)｜外壁塗装｜不動産｜軽井沢不動産｜横須賀｜京都(大津)｜うなぎ｜債務整理｜東京 横浜 横須賀 中古マンションリフォーム｜Isar Getriebetechnik KG｜Special gears and gearboxes｜SE構法(工法)｜債務整理 相談｜自己破産 相談｜SEO対策｜ホームページ制作(作成)｜WEBデザイン,FLASH制作の簡単相互リンク｜最新SEO対策最適化ツールチェック(Yahoo,Google,Bing)

Dreamweaver で初めての CSS サイト作り

›April 04, 2009

「Dreamweaver CS4」の新機能をマスターする(後編)

「Dreamweaver CS4」の新機能をマスターする(前編)

›January 23, 2009

「Adobe Dreamweaver CS4」詳細レビュー -前編

›October 27, 2008

Using Subversion with Dreamweaver CS4 – Part 2: Configuring Dreamweaver to use Subversion

›August 18, 2008

Dreamweaver CS4 ベータ版　新機能プレビュー

›January 22, 2008

2/20 Adobe Dreamweaver CS3 10周年記念イベントを開催！

›September 02, 2007

同期の問題に関するトラブルシューティング（Dreamweaver 8/CS3）

›November 03, 2006

WebAssist.com、GoogleマップやCheckoutを組み込むDreamweaver用プラグインを公開

›August 02, 2006

Dreamweaver に関する Mac OS X のトラブルシューティング

Dreamweaver に関する Windows のトラブルシューティング

›July 03, 2006

Dreamweaver 8.0.2 で変換したアクティブコンテンツがブラウザに表示されない

›May 10, 2006

Dreamweaver 8.0.2 アップデータ

Dreamweaver 8.0.2 Updater

›March 31, 2006

Uninstalling Studio 8 applications on Windows

Dreamweaver on Macintosh hangs when printing code after updating to 8.0.1

›February 28, 2006

アクセシビリティチェック機能

Dreamweaver 8 と併用できるツールバー

Dreamweaver 8.0.1 アップデータ

アドビ システムズ、シックス・アパートと、ブログサイト構築用Dreamweaver 8.0.1 拡張機能 for Movable Type 3.2を発表

›February 12, 2006

RSS 自動生成ソフト Macromedia Dreamweaver 拡張機能RSS DreamFeeder（RSS ドリームフィーダー)

›February 09, 2006

標準Webデザイン講座 DREAMWEAVER 8

›January 17, 2006

『スタジオ8』の威力 (第3回) - ドリームウィーバー8

›January 13, 2006

Dreamweaver 8 と Contribute 3 の連携

›December 30, 2005

Dreamweaver 8 をインストール後、Internet Explorer で XML ファイルを開くことが出来ない。

『スタジオ8』の威力 (第1回) - 『スタジオ8』の威力

›November 28, 2005

Dreamweaver TechNote 外付けハードディスクにあるファイルを直接プレビューした場合エラーが発生する

Dreamweaver TechNote マニュアルの表記訂正について

›November 22, 2005

Dreamweaver TechNote Microsoft Word のテキストをコピーアンドペーストした場合、箇条書きの部分が段落番号に書き換えられてしまう

Dreamweaver TechNote ワードラップについて

Dreamweaber 8 で空要素のタグ表記が以前のバージョンと違う

Dreamweaver TechNote デザインビューで正常に表示が行われない

Dreamweaver TechNote 下マージンと右マージンの値が逆になってしまう

›November 11, 2005

Dreamweaver 8 の CSS 機能について

Dreamweaver 8 の XML および XSL 入門

›November 09, 2005

Dreamweaver TechNote プロパティが正常に表示されない

Dreamweaver TechNote FTP Passive モードを使用する

Dreamweaver TechNote XSLT フラグメントに対する CSS でのスタイル指定

›October 22, 2005

Dreamweaver を完全に削除する方法

›October 17, 2005

Dreamweaver TechNote ウィルス、セキュリティー対策のソフトウエアについて

Dreamweaver 8 新着問題

Dreamweaver TechNote 同じ行にある 2 つの折りたたまれたコード間のコードの編集時に [取り消し] を選択すると、コード部分が展開されたままになる

Dreamweaver TechNote [リファレンス] パネル内の内容を選択できない

Dreamweaver MX 2004 のヘルプを開くと、Dreamweaver 8 のヘルプページが開く

Dreamweaver TechNote XML データのビジュアルオーサリングに関する FAQ

Dreamweaver TechNote ブラウザで XSLT コンテンツを表示したときに XML データが表示されない

Dreamweaver TechNote [ワークスペースレイアウトの管理] パネルに何も表示されない理由

Dreamweaver TechNote スタイルレンダリングツールバーのボタンが 2つ足りない

Dreamweaver TechNote 背景や文字などに設定した色が反映されない

Dreamweaver TechNote ソースコード編集時のファイルバックアップについて

Dreamweaver TechNote CSSスタイルの設定が反映されない

FLVファイルのサイズを検出しない

Dreamweaver TechNote レイヤーや DIV タグを配置している場合に背景色が勝手に配色されたり、その配色が何度も変わったりする

›October 12, 2005

Dreamweaver 8 の新機能とメリット

マクロメディア、Macromedia Dreamweaver 8 日本語版を発売 Web サイトおよび Web アプリケーション構築の業界標準ツール

›August 25, 2005

Dreamweaver MX 2004 「環境設定」の初期設定値

›August 10, 2005

MACROMEDIA ANNOUNCES DREAMWEAVER 8

Buy a Dreamwaver 8 Upgrade, Get an ImpAKT License At No Cost

›July 11, 2005

Macromediaショーケースに「ロベルトカルロス日本公式サイト」が紹介

›July 06, 2005

Dreamweaver TechNote 代替テキストを入力する方法

›July 04, 2005

Dreamweaver iMode 拡張 MX 2004

›June 21, 2005

マクロメディア、Macromedia Dreamweaver MX 2004用「アクセシビリティ拡張機能JIS対応版」を提供

›June 14, 2005

マクロメディアとシックス・アパート、Dreamweaver拡張機能 for Movable Type 3を発表

›June 06, 2005

Macromedia Dreamweaver MX2004& よくわかるトレーニングテキスト

›May 15, 2005

Dreamweaver と Mac OS X 10.4 (Tiger) との互換性

›February 15, 2005

Dreamweaver Extension FZ Pack

Dreamweaver Extension FEX F-Cart Paypal for Dreamweaver, V1.5

Dreamweaver Extension Mindwire Gorgeous Glass Flash Buttons, V1.0

Dreamweaver Extension WebAssist.com Auto Spell Check, V1.0.3

Dreamweaver Extension Auto-Resizing Pop-up, V2.0.3

›February 14, 2005

これで完璧Dreamweaver MX 2004

›February 09, 2005

Dreamweaver MX 2004 & Fireworks MX 2004―For Windows & Macintosh Web制作演習 (08)

›December 23, 2004

Dreamweaver 記事LIFT for Macromedia Dreamweaver

›December 06, 2004

Dreamweaver PHP database と MySQL 4.1 の接続テストの際にエラーが発生する

Dreamweaver TechNote Flash テキストおよび Flash ボタンを挿入できない

›November 08, 2004

Dreamweaver逆引きクイックリファレンス―MX2004対応 for Windows&Macintosh

›October 20, 2004

Dreamweaver TechNote コマンドライン FTP でのトラブルシューティング

›October 17, 2004

Dreamweaver TechNote 最近使用したファイルをリストに表示させないようにする方法

›September 30, 2004

Dreamweaver TechNote 文字の間に複数のスペースを挿入するには

›September 28, 2004

速習WebデザインDREAMWEAVER MX2004―レッスン&レッツトライ形式で基本が身につく

速習WebデザインDREAMWEAVER MX2004―レッスン&レッツトライ形式で基本が身につく 境 祐司

Macromedia - DWTN : dw0471 - ドキュメントのサイズを変更する方法

Macromedia - DWTN : dw0470 - フレームを削除する方法

Dreamweaver では、フレームセットの作成と編集を容易に行なうことができます。

Macromedia - DWTN : dw0469 - Mac OS X 10.3.5 にアップデートするとDreamweaver から Flash が立ち上がらない

Macromedia - DWTN : dw0468 - Dreamweaver MX 2004 でのエンコーディング設定について

Macromedia - DWTN : dw0465 - Dreamweaver と Windows XP Service Pack 2 について

Macromedia - DWTN : dw0467 - CSSでの a:hover の設定方法

Macromedia - DWTN : dw0466 - Dreamweaver に Fireworks HTML を挿入すると、JavaScript エラーが発生する

wise.com BAKU

フォルダをBAKUにセットすると、フォルダ内の
以下のデータ、HTMLタグを一気に食べ尽くします。
Dreamweaver以外でFTPする時やクライアントへの
ファイル納品時などにお使いいただくと便利です。

■削除されるファイル一覧
・「._」から始まる不可視ファイル
・「.DS_Store」、「Thumbs.db」、「Icon」
・「.lck」の拡張子ファイル
・「TMP」から始まるHTMLファイル
・「Library」「Templates」「_mm」ディレクトリ
・「_notes」「_baks」ディレクトリ

■削除されるHTMLタグ一覧
・DreamweaverのLibraryマークアップ
・DreamweaverのTemplatesマークアップ
・DOCTYPE宣言
・Fireworksrのテーブルコメント

Macromedia - デベロッパーセンター : Dreamweaver MX 2004 PHP MySQL で作る blog

Macromedia : 『LIFT for Macromedia Dreamweaver』アクセシビリティ 無償オンラインセミナー
2004年7月9日（金） 15時 ～ 16時10分
30名 （先着順）
無料 ( 事前登録制 )

Dreamweaver MX 2004 Commercial

Macromedia - プレスルーム : プレスリリース - 日本電子専門学校、WebサイトのリニューアルにMacromedia Dreamweaver MX 2004を採用 CSSを活用したサイトの最適化を実現

Macromedia - DWTN : dw0464 - Dreamweaver MX 2004 のアップデータが途中でエラーになる。

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によって提唱されている。画像や音声などには代替テキストによる注釈をつける、すべての要素をキーボードで指定できるようにする、情報内容と構造、および表現を分離できるようにするなどの方針が定められている。

EmEditor - テキストエディタ

構文ファイルを追加すれば、ActionScriptにも対応。
HTMLのタグ入力においても優れていますので、Web制作時に重宝します。
尚、他のプログラム言語にも対応できます。

Dreamweaver MX 2004 用アップデータ