CSS Nite LP, Disk 2開催要項

下記の要項で開催予定です開催しました。

開催要項

  • イベント名:CSS Nite LP, Disk 2 「Dreamweaver CC」
    画像:CSS Nite LP, Vol.2バナーDreamweaver使いによるDreamweaver使いのためのDreamweaverに特化したセミナーイベント
  • 日程:2006年12月08日(金)
  • 時間:13:30?19:30(12:45受付開始)途中休憩あり
  • 会場:北青山TEPIA
  • CSS Nite LP, Disk 2に関するエントリー
  • その他
    • 自由席です。途中入場/途中退場可。
    • 3会場で同時進行します。お一人が受講できるのは最大4セッションです。

参加費とお申し込み

セッション内容(仮)

タイムテーブルはこちらです。セッション内容と講師プロフィールをまとめたPDF(3ページ、1.5MB)をダウンロードいただけます。

効率的なアクセシビリティ 実践ワークフローのツボ

Dreamweaver 8から実装されたJIS X 8341-3対応のアクセシビリティ・チェック機能。この講演では、その使い方を中心に、JIS X 8341-3に対応したアクセシブルなWebコンテンツを制作するためのワークフローを解説します。
いざ実践しようとなると工数がかかるといわれているアクセシビリティ、ワークフローやツールの使い方を工夫することで、手間のかかる作業を効率化できる"ツボ" を分かりやすくご紹介します。

植木 真

写真:植木 真

株式会社インフォアクシア

経歴:大手企業WebサイトのJIS X 8341-3対応をサポートするWebアクセシビリティ・コンサルタント。ユーザビリティ、Web標準、SEOなどの関連分野も含めて、サイト診断、ガイドライン作成、教育・研修などを行う。JIS X 8341-3策定作業に従事した後、W3C/WAI WCAGワーキンググループにも参画。現在、財団法人日本規格協会の国際規格調査研究部会、普及・適合度調査研究部会にて、JIS X 8341-3の普及およびWCAG 2.0との国際協調を進めている。

これならいける?  Dreamweaverで始めるCSSレイアウト

一件複雑そうなHTML/CSSでのレイアウトもツボさえ押さえればきっとできるはず。これまでCSSで挫折した人、これからDreamweaverで始める人、ちょっと困ってる人もこれならできる!? のCSSレイアウト。

Dreamweaver使いのために、テーブルデザインを脱却しWeb標準時代を生き抜くためのCSSによるレイアウトやデザインのコツを説明したいと思っています。

こもりまさあき

写真:こもりまさあき

フリーランス デザイナー

経歴:1972年生まれ。DTP系関連業務と並行しながらネット系業務に携わり始めて早十何年。現在はWebコンテンツ関連業務以外に、サーバ構築・管理、紙ものデザイン、テクニカルライティング、またある時にはカメラマンと自分の職種が人に説明できない自称デザイナー。
今後の目標は、早く人として一人前になること。

個人サイト:http://blog.gaspanik.com/

著書:Dreamweaver 8 レベルアップコース』(毎日コミュニケーションズ)、『Photoshop CS2 完全制覇パーフェクト CS2/CS対応』(翔泳社)ほか
共著:『プロとして恥ずかしくないスタイルシートの大原則』(MdN)

Dreamweaver テンプレートの活用

Dreamweaverの初期から搭載されているTemplate機能。いわゆる、ページのひな形としての機能だけではなく、制作時だけでは なく運用までを含めた際に「使える」機能があります。

実際に制作したサイトでの事例をもとに、Template機能について解説します。

神森 勉

写真:神森 勉

アンカー・テクノロジー株式会社

経歴:商社の営業マンを経て、1995年より印刷会社にてDTPオペ レーターを経験。1999年に社内でウェブの部署を立ち上げ、その後ウェブ制作会社へ移り、ウェブサイト構築の業務に携わる。
ウェブアクセシビリティ、CSS、XML等の実装に関して多くの実績を持ち、ウェブサイト設計構築以外に、ウェブスタンダード推進業務、コンサルティング、教育、テクニカルライティング、商品開発などの多くのプロジェクトに関わっている。m-School、デジタルス ケープ、ロクナナワークショップ講師。

個人サイト:http://www.t-studio.com/column/
著書:CSS+HTML RECYCLE BOOK』(翔泳社)、『Dreamweaver 8 Web標準デザイン詳解ガイド』(毎日コミュニケーションズ、監修)

雑誌連載:Web Designing誌:『Dreamweaver ではじめるCSS+XHTML講座』

Dreamweaver使いが知っておきたいセキュリティ

みなさん、動的ページを作っていますか?近年では Dreamweaver をはじめとするツールの普及で、いろいろな仕組みを簡単に作れるようになってきました。 「動かす」のは簡単……でも、「安全に動かす」のはどうでしょう?

実際にあった脆弱性(セキュリティホール)の事例を挙げながら、特に気をつけたい点をいくつかお話します。

太田 良典 (水無月ばけら)

写真:太田 良典

株式会社 ビジネス・アーキテクツ
Deployment Engeneering Group マネージャー

経歴:第八回ファンタジア長編小説大賞受賞で小説家デビュー後、なぜかW3CのHTML仕様書翻訳プロジェクト「HTML4仕様書邦訳計画」に参加、HTMLへの造詣を深める。
2001年にビジネス・アーキテクツに入社、主として大規模企業サイトにおけるHTMLとCSSの設計、アクセシビリティ指針の策定などを行っている。
また、セキュリティ分野では「第二回IPA賞(情報セキュリティ部門)」を受賞、ウェブの脆弱性届出件数は日本一らしい。
個人サイト:http://bakera.jp/hatomaru.aspx/ebi

アセット管理で実現する フルCSS「Web Magazine - Designing」

構造化ドキュメントとビジュアルデザインを大量に扱うWebマガジン・サイトの構築を「アセット管理」と「自動処理」という2つの視点で実演。Dreamweaver 8を最適化されたデザインツールにカスタマイズしていきます。

境 祐司

写真:境 祐司

経歴:インストラクショナル・デザイナー(ID)として学校、企業の講座プラン、教育マネジメント、講演、書籍執筆などの活動をおこなう。学校法人阿佐ヶ谷学園eface lab.所長。2007年より教育デザイナー育成を目的としたフォーラムを立ち上げる予定。

サイト:WEB MAKING BOOKS BLOG

著書:速習Webデザイン DREAMWEAVER 8』(技術評論社)、『XHTMLマークアップ&スタイルシート リフォームデザインガイドブック』(ソシム)、『Flash 8 ビギナーコース』(毎日コミュニケーションズ)、『DESIGNER'S BLOG BOOK』(MdN)、『CSSビジュアルデザイン・メソッド』(毎日コミュニケーションズ、近刊)

デザイナのための、ほんとはカンタンPHP×DW

Webの世界でスタンダードな技術となっているPHP。Web専用に、使いやすいように作られている技術ではありますが、それでもプログラム言語はプログラム言語。デザイナにとっては壁の高い知 識です。このセッションでは、日々プログラムに悩まされているデザイナのため に、PHPの基礎をご紹介。Dreamweaverを使って、プログラ ムを簡単に利用・勉強できる方法を紹介します。

たにぐち まこと

写真:たにぐちまこと

合資会社エイチツーオー・スペース

経歴:ソニー・コミュニケーションネットワーク(現:ソネットエンタテイン メント)でWebプログラマを経た後、2002年にエイチツー オー・スペースを設立。ディレクタ兼プログラマとして、デザイナと共 に数々のWeb制作を行っている。また、本業の傍ら、講師・公演活動や執筆活動なども行っている。

著書:はじめに読みたいAjax - 入門から実践まで』 (パーソナルメディア)、『ActionScript開発テクニック』 (CQ出版社)

雑誌連載:『Webデザイン Tips&Tricks』(web creators)

Ajaxに関する情報サイト:http://www.h2o-ajax.com/

Dreamweaverを使ったColdFusion体験

意外と知られていない、Dreamweaverを使ったColdFusionのプログラミング。サーバービヘイビアを使った、簡単プログラム制作方法や、ColdFusion独自の機能を使ったサンプル制作を通して、DreamweaverとColdFusionの連携について紹介していきます。

さらにColdFusionの独自性として、ColdFusionとFlashの連携についても紹介します。

五十嵐 学

写真:五十嵐 学

学びing株式会社
開発部長

経歴:TVCMへの憧れからTVCM制作会社へ。分社化しCG/WEB制作会社へ。WEB部門撤退によりWEB制作会社へ。05年からフリーランスに。FlashやColdFusion、PHP、MovableType等を使ったWEB制作、システム開発や、WebDesigning等への寄稿、本の執筆と幅広く活動。効率の悪い学習と、回り道のような経験でアイデアや企画力を磨く。
06年10月からeラーニングのベンチャー「学びing」の立ち上げに参画。

著書:Dreamweaver Webアプリケーション・スターティングガイド』(毎日コミュニケーションズ)

雑誌:WebDesigning 06年02月号:Flash 8の表現力をハンズ・オン!、 WebDesigning 06年08月号:プログラム落第生に贈る補習授業 ActionScript、 WebDesigning06年10月号:困った時に役立つプログラムリソース#03 ActionScript、 別冊「source&script」:Webアプリケーション構築ツール集中解説 ColdFusion等多数寄稿

URL:個人サイト妊婦の夫向けサイト「パパになるんでしょ!」

コンポーネントベースのWebサイト設計と開発

サイト制作の効率化。これは誰もが望むことですが、その具体的な手法となるとイマイチどうしたらいいか分からない方も多いのではないでしょうか。

今回はその一例として、抽象化に焦点を当てたコンポーネントベースの設計手法とその実践について紹介します。また、抽象化の仕組みを持たないHTMLでの実装を効果的に補完するツールとしてのDreamweaverの使用についても触れます。

小久保浩大郎

写真:小久保浩大郎

株式会社 ビジネス・アーキテクツ
Deployment Engeneering Group / Specialist

経歴:MSXで遊ぶ子供時代を過ごした後、ミュージシャン目指して上京。海外留学などを経て2000年にはインディーズレーベルから2枚のCDをリリース。同時に副業としてWeb制作を行い、当時まだほとんど無かったフルCSS実装のサイトを手がける。その後縁あって森田雄氏に誘われ、2002年よりビジネス・アーキテクツに参加。
大規模な情報構造をもつサイトの設計・実装を得意とし、アーキテクトとして中心的な役割を果たしている。

URL:http://www.hemiolia.com/

優雅なWeb制作のためのjQuery

jQueryとはJavaScriptで作られたAjaxフレームワークの一つです。今回はこのjQueryを使った、ウェブ制作の効率化方法として、作成したJavaScriptの紹介とその考え方を解説します。

また、Dreamweaverのロールオーバーイメージとの比較やスクリプトの動作をCSSのセレクタの知識だけで書き換える方法もあわせてご紹介します。

中村 享介

写真:中村 享介

株式会社ロクナナ
ディレクター

経歴:広告代理店のアシスタントデザイナー、デザイン事務所のWebデザイナーを経てロクナナへ。主にWeb案件のディレクターとして、多数のリニューアル、新規立ち上げを取り仕切っている。
クリエイターとしてはWeb標準に基づいたウェブサイトの設計・構築、Flashコンテンツ制作を得意とする。最近はウェブサイト制作の他にも講演、執筆など幅広く活動している。

