セマンティックHTMLの使用 | Adobe Developer Connection
HTMLの記述になぜ<h1>タグと<p>タグを使うのでしょうか。すべてを<div>タグと<span>タグで済ませてはどうでしょうか。そもそも特定のHTMLタグをなぜ使うのでしょうか。 その理由は、<p>タグや<h1>タグがコンテンツに関する追加的な情報を伝えるからです。これらのタグはそれぞれ、「これは段落」、「これは第1レベルの見出し」という情報を持っています。これがセマンティックHTML、つまり、作成者がたくさんの労力を払って、マークアップによってコンテンツの編成と構成を実現するHTMLのことです。Web開発者の誰もが、ある程度までは経験しているものです。この記事は、セマンティックHTMLについて解説し、セマンティックHTMLの理解をさらに深める必要性を説明します。 簡単に言えば、セマンティックHTMLとは、働きに合わせた正しい要素やタグを使用するHTMLのことです。例として、<h1>要
HTML5&CSS3入門 with HTML5 パック 第2回 HTML5文書へのCSS読み込みと、CSS3 : border-radiusの利用 | デベロッパーセンター
本連載では、Webデザイナーに向けて、HTML5／CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主なHTML5／CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとして「HTML5 Pack for Dreamweaver CS5」を使用します（詳しくは、「HTML5 Pack for Dreamweaver CS5 の使い方」をご覧ください）。HTML5 パックをインストールするには、Dreamweaver CS5のアップデータ11.0.3を適用する必要があります。 ※HTML5とCSS3は現在策定中の仕様です。本連載は執筆時点の仕様内容にもとづいており、正式に勧告されるまでに変更されることもあり得ます。 前回HTML5を用いて作成した文書を、CSSを使って装飾して
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では新規ファイルを作成
シンボルを使用して作業効率を高めよう | デベロッパーセンター
はじめに Fireworksには画像やパスデータ、テキスト等のオブジェクトをシンボル化するという機能が搭載されています。 シンボル化はライブラリに登録され、ライブラリからいつでもキャンバスに配置することができます。 シンボルはキャンバスに配置するとインスタンスというオブジェクトになります。 オブジェクトのシンボル化は、制作作業に様々なメリットをもたらしてくれるのですが、中でも大きなメリットとして以下のようなものがあります。 インスタンスはオブジェクトのオリジナル情報を保持したままリサイズが可能 複数配置したインスタンスは一括修正が可能 今回はこの二つのメリットを利用したワークフローを紹介します。 必要ソフトウェア Fireworks CS4 体験版購入 1．オリジナルを大きめに用意することで、デザイン時の効率化や後々の変更対応の効率化を目指す 写真などのビットマップデータは、拡大・
Webページ制作の効率をUPするためのカスタマイズ | デベロッパーセンター
Dreamweaverをカスタマイズするには、環境設定を変更したり、エクステンション（機能拡張）をインストールするといった方法がよく知られていますが、Dreamweaver自体の構成ファイルを編集することでカスタマイズする方法もあります。Dreamweaver自体を構成するファイルはXML、CSS、JavaScriptが多用されており、これらを編集することで機能の追加やUIの変更といったカスタマイズが可能です。Dreamweaverを利用する人にとってはこれらのコードは読みやすく編集しやすいでしょう。ここでは特にWebページ制作の効率を向上させることができるであろうカスタマイズを3例ご紹介します。 なお、記事内に登場するConfigurationフォルダは記事末尾の「各プラットフォームのConfigurationフォルダの場所について」にてご紹介しています。カスタマイズ前には念のため、"必
Adobe Edge: 2010年2月 ワンパクの「もっと使いこなしてみよう！Dreamweaver」最終回 拡張機能でDreamweaverをパワーアップ！
株式会社ワンパクの近藤＆杉山の師弟コンビがDreamweaverの覚えておきたい便利な機能や、見落としていた機能などをお届けする本連載。今回で最終回となりました。最後に取り上げるのはDreamweaverの 「拡張機能」です。拡張機能をインストールすれば、Dreamweaverには搭載されていない機能を加えることができ、自分好みにカスタマイズすることができます。そして、「杉山のこれ知ってます？」のコーナーでは、ダミー画像を簡単に用意できるイメージプレースホルダーと、ファイル操作を制限できるクローク機能について紹介します。 入れておくと便利！ オススメ拡張機能 杉山：師匠～！ 便利なもの見つけちゃいましたよ～(*^▽^*)/ 近藤：なんだ？ 杉山：Dreamweaverの拡張機能です！ ただでさえ便利なDreamweaverが、拡張機能をインストールすると、ますます便利になっちゃうんですね！
Adobe Edge: 2010年1月 ワンパクの「もっと使いこなしてみよう！Dreamweaver」 第4回 正規表現を使った検索・置換にチャレンジ！
株式会社ワンパクの近藤＆杉山の師弟コンビが 、Dreamweaver の覚えておきたい便利な機能や、見落としていた機能などをお届けする本連載。今回取り上げるのは「正規表現を使った検索・置換」です。正規表現を使えば、値の異なる属性を検索したり、特定のマークアップ構造の要素を検索したりと検索の幅がグッと広がります。そして、「杉山のこれ知ってます？」のコーナーでは、使用頻度の高い検索・置換のパターンや便利な検索・置換のパターンを保存して、すぐに呼び出せるようにするクエリーについて紹介します。 やればわかる！ わかれば使いたくなる！ まずははじめの一歩！ 杉山：師匠、ちょっと聞きたいのですが…。今やっている案件のHTMLにはいろんな人が関わっていて、ちゃんとした管理がされてなくて、HTMLのコードがタブでインデントされていたりされていなかったり、記述方法がバラバラで気持ち悪いんですよ。あれほどイン
テスト用のアーカイブ版 Flash Player の提供について
この情報は、米国アドビシステムズ社が提供している情報をもとにローカライズし、作成したものです。日本語環境での動作保証はしておりませんのでご了承ください。 内容 （What's Covered）これらの Flash Player は弊社 Web サイトからダウンロードすることができます。これらは、Flash の開発者向けに、以前のバージョンでの動作検証を行うためのものとして提供されるものです。通常の使用が目的の場合は、最新バージョンの Flash Player を Flash Player ダウンロードセンターからダウンロードしてください。Flash Player の削除およびインストール方法の詳細については、以下の弊社技術文書を参照してください。異なるバージョンの Flash Player をインストールする前には、再起動することをお勧めします。文書番号 228688 Flash Play
Adobe - デベロッパーセンター : Flash CS3用コンポーネントの作り方
ActionScript 3.0ドキュメント用の基本的なアクション集。標準のUIボタンコンポーネントと組み合わせることで、インタラクティブなコンテンツがノンスクリプトで制作可能です。 各コンポーネントの使用方法 (UIボタンコンポーネントと併用するアクション) 以下のコンポーネントはActionScript3.0ドキュメントでしか動作しません。ActionScript2.0ドキュメントの場合はコンポーネントパネルに表示されません。また、ActionScript3.0とActionScript2.0ドキュメントはプロジェクト内での混在は出来ません。 必要条件 このチュートリアルを完了するには、次のソフトウェアおよびファイルがインストールされている必要があります。 基本アクションコンポーネントのご紹介 コンポーネントをダウンロード（zip形式で圧縮済み、Win/Mac 両用） Flash C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe - Adobe - Fireworks Exchange
Photoshop.com | Tools
Adobe: Creative, marketing and document management solutions