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. 記事が正確であることの保証はありません。 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。