個人サイト:Kyosuke.jp

雑誌連載:月刊『web creators』 - すぐに使えるCSSデザインテクニック

Dreamweaverのテンプレート機能を“もっと”使いこなそう

Dreamweaverの強力かつ神髄でもあるテンプレート機能。上手に活用することでさらに効率的な更新作業を提供するにもかかわらず、日本語のリソースが少ないためか、現場においてはその利用は基本的な部分にとどまっていることが多いように思われます。

今回はDreamweaver関連の書籍にもあまり紹介されていないテンプレート式を絡めたリピート・オプション領域の活用など、現場で使えるテンプレート機能を紹介します。

丸山 章

写真:丸山 章

株式会社シセイ堂デザイン

経歴:鳥取大学農学部大学院中退後、現(株)シセイ堂デザインに入社。入社後、いきなり自社Webの作成を命じられてWebの道へ。以後Web制作担当として現在まで至る。近く退社予定。
DreamweaverはVer.2から利用。Fireworksを含め、カスタマイズで作業の効率化を模索中。

URL:自作Fireworksコマンド

ユーザーテストから学ぶWebデザイン

制作サイドの思い込みをうちくだくユーザーの声。
そんなユーザーの生の声を通して、ウェブサイトの改善すべき点を明らかにするユーザーテストを実際にお見せします。
そしてアクセシビリティにすぐれたサイトを構築する上でポイントとなる点、また、それらをDreamweaverを使用しながら反映させるテクニックをご紹介します。

ユーザーテスト協力:NPO法人 ハーモニー・アイ

岩澤亜紀子

写真:岩澤亜紀子

フリーランス Webデザイナー

経歴:VF2を見てマックを使い始め、ソニー・コンピュータエンタテインメントでゲーム制作、その後ソニー・コミュニケーションネットワークでのwebデザイナーを経て、現在フリーランスでweb制作を行う。

Dreamweaverを使ったWeb標準ワークフロー

小~中規模サイトを構築する上で、Dreamweaver、Contributeを使った最適なワークフローを、実演を通しながらご紹介します。

CSSレイアウトはマスターしつつも、Dreamweaverを使いこなしていないのでは?という疑問を持たれている方にはDreamweaverを使う意義を実感いただけるセミナーです。

鷹野雅弘

写真:鷹野雅弘

株式会社スイッチ

経歴:Webサイトの構築やコンサルティングを行う傍ら、トレーニングや執筆活動を行う。10冊以上の著書を持つ。メールマガジン「DreamweaverでWeb標準」を発行、2300超の読者を持つ。
『CSS Nite』を主催。

著書:できるクリエーターFlash独習ナビ』(インプレス)、『Illustrator CS2完全制覇』(翔泳社)、『できるクリエーターDreamweaver独習ナビ』(インプレス/近刊)

雑誌連載:『Web標準からみるXHTML』(MdN Interactive)、『DTPユーザーのためのWeb再入門』(日刊デジタルクリエーターズ)

 

主催

  • 株式会社スイッチ 担当:鷹野
    • 住所:東京都足立区足立4-13-18 グランベルク307
    • 電話:03-5845-6950

協賛(順不同)

協力:

特別協力

プレゼント協賛(順不同)

メディア協賛

協力(順不同)

告知用部材

ブログなどに掲載いただければ幸いです。

画像:2006年12月08日開催予定「CSS Nite LP, Vol.2 Dreamweaver CC」

画像:2006年12月08日開催予定「CSS Nite LP, Vol.2 Dreamweaver CC」

画像:2006年12月08日開催予定「CSS Nite LP, Vol.2 Dreamweaver CC」

関連エントリー

協賛(決定順)

  • 画像:デジタルスケープ(ロゴ)
  • 画像:WEBSTAFF(ロゴ)
  • 画像:クリーク・アンド・リバー社(ロゴ)
  • 画像:AQUENT(ロゴ)