2008/07/04
【DreamweaverではじめるWeb標準】第136号 改良されたプロパティパネル
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ □□□ DreamweaverではじめるWeb標準 □□□ □□ 〜XHTMLとCSSで構築するWebサイト〜 □□□ □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第136号 発行日：2008年7月4日金 ほぼ週刊（目標） 発行：鷹野雅弘（株式会社スイッチ） --------------------------------------------------------------- このメルマガでは、 Dreamweaverを中心とした制作テクニック 書籍、セミナー、有用サイトなどをご紹介しています。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ ムービーで学ぶDreamweaver（6）：DWCS4解説 ├ クリッピング（6月29日-4月4日） ├ イベント情報：Web on the Beach ├ イベントカレンダー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ムービーで学ぶDreamweaver（6）：Code Navigator ────────────────────────────────── Dreamweaver CS4（ベータ版）についての解説です。 パブリックベータを使用しますので、インターフェイスは英語です。 （リリース時には変更される可能性もあります） ムービーはこちらです。 http://swwwitch.com/dwstd/dwstd136.html （MacのSafariで見えないみたいなんです...調査中） -------------------------------------- Dreamweaver CS4では［プロパティ］パネルに改良が加えられました。 左側に［HTML］と［CSS］の切り替えボタンがあります。 ［HTML］ボタンを選択した状態では、 フォーマット（見出しやp要素）、リンク、IDやクラスの設定 ［CSS］を選択した状態では、文字通りCSSに関する情報を設定します。 たとえば、h1要素に対して、［プロパティ］パネルからフォントサイズを変更する場合、 従来のバージョンまでは「.sytle1」というクラスが作成されてしまいましたが、 Dreamweaver CS4では、CSSルール作成のダイアログボックスが開き、 「h1」をセレクタとして設定することができます。 これはずっと求められていた仕様ですね。 ［HTML］と［CSS］の切り替えが面倒です。 大きいモニタを使っている方が多いと思うので、並べてしまえばよいですし、 行揃えのボタンも取ってしまってよいのでは、と思います。 ------ 7月10日アップルストア銀座、7月15日アップルストア心斎橋にて、 USからプロダクトマネージャの森房さんが来日にして、デモ中心の解説を行います。 （いずれも19時スタート。無料。） http://cssnite.jp/ http://www.adobe.com/jp/devnet/dreamweaver/articles/dwcs4_publicbeta.html ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ クリッピング（6月21日-6月27日） ────────────────────────────────── ●オススメ 40年のインターネット史上最大の改正が承認，ICANNがドメイン名を自由に選べるように制度変更 <http://itpro.nikkeibp.co.jp/article/NEWS/20080627/309605/> → すごい。でも、混乱しそう。 企業のウェブサイトで困ってしまうことランキング <http://ranking.goo.ne.jp/ranking/092/corporate_website/> → 必読です。 ●アドビ系 Adobe Spry+DWで都道府県検索を作る方法（ムービー） <http://www.h2o-ajax.com/archives/87> → たにぐちまことさんの記事。これはなかなかすごい。 Ads for Adobe PDF <http://labs.adobe.com/technologies/adsforpdf/> → Y!による広告をPDFに表示するというもの。1人のユーザーとはしては不要です。 ●SWFコンテンツとSEO できるようになった、ではなく、これからやりますよ、といった感じでしょうか。 SWFコンテンツ検索に関するFAQ <http://www.adobe.com/jp/devnet/flashplayer/articles/swf_searchability.html> 検索エンジンによるFlashの検索 <http://weblogs.macromedia.com/takesato/archives/2008/07/flash_1.html> FlashのSEO対策 2008/07版 | F's Garage http://www.milkstand.net/fsgarage/archives/001288.html GoogleにインデックスされやすいFlashコンテンツを制作するには | コリス http://coliss.com/articles/seo/output/1249.html ●その他 第2回 MTタグの基本的な書き方・各テンプレートの説明 <http://gihyo.jp/design/serial/01/mtcms/0002> → crema先輩の連載の第二回。 Firefox3とFirefox2のselectの幅 <http://redline.hippy.jp/lab/css/firefox3firefox2select.php> → select要素の幅が異なるという解説。 写真素材 - Fotolia <http://jp.fotolia.com/> → 1点100円からの素材サイト。 Interface A <http://admn.air-nifty.com/monkeyish_studio/2008/06/interface_a.html> → 境祐司さんの執筆メモ？ 教えたりする立場の人には興味深い図だと思います。 crossreview（クロスレビュー） <http://crossreview.jp/> → AmazonアソシエイトIDも登録できます。 NiceJForms <http://www.lexcat.ro/nicejforms/> → JavaScriptでフォームの見た目を装飾。 HTML/XHTMLマークアップ・CSSコーディングガイドライン <http://enoq.jp/guideline/> → enoqさんのサイトのガイドライン。 クロスブラウザのためのHTML/CSSのテクニック集 <http://coliss.com/articles/build-websites/operation/work/1234.html> → 「Safari3やFirefoxで、暗い色の背景に明るい色のテキストを表示する際、 通常に指定した以上に明るく見せる方法」 次世代ブラウザ、Web制作者の苦悩 <http://ascii.jp/elem/000/000/144/144597/> → Firefox 3とOpera 9.5での改善などについて。 日本語文章校正ツール <http://www.japaneseproofreader.com/> → 「させていただきます」は、はねられません。 勝間和代vs小飼弾 異色対談第1回「ネット広告価値の“ディスカウント”」 <http://diamond.jp/feature/katsumakogai/> → 「テレビとネットの広告費って、1分間当たりではじつはほとんど同じ」 ●おもしろ系 BLU > MUTO <http://www.blublu.org/sito/video/muto.htm> → これはサイコー。2週間くらいかけて作ったそうです。 ColorFlip.com <http://www.colorflip.com/> → ただ、紙をめくるだけのインターフェイスのコンテンツ。 果物占い <http://sp.excite.co.jp/phyto/uranai/> → 性格と今日の運勢を占えます。 側面図ジェネレータ <http://genzu.net/sokumen/> → 次のゆらいジェネレータとセットで。 ゆらいジェネレータ <http://genzu.net/yurai/> → 意外な結果が出て、腰が抜けます。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント情報：Web on the Beach ────────────────────────────────── 「音楽＋お酒＋フード＋セミナー＋浜遊び+花火」。 CSS Nite海の家バージョンです。 ◇日時：7月20日（日／翌日は祝日）17時スタート（終了予定は22時くらい） ◇会場：おとひめ亭（鎌倉・材木座） ◇定員：120名 ◇主催：CSS Nite実行委員会 ◇協賛：Opera Software International AS.、アドビ システムズ、マイクロソフト、 H2O Space.、カゴヤ・ジャパン、デジタルハリウッド ◇協力：【優雅な】Web制作者の会、マクニカ ◇詳細とお申し込み：http://cssnite.jp/wob/ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー情報：サイバーガーデンbiz ────────────────────────────────── 8月にサイバーガーデンbizで3つの講座が開催されます。 「ハイレベルCSS実践講座東京」 http://cybergarden.biz/lectures/highlevel-css-200808.html ◇日時：2008年8月2日土曜日 10:00-17:30（講義：6時間半） ◇会場：ファースト会議室 新橋・銀座（新橋駅より徒歩2分） ◇講師：益子貴寛（サイバーガーデン） ◇内容：エラスティックレイアウト、CSSハック徹底解説、プリンタ用・モバイル用CSSなど 「JavaScript/Ajax実践講座東京」 http://cybergarden.biz/lectures/ajax-200808.html ◇日時：2008年8月3日日曜日 10:00-16:00（講義：5時間） ◇会場：T's 東宝ビル別館 4F PCルーム（渋谷駅より徒歩5分） ◇講師：中村享介（ロクナナ） ◇内容：JavaScipt/Ajax・DOMの基礎、ライブラリの活用、jQueryをつかった実習など 「クリエイティブCSS実践講座東京」 http://cybergarden.biz/lectures/creative-css-200808.html ◇日時：2008年8月30日土曜日 10:00-16:00（講義：5時間） ◇会場：T's 東宝ビル別館 4F PCルーム（渋谷駅より徒歩5分） ◇講師：益子貴寛（サイバーガーデン） ◇内容：CSS Sprites、スムーズスクロール、ユーザブルなお問い合わせフォームなど ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント・カレンダー ────────────────────────────────── ◇7月10日木：CSS Nite in Ginza, Vol.25（銀座） ◇7月12-13日：CSS Nite in OKINAWA 2008（沖縄） ◇7月15日木：CSS Nite in Osaka, Vol.10（大阪） ◇7月20日日：Web on the Beach ◇8月9日土：仙台「東北Webサミット」 ◇8月30日土：福岡「Web Barbarians Conference 2008 Summer」 ◇9月6日土：札幌「北海道WEBコン FESTA 2008」 ┼────────────────────────── あとがき ─────────────────────────── ちょっと前ですが『マジック・アワー』、とてつもなくおもしろかったです。 笑いっぱなし... 劇場で見ることをオススメします。 ─［発行］───────────────────────────────── 株式会社スイッチ http://swwwitch.com/ 鷹野雅弘 takano @ swwwitch.com 東京都足立区足立4-13-18 #307 ────────────────────────────────────── 現在、4,255名の方にご購読いただいています。ありがとうございます。 お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。 ご自由に転送ください。 こちら↓もよろしくお願いいたします。 ・『Dreamweaverプロフェッショナル・スタイル［CS3対応］』 <http://tinyurl.com/23pe3f> ・『できるクリエーターDreamweaver独習ナビ』 <http://tinyurl.com/ytfnbf> ・『Adobe Dreamweaver CS3 Essential Book』 <http://tinyurl.com/yorh7z> ・『1ランク上の技を身につけるFlashの強化書』 <http://tinyurl.com/33ez23> ・『Movable Typeプロフェッショナル・スタイル』 <http://tinyurl.com/24mpm4> セミナー情報や書籍情報などお持ちの方いらっしゃいましたら、 ご連絡くだされば幸いです。掲載料はいただいていません。 情報商材など、Web系と無関係な広告はお断りしています。 登録・解除・バックナンバーはこちらからです。 http://blog.mag2.com/m/log/0000169311/ Copyright(c） 2008 Swwwitch, Inc. Some rights reserved. 記事が正確であることの保証はありません。 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。
