
2010 年 7 月 31 日 (土) に、高松市生涯学習センター「まなびCAN」大研修室で行われた CSS Nite in TAKAMATSU, Vol.4 [ CSS Nite ビギナーズ Dreamweaver 編 ] に参加してきました。

↑ スピーカーの皆様。なんと!浴衣姿の方も!
全セッションの内容は書ききれないので、気になった所のメモ ( あとでスライドが落とせるようになったら復習予定 )
この記事の目次 非表示
- #️⃣ アドビから Dreamweaver ビギナーズへのメッセージ ~ Web 制作環境を支援する Adobe Creative Suite 5 ~ / 西村真理子さま ( アドビシステムズ株式会社 )
- #️⃣ Dreamweaver の最初の一歩 ( 環境設定とサイト定義 ) / 鷹野雅弘さま ( 株式会社スイッチ )
- #️⃣ デザインビューを使いこなそう! / 神森勉さま ( 株式会社アンカーテクノロジー )
- #️⃣ ソースコード編集のキホン / 鷹野雅弘さま ( 株式会社スイッチ )
- #️⃣ CSS 編集 / 鷹野雅弘さま ( 株式会社スイッチ )
- #️⃣ DW テンプレートをマスターして楽々サイト構築 / 丸山章さま
- #️⃣ Microsoft Office からのデータコンバート TIPS / 山田恵理子さま ( 株式会社ゴーフィールド )
- #️⃣ Dreamweaver × Jimdo で簡単サイト制作 / 高畑哲平さま ( 株式会社 KDDI ウェブコミュニケーションズ )
- #️⃣ Dreamweaver での作業効率を向上させる Tips 集 / 筒井志信さま ( Webridge Kagawa )
- #️⃣ 感想とか
#️⃣ アドビから Dreamweaver ビギナーズへのメッセージ ~ Web 制作環境を支援する Adobe Creative Suite 5 ~ / 西村真理子さま ( アドビシステムズ株式会社 )
Adobe Dreamweaver の簡単な説明など。
-
Dreamweaver じゃないけど Photoshop CS5 のパペットワープ機能がすごい! 象の鼻とか曲げられる!
#️⃣ Dreamweaver の最初の一歩 ( 環境設定とサイト定義 ) / 鷹野雅弘さま ( 株式会社スイッチ )
パネルの扱い、ワークスペース切り替え、ブラウザー登録などの環境設定。また、サイト定義の方法とメリット。
-
Adobe BrowserLab : CS5 からローカルファイルが検証できるようになるみたい。
#️⃣ デザインビューを使いこなそう! / 神森勉さま ( 株式会社アンカーテクノロジー )
-
デザインビューって、あんまり使ってなかったけど便利そう!
-
クイックタグ編集機能が便利そうなので見直してみる。
#️⃣ ソースコード編集のキホン / 鷹野雅弘さま ( 株式会社スイッチ )
コーディングガイドラインに沿って、ソースコードを整形するための設定や、編集作業を効率化するために知っておきたいテクニックなど。
-
テンプレートのマークアップを省略して書き出す機能があるみたい。知らんかった…。
#️⃣ CSS 編集 / 鷹野雅弘さま ( 株式会社スイッチ )
外部 CSS ファイルの参照方法、および、Dreamweaver での CSS ルールの作成の手順など。
-
CSS ルールを作る場所を指定できる ( 例えば body を選択していると、すぐ下に追加される )
-
ダイヤログでスタイルを編集中は「適用」ボタンを押すことで一旦ファイルに書き込まれる。これを利用してプロパティーの記述順をコントロールできる。
#️⃣ DW テンプレートをマスターして楽々サイト構築 / 丸山章さま
Dreamweaver の強力なテンプレート機能の解説。
-
テンプレートのオプション領域は表示・非表示の切り替え。
-
高度すぎてついていけなかった…。orz あとで復習!
#️⃣ Microsoft Office からのデータコンバート TIPS / 山田恵理子さま ( 株式会社ゴーフィールド )
Word, Excel から Dreamweaver へデータをコンバートする方法など。
-
Dreamweaver の設定を変更する事で、Word, Excel からコピペしても綺麗なコードで持ってこれる!
#️⃣ Dreamweaver × Jimdo で簡単サイト制作 / 高畑哲平さま ( 株式会社 KDDI ウェブコミュニケーションズ )
Jimdo すごいな〜。いつか試してみたい。
#️⃣ Dreamweaver での作業効率を向上させる Tips 集 / 筒井志信さま ( Webridge Kagawa )
Dreamweaver の一歩踏み込んだ使い方を考える。
-
拡張機能でよさそうな物
-
閉じタグコメントの挿入
-
全角半角変換 ( モバイルサイトの開発に )
-
ファイルリスト生成 ( メタタグとかの一括チェックに )
-
HTML5, CSS3 コードヒント
-
ウルトラ加速!
#️⃣ 感想とか
Dreamweaver 一色の大変有意義なイベントでした。スピーカーの皆様・運営スタッフの皆様お疲れ様でした!

↑ そういえば、今回はじめてプレゼント当たりました! Adobe 謹製 USB メモリ。1GB。輪っかにしてブレスレットに!複数つなげて首輪に!もっと繋げてベルトに!
現場からは以上です。それでは、またッ!!!

