Adobe - デベロッパーセンター : クロスクライアントHTMLメールの作成
HTMLメールは、Webデザイナーにとって特別な困難を引き起こします。Web標準になじんだ世代のデザイナーにとっては、特にそうです。 CSSベースのレイアウトで、外部スタイルシートを正しく使ってメールを送れば、当然うまくいくだろうと思うのが普通です。しかし、受け取った側がそのメールを開いてみると、作成者の意図とは似ても似つかない乱れたデザインが表示されることは珍しくありません。 ブラウザ戦争はかなり昔に決着が付き、淘汰によって生き残った少数のブラウザはおおむね互換性がありますが、電子メールクライアントの分野ではまだ混乱が続いています。それどころか、デザインに関する状況は近年むしろ悪化しています。MicrosoftがOutlook 2003をOutlook 2007に置き換えたときに、Microsoft Word HTMLレンダラが新たに採用されました。これは、従来のエンジンに比べてCSSへ
Macromedia - Dreamweaver ドキュメント : Configuration フォルダ
Configuration フォルダ 多くの Dreamweaver MX 機能は、JavaScript および HTML で開発された拡張機能ファイルです。Configuration フォルダには、これらの拡張機能ファイルが含まれます。Dreamweaver 製品をカスタマイズまたは拡張する場合は、拡張機能ファイルを変更するか、またはコードソースファイルを Configuration フォルダに追加します。これらのフォルダについて知ることにより、拡張機能のインターフェイスと各拡張機能タイプの作業例について理解することができます。 警告 : Configuration フォルダ内のファイルは、Dreamweaver 製品の重要な部分を構成しています。Dreamweaver のカスタマイズおよび拡張方法について詳しくない場合は、これらのファイルを変更、削除、または追加しないでください。Dre
Webページ制作の効率をUPするためのカスタマイズ | デベロッパーセンター
Dreamweaverをカスタマイズするには、環境設定を変更したり、エクステンション（機能拡張）をインストールするといった方法がよく知られていますが、Dreamweaver自体の構成ファイルを編集することでカスタマイズする方法もあります。Dreamweaver自体を構成するファイルはXML、CSS、JavaScriptが多用されており、これらを編集することで機能の追加やUIの変更といったカスタマイズが可能です。Dreamweaverを利用する人にとってはこれらのコードは読みやすく編集しやすいでしょう。ここでは特にWebページ制作の効率を向上させることができるであろうカスタマイズを3例ご紹介します。 なお、記事内に登場するConfigurationフォルダは記事末尾の「各プラットフォームのConfigurationフォルダの場所について」にてご紹介しています。カスタマイズ前には念のため、"必
Adobe Systems アイコン
An Adobe product icon (or logo or signature) is a design or image that is associated with and identifies a specific Adobe product or service. As a typically thumbnail size image, a product icon may indicate that an Adobe product has been installed on your computer or other device. Generally, when you click on a product icon in your computer’s Dock or Start menu or on your device screen, the relate
Adobe - デベロッパーセンター : サッポロビールにおけるテンプレート活用事例
サッポロビールWebサイトのDreamweaverテンプレートはこうなっている デザインビュー・編集可能領域 先ほどご覧いただいたビアファインのテンプレートです。 デザインビューによって、実際のページに非常に近いレイアウトで編集できることがわかります。また編集可能領域の項目名と枠線を見れば、どんな内容をどこに入力すれば良いかがすぐにわかります。 リピート領域 この4つのボタンが表示されている部分がリピート領域です。[+]ボタンと[-]ボタンで、ソースコードを崩すことなく項目を増減することができます。Webサイトを運用していく中で増減することがわかっている部分の全てに、この領域が設定されています。 Tips リピート領域には現在の要素の順番を返す機能があるため、これを使って連番画像を自動で表示していくことが可能です。 応用すると奇数・偶数の判定もできるので、メニューの左右によってclass
Adobe - Dreamweaver Support Center : Updaters
Adobe is changing the world through digital experiences. Our creative, marketing and document solutions empower everyone — from emerging artists to global brands — to bring digital creations to life and deliver them to the right person at the right moment for the best results. Updaters and hot fixes for the following versions are available on this page. Updates by version: Dreamweaver CS6 Dreamwea
Adobe - デベロッパーセンター : Dreamweaver CS3 拡張機能 for Movable Type 4.1 によるテンプレートカスタマイズについて
Dreamweaver CS3 拡張機能 for Movable Type 4.1 によるテンプレートカスタマイズについて はじめに ブログが注目されている理由は、以下に挙げられるように、ウェブにおける表現の自由が個人レベルまで高められた点にあります。 誰もがカンタンに投稿し即時にウェブ公開できる ウェブサイトの更新情報を RSS 技術により効率的に配信できる 検索エンジンとの親和性が高い Movable Type （ムーバブル・タイプ） は、シンプルでカスタマイズ性が高いと定評のあるブログ作成ソフトウェアです。図1のように投稿データと出力用のテンプレートを個別にデータベースへ格納し、公開のタイミングにデータベースより取得した投稿データとテンプレートを使い、XHTML とスタイルシートを自動生成します。 図1 これまで、Web 制作を自社で行わない企業などは、デザインの変更・ウェブコンテ
Adobe - デベロッパーセンター : サッポロビールにおけるテンプレート活用事例
テンプレート化は大変？ 実はページを作るとき、ある程度は考えているはず 製品情報以外のカテゴリでも、更新が掛かる箇所はDreamweaverテンプレートとして各ページに展開しています。 知る・楽しむ グルメ・レシピ 会社情報 多くのページに対し、これらの機能を盛り込んだDreamweaverテンプレート化を行うことは大変に思えるかもしれません。しかし、Webサイトを制作するときは運用のことを考えずに制作することは稀です。つまり、このようなケースのときにはこう対応する、ということはサイトを設計する時点で考慮しているはずなのです。 であれば、あとはどうDreamweaverテンプレートの形に落とし込むかを考え、実装すればよいだけです。 設計はあえて紙とペンで サッポロビールWebサイトの場合は、仕様書とそれに基づいたデザインをまず紙に出力し、蛍光ペンで編集可能領域・リピート領域・テンプレート
Adobe - デベロッパーセンター : サッポロビールにおけるテンプレート活用事例
伊原 力也氏 株式会社ビジネス・アーキテクツ マークアップデザインエンジニア 目次 はじめに Dreamweaverテンプレートを利用してクライアントが運用 なぜDreamweaverテンプレートを使用したのか サッポロビールWebサイトのDreamweaverテンプレートはこうなっている テンプレート化は大変？ さらにDreamweaverテンプレートを活用するには 印刷用に表示 作成日:2008年2月29日 ユーザレベル:初心者, 中級 製品:Dreamweaver はじめに 私が所属する株式会社ビジネス・アーキテクツでは、2007年6月にサッポロビール・コーポレートサイト（以下、サッポロビールWebサイトと呼称）のリニューアルを行い、私はその中でテンプレート設計・構築を担当しました。この記事では、このサイトにおいてDreamweaverテンプレートをどのような目的で、どのような
Adobe - デベロッパーセンター : いま求められるCSSデザインを考えてDreamweaver CS3を活用する
日本語フォント名の「英・和」指定 font-familyプロパティで、日本語フォント名を「英・和」指定するのも、最近よく見られる傾向です。たとえば「ヒラギノ角ゴ Pro W3」というフォントは、日本語名だけでなく「Hiragino Kaku Gothic Pro W3」という英語名もあわせて指定しておくのです。 @charset "UTF-8"; /* reset styles */ html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset { margin: 0; padding: 0; color: #222222; font-family: "Hiragino Kaku Gothic Pro
Adobe Edge: 2007年2月 「Ajax したい！」Web デザイナーのための Spry 集中講座
Spry framework for Ajax（以下、Spry）は、アドビが提唱しているデザイナー向けの JavaScript ライブ ラリです。無償で配布されているこのライブラリを利用することで、サーバサイドで特別なプログラムを用意したり、ユーザの Web ブラウザへ新たなプラグインをインストールすることなく、今話題の Ajax を利用した動的でリッチなインタフェースやコンテンツを HTML の中に作り出すことができます。 “デザイナー向け”というのが Spry の大きな特長であり、他の Ajax ライブラリと比べてもユニークな点です。Spry そのものは JavaScript ライブラリ群ですが、難解な JavaScript のプログラミング知識はそれほど必要ではありません。HTML コーディングのスキルがあれば、XML からのデータを取得し、加工し、ダイナミックな形で Web ページ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe Photoshop CS2 〜すべてのプロフェッショナルのために