Webページ制作の効率をUPするためのカスタマイズ | デベロッパーセンター
Dreamweaverをカスタマイズするには、環境設定を変更したり、エクステンション（機能拡張）をインストールするといった方法がよく知られていますが、Dreamweaver自体の構成ファイルを編集することでカスタマイズする方法もあります。Dreamweaver自体を構成するファイルはXML、CSS、JavaScriptが多用されており、これらを編集することで機能の追加やUIの変更といったカスタマイズが可能です。Dreamweaverを利用する人にとってはこれらのコードは読みやすく編集しやすいでしょう。ここでは特にWebページ制作の効率を向上させることができるであろうカスタマイズを3例ご紹介します。 なお、記事内に登場するConfigurationフォルダは記事末尾の「各プラットフォームのConfigurationフォルダの場所について」にてご紹介しています。カスタマイズ前には念のため、"必
Movable TypeのテンプレートをDreamweaverで効率よく作成する | デベロッパーセンター
Web サイトのコンテンツ管理システム（CMS）である「Movable Type（以下 MT）」は、多くの企業サイトへ導入されています。今やMT を Web サイトへ組み込むテクニックは、Web 制作に従事する者にとって必要な知識といえます。その中でも、ページデザインを指定する MT テンプレートのカスタマイズは特に重要な作業です。本記事では、Dreamweaver を使って効率よくオリジナルの MT テンプレートをコーディングする方法を紹介します。 MT テンプレートは、雛形となる Web ページを用意し、そこにMTシステムに登録したデータを出力するための MT 独自のタグ（以下 MTML ）を埋め込む方法で作成します。そのため、普段ページ制作で使用している Dreamweaver でのコーディング環境をそのまま生かして作業することができます。また、MTML を扱うための Dreamwe
可変グリッドレイアウトで実現するレスポンシブWebデザイン（後編） | ADC - Adobe Developer Connection
Dreamweaver CS6 では、 デスクトップやスマートフォン、タブレットなど様々な画面サイズに適したコンテンツレイアウトを実現するための「可変グリッドレイアウト」機能は、「レス ポンシブWebデザイン」といわれる、CSS3の Media Queries を使用してワンソースでマルチデバイス対応させる振り分け方法を容易に実装するための機能です。 前編では、この「可変グリッドレイアウト」機能を利用して、実際に3つのデバイスでレイアウトが可変する大枠のHTMLまでを準備しました。 後編では、以下の様な作例のデザインを元にして、実際の細かい部分のコーディングにあたってのTipsや注意点を紹介いたします。 ※このサンプルサイトは本記事用に作成した架空のサイトであり、公式のページではありません。 モバイル→タブレット→デスクトップというCSSの継承順序と Media Queries まず、前編
Adobe - Adobe Creative Suite 4 Webエディション
生成AIでコンテンツを制作するAdobe Fireflyで、想像力の赴くままにクリエイティブを創造できます。
Adobe - デベロッパーセンター : Matrixクラス － 変換行列
図001■変換行列のシミュレーション SWFを開いて、「Matrix」または「Rotate」のラジオボタンを選択したうえで、UIのボタンを操作するかテキストボックスに数値を入力する。 それでは、Matricクラスで変換行列を作成して、インスタンスに適用してみましょう。その手順は、つぎのとおりです。 【Matrixクラスで変換行列を作成してインスタンスに適用する手順】 new Matrix()でコンストラクタを呼出して、Matrixインスタンスを生成する。 Matrixインスタンスの前述6つのプロパティ(a、b、c、d、tx、ty)に、変換のための値を設定する。 Matrixインスタンスを、変換対象のインスタンスのtransform.matrixプロパティに設定する。 たとえば、タイムラインにMovieClipインスタンスmy_mcを配置したとします。そのインスタンスの幅を2倍、高さは1.5
Adobe - アップグレードポリシー変更について
アドビ製品をご利用いただき、ありがとうございます。 2007年5月8日に発表いたしましたAdobe Creative Suite 3および各CS3関連製品より、アップグレードポリシーを改定させていただくこととなりました。Adobe Creative Suite 3および各CS3関連製品のアップグレードの対象は、それぞれ過去主要3バージョンまでとなります。それ以前のバージョンをお持ちのお客様に関してはアップグレード対象外となり、通常の製品版をご購入いただくことになりますので、何卒ご理解の程、よろしくお願い申し上げます。 対象となる製品、バージョン等については、下記のFAQをご覧いただきますよう、お願い申し上げます。 アップグレードポリシー改定に関するFAQ Q: 新しいアップグレードポリシーはどのバージョンから適用されますか？ A: Adoobe Creative Suite 3
スマートフォン時代のWebサイト制作 第1回 スマートフォン対応の重要性とその方法 | デベロッパーセンター
iPhoneに始まり、さらにここ数年で様々なAndroidケータイが登場し、日本でもスマートフォンが普及し始めています。それにともない、企業サイトやECサイトを、スマートフォンブラウザーで利用するユーザが着実に増えてきています。世界規模でいえば、2012年頃にはスマートフォンの販売台数がPCを超えるという予測もあります（ITU, Mark Lipacis, Morgan Stanley Research.2009 資料PDF ）。これはビジネス的に考えて、「まだ様子を見て、対応しなくてもよい」とはいえない状況でしょう。そこで、本連載では「スマートフォン時代のWebサイト制作」をテーマに、スマートフォン対応に必要となる考え方、Dreamweaverを使ったスマートフォン対応のテクニックなどを解説していきます。第1回目となる今回は、スマートフォン対応サイトを制作する前段階について考えてみましょ
Dreamweaver CS5とWordPressを連携させる方法 | デベロッパーセンター
世界でトップクラスのシェアを誇るCMS（コンテンツ管理システム）である「WordPress」が、最近日本でも注目されてきています。WordPressはオープンソースのCMSで、商用であっても無料で利用することができます。CMSとして無限の可能性を秘めたWordPressを利用することは、Dreamweaverを利用する上でも大きなメリットになり得るでしょう。本記事では、Dreamweaver CS5の新機能を活用してWordPressと連携させる方法について解説します。 作業前の準備 ローカルサーバーの構築 WordPressとの連携作業でライブビューや関連ファイルの参照など、CS5の新機能を活用するには、ローカル環境にWebサーバーを構築してそこにWordPressをインストールする必要があります。 統合パッケージ（無料）を利用すれば、簡単にローカル環境にWebサーバーを構築することがで
HTML5&CSS3入門 with HTML5 パック 1回目 HTML5のベースと文章マークアップ | デベロッパーセンター
本連載では、Webデザイナーに向けて、HTML5／CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主な HTML5／CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとして「HTML5 Pack for Dreamweaver CS5」を使用します（詳しくは、「HTML5 Pack for Dreamweaver CS5 の使い方」をご覧ください）。 ※HTML5とCSS3は現在策定中の仕様です。本連載は執筆時点の仕様内容にもとづいており、正式に勧告されるまでに変更されることもあり得ます。 さっそく、Dreamweaver CS5を用いて HTML5を用いてWebページを作ってみましょう。 HTML5文書を作成する Dreamweaver CS5では新規ファイルを作成
Flash Lite入門講座 第1回 日本のFlashLiteの仕様 | デベロッパーセンター
はじめに このアドビデベロッパーセンターを見ている方は、PCでのFlash開発は慣れていると思いますが、「携帯Flashは制限が多くて作りにくい」というイメージを持っているのではないでしょうか？ 本連載では、そうした方々に向けて、日本での携帯Flashコンテンツ開発について解説していきます。第1回目は、ざっくりとしたFlash Lite制作ガイドラインを記していきたいと思います。 日本では勝手が違う Flash Lite開発環境 「Flash Lite」とはモバイル用のFlash Playerのことで、これまでにバージョン1～３がリリースされています。Flash Liteの各バージョンは、PC向けFlash Playerのバージョンと比較すると、以下の関係となります。ただし、該当するFlash Playerバージョンの全機能をサポートしているわけではありません。 Flash Lite
Adobe - デベロッパーセンター : これからはじめるRIAとFlexプログラミング 第1回）RIAの基本とFlexの優位点
Webシステム開発株式会社 宮田亮氏 http://www.websysd.com/ 作成日:2009年3月10日 ユーザレベル:初心者, 中級 製品:Flex はじめに FlexとRIAに関する基本知識から開発方法の基礎を習得していただくことを目的とする連載です。対象とする読者は次のような方です。 デザイナーでFlex、RIAの概要や開発方法を知りたい方 PHP、Perl、J2EEなどのWebアプリ開発者でFlex開発に興味がある方 FlashやDreamweaverでサイト構築をしている方でFlex開発に興味がある方 つまり、プログラミングの経験を問わず、RIAの概念、Flexの基本を理解したうえで、シンプルなFlexアプリケーションを作成できることを目標とします。 第1回目はRIA（Rich Internet Application）の基本概念、および既存のWebアプリケーション
Adobe - デベロッパーセンター : いま求められるCSSデザインを考えてDreamweaver CS3を活用する
益子貴寛（Takahiro Mashiko） 株式会社サイバーガーデン 目次 はじめに 日本語フォント名の「英・和」指定 ブラウザの動向とCSSハック 印刷用に表示 作成日:2008年2月8日 ユーザレベル:中級 製品:Dremweaver CS3 この記事では、リセットスタイルやセッティング、CSSハックなどの手法をご紹介し、Adobe® Dreamweaver® CS3をつかったWebサイト制作に活かす方法を解説します。 必要ソフトウェア この記事では、以下のソフトウェアを使用しています。 体験版 購入 CSS2.1プラスアルファの時代に Webクリエイターにとって、「CSS」イコール「CSS2.1」というのが当たり前になってしばらくたちます。W3Cから2007年10月に公開された草案「CSS Snapshot 2007」でも、「CSSといえばCSS2.1を意味する」と明確に述べられ
Adobe - デベロッパーセンター : CSSでのフォント指定について
鷹野雅弘（Masahiro Takano） 株式会社スイッチ 目次 フォント指定 MACに「ＭＳ Ｐゴシック」？ ここまでのまとめ フォントサイズ 印刷用に表示 作成日:2008年2月7日 ユーザレベル:初心者, 中級 製品:Dreamweaver CS3 この記事では、Adobe® Dreamweaver® CS3を使ってフォントやフォントサイズの指定を行う方法と、OS/ブラウザでの対応についての実験をご紹介します。 必要ソフトウェア この記事では、以下のソフトウェアを使用しています。 Dreamweaver CS3 体験版 購入 Dreamweaverで、CSSを使ってフォント指定を行う際、迷わず「ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3」を指定している方が多いのではないかと思います。 これは「ＭＳ Ｐゴシック」がなかったら「Osaka」、「Osaka」がなかった
Adobe - デベロッパーセンター : デザインビューの活用
神森 勉氏 アンカーテクノロジー株式会社 ソリューション推進部 QA エンジニア／ エキスパート 目次 はじめに Wordデータの活用 テキストデータの活用 WYSIWYG環境でXSLT作成 印刷用に表示 作成日:2008年２月22日 ユーザレベル:初心者 製品:Dreamweaver CS3 はじめに Dreamweaverは、デザインビューとコードビューという2つの顔を持っています。デザインビューはWYSIWYGベースでページ制作を行うことができ、コードビューはソースコードを直接書きながらページ制作を行うことができるものです。Web制作者は、ソースコードを中心に書くことが多く、比較的多くの方がこちらをメインで使われていると思います。反対に、デザインビューは、ソースコードを意識しないという利点があるものの、Web制作のプロの目からはどうしても初心者的な感じを受けることが多いところで
Adobe - デベロッパーセンター : Dreamweaver使いのための「生活に役立つ小ネタ集」
林 岳里（はやし たけさと） アドビ システムズ株式会社 ビジネスデベロップメントマネージャー 作成日:2008年３月19日 ユーザレベル:初心者, 中級 製品:Dreamweaver CS3 はじめに Dreamweaverを長年使っている方でも意外と知らないまま過ごしている機能があります。その機能を知らなくても自力で解決できるかもしれませんが、もし知っていたらどうでしょうか？なんども検索/置換を繰り返すことや、数多くあるHTMLファイルのコードを手作業でフォーマットする面倒な作業から解放され、他の作業に時間を割けるようになります。Dreamweaver使いのための「生活に役立つ小ネタ集」と題して、コードのフォーマット、検索/置換、正規表現を解説します。なお、[検索および置換]で行う設定はクエリーの保存/ロードで読み書きできます。サンプルに同梱している拡張子.dwrのクエリーファイル
Adobe : EDGE Now! ウェブの今、更新中。
ウェブ・ポータルサイト、EDGE Now!は、2009年9月1日よりシステムのリニューアル作業に入るため、しばらくの間すべての機能を停止いたします。 8月31日をもって、機能を一時停止するもの EDGE Now!における全てのコンテンツ（ブロガーランキングや、ブログ記事の反映も停止いたします） ADOBE EDGE Now! Bookmarker EDGE Now!ブログパーツ ブログ記事の反映について 現在、ブログ記事をEDGE Now!に反映する際、カテゴリの指定やタイトル、URLの表記といったブログの書き方についてのお願いをしておりますが、8月31日をもって、しばらくの間、反映されなくなりますのでご了承ください。 再開について システムのリニューアル作業が終了し、EDGE Now!が再開した際には、登録ブロガーの方に、メールでお知らせいたします。 登録ブロガーの方のみならず、参考サイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe After Effects Tutorials
Adobe - ADOBE CREATIVE SUITE 4 DESIGN EDITION