開催概要


CSS Nite in TAKAMATSU, Vol.4 「CSS Nite ビギナーズ Dreamweaver編」(終了しました)
CSS Nite in TAKAMATSU, Vol.3 「CSS Nite ビギナーズ HTML+CSS編」(終了しました)

CSS Nite in TAKAMATSU, Vol.4 「CSS Nite ビギナーズ Dreamweaver編」(終了しました)

イベント名 CSS Nite in TAKAMATSU, Vol.4 「CSS Nite ビギナーズ Dreamweaver編」
開催日時 2010年7月31日(土) 12:30 開場 / 13:00 開演 / 17:45 終了予定
開催場所 高松市生涯学習センター まなびCAN (ことでん片原町駅近く)→会場までのアクセス
出演
定員 約80名
参加費用 入場料:6000円(サブテキスト書籍2480円を含む)→お申し込みはこちら
※2010年6月25日までの早期割引:5000円(サブテキスト書籍2480円を含む)
※HTML+CSS編とのセット申込割引もあります。
※イベント終了後は講師陣を囲んでの懇親会(別途有料3,000円)も予定しています。
主催 CSS Nite in TAKAMATSU 実行委員会 / Webridge(ウェブリッジ) KAGAWA
共催 CSS Nite(株式会社スイッチ
協賛 株式会社KDDIウェブコミュニケーションズ 有限会社アップルップル アドビ システムズ 株式会社 有限会社ヘルツ
公式サイト http://cssnite.webridge-kagawa.com/
Twitter ハッシュタグは #cssnitetkmt4です。発言の最後に半角スペース+「#cssnitetkmt4」を入れてつぶやいていただくと、「#cssnitetkmt4」に自動的にリンクが張られて、CSS Nite in TAKAMATSU,Vol.4関連の発言を参照することができます。ぜひ中継や覚書などにご利用ください。

連動書籍『効率的なサイト作成のためのDreamweaverの教科書』

効率的なサイト作成のためのDreamweaverの教科書

今回のCSS Niteビギナーズ Dreamweaver編ではサブテキストとして『効率的なサイト作成のためのDreamweaverの教科書』を使用します。
※当日の受付にてお渡しします。

  • 書名:『効率的なサイト作成のためのDreamweaverの教科書』
  • 著者鷹野 雅弘
  • 出版社:毎日コミュニケーションズ
  • 発売日:近日発売

タイムテーブル

開始 セッション 時間 出演者
12:30 開場    
13:00 開演・オープニング    
13:05 アドビからDreamweaverビギナーズへのメッセージ
~Web制作環境を支援するAdobe Creative Suite 5~
30分 西村 真理子
アドビ システムズ 株式会社
13:40 Dreamweaverの最初の一歩(環境設定とサイト定義) 20分 鷹野 雅弘
株式会社スイッチ
14:00 休憩    
14:10 デザインビューを使いこなそう! 40分 神森 勉
株式会社アンカーテクノロジー
14:55 ソースコード編集のキホン 30分 鷹野 雅弘
株式会社スイッチ
15:25 休憩    
15:45 CSS編集 30分 鷹野 雅弘
株式会社スイッチ
16:20 Dreamweaverテンプレートをマスターして楽々サイト構築 40分 丸山 章
17:00 休憩    
17:10 DreamweaverとMSOfficeとの連携 15分 山田 恵理子
株式会社ゴーフィールド
17:25 Dreamweaver×Jimdoで簡単サイト制作 15分 高畑 哲平
株式会社KDDIウェブコミュニケーションズ
17:40 Dreamweaverで作業効率向上Tips
15分 筒井 志信
Webridge Kagawa
17:55 エンディング    
18:00 終了・アンケート回収    
18:30 懇親会    

※タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します。

セッション内容

アドビからDreamweaverビギナーズへのメッセージ
~Web制作環境を支援するAdobe Creative Suite 5~

西村 真理子アドビ システムズ 株式会社

西村 真理子インターネット黎明期からWeb制作環境を支援してきたDreamweaver。Webデザイナー、デベロッパーに長年ご支持いただいているポイントを5月28日に発売されたばかりのAdobe Creative Suite 5と共に紹介します。

Dreamweaverの最初の一歩(環境設定とサイト定義) & ソースコード編集のキホン & CSS編集
鷹野 雅弘株式会社スイッチ

鷹野 雅弘 Dreamweaverの最初の一歩(環境設定とサイト定義)
パネルの扱いとワークスペースの切り替え、ブラウザーの登録など、Dreamweaverでの作業をはじめる前に行っておきたい環境設定、また、サイト定義の方法と、そのメリットについてもご紹介します。

ソースコード編集のキホン
Dreamweaverはデザインビュー/ライブビューを使って視覚的に確認しながら作業を進めることができますが、行っていることはソースコードを記述していることに他なりません。
コーディングガイドラインに沿って、ソースコードを整形するための設定、編集作業を効率化するために知っておきたいテクニックをご紹介します。

CSS編集
外部CSSファイルの参照方法、および、DreamweaverでのCSSルールの作成の手順などを取り上げます。選択領域に対してどのようなCSSが適用されているかをスピーディに確認できる「コードナビゲーター」、「CSSインスペクト」などの便利機能もご紹介します。

デザインビューを使いこなそう!
神森 勉株式会社アンカーテクノロジー

神森 勉Dreamweaverはデザインビューとコードビューの両方をもつ多機能オーサリングソフト。とりわけ、デザインビューは他のオーサリングソフト以上に便利なのを知っていますか?単に見たまま編集するための目的でデザインビューを使うのではもったいない。このセッションでは、デザインビューの便利な点を紹介するだけでなく、デザインビューで作業を行うための心得や覚えておいて損はないちょっとしたオペレーションテクニックなどをご紹介いたします。

DWテンプレートをマスターして楽々サイト構築
丸山 章

丸山 章Dreamweaverには強力なテンプレート機能がありますが、情報も少ないため多くの方はその1部しか利用していません。このセッションでは、DWテンプレートで柔軟なページ作成&サイトメンテナンスを行うためのDWテンプレートの機能の解説を行ないます。

Microsoft OfficeからのデータコンバートTIPS
山田 恵理子株式会社ゴーフィールド

山田 恵理子クライアントからデータを受け取る時に一般的なのがMicrosoft Officeファイル。素直に「HTMLで保存」して仰天した人も多いと思います。「もっと綺麗にコンバートができないかしら…。」そんな悩みを、初期段階でのちょっとした工夫で解決する方法をご紹介します。

Dreamweaver×Jimdoで簡単サイト制作
高畑哲平株式会社KDDIウェブコミュニケーションズ

高畑哲平Dreamweaverで作成したウェブサイトをドイツ生まれのCMS Jimdoに移植する方法を説明します。Dreamweaver x Jimdoの組み合わせによって、プロが作成した完成度の高いウェブサイトをITスキルの低い方でも簡単に更新できるウェブサイトへと変換できます。

Dreamweaverでの作業効率を向上させるTips集
筒井 志信Webridge Kagawa

筒井 志信Dreamweaverに便利な拡張機能を導入したり、自分好みにカスタマイズしたりすることで、Dreamweaverでの作業効率をグンと向上させることができます。このセッションでは、さまざまなアプローチからDreamweaverの一歩踏み込んだ使い方を考えます。

※講演内容(セッション内容)は変更の可能性があります。あらかじめご了承ください。



CSS Nite in TAKAMATSU, Vol.3 「CSS Nite ビギナーズ HTML+CSS編」(終了しました)

イベント名 CSS Nite in TAKAMATSU, Vol.3 「CSS Nite ビギナーズ HTML+CSS編」
開催日時 2010年6月26日(土) 12:30 開場 / 13:00 開演 / 17:45 終了予定
開催場所 高松市生涯学習センター まなびCAN (ことでん片原町駅近く)→会場までのアクセス
出演
定員 約80名
参加費用 入場料:4500円(サブテキスト書籍は含みません)→お申し込みはこちら
※2010年5月30日までの早期割引:3500円
※Dreamweaver編とのセット申込割引もあります。
※イベント終了後は講師陣を囲んでの懇親会(別途有料3,000円)も予定しています。
主催 CSS Nite in TAKAMATSU 実行委員会 / Webridge(ウェブリッジ) KAGAWA
共催 CSS Nite(株式会社スイッチ
協賛 株式会社KDDIウェブコミュニケーションズ アドビ システムズ 株式会社 有限会社アップルップル 有限会社ヘルツ
公式サイト http://cssnite.webridge-kagawa.com/
Twitter ハッシュタグは #cssnitetkmt3です。発言の最後に半角スペース+「#cssnitetkmt3」を入れてつぶやいていただくと、「#cssnitetkmt3」に自動的にリンクが張られて、CSS Nite in TAKAMATSU,Vol.3関連の発言を参照することができます。ぜひ中継や覚書などにご利用ください。

連動書籍『現場のプロから学ぶXHTML+CSS』

今回のCSS Niteビギナーズ HTML+CSS編ではサブテキストとして『現場のプロから学ぶXHTML+CSS』を使用します。
必須ではありませんが、受講そしてこれから学習する際に大変役立つ内容だと思いますので、是非ご購入ください。
※当日の書籍販売はありません。

  • 書名:『現場のプロから学ぶXHTML+CSS』
  • 著者益子 貴寛、堀内敬子、小林 信次、千貫りこ、伊藤 学、山田あかね、西畑 一馬
  • 編集益子 貴寛、CSS Nite
  • 出版社:毎日コミュニケーションズ
  • ページ数:336ページ
  • 色数:オールカラー
  • 判型 B5変型(横182mm×縦234mm)
  • 本体価格 2,800円+税
  • 発売日:2008年11月11日

タイムテーブル

開始 セッション (サブテキストでの該当章) 時間 出演者
12:30 開場    
13:00 開演・オープニング 10分  
13:10 XHTML+CSSのワークフロー(0章) 15分 山田 恵理子
株式会社ゴーフィールド
13:25 押さえておきたいXHTMLのキホン10(1章) 30分 多田 吉臣
有限会社ヘルツ
13:55 休憩    
14:00 マークアップ選びのコツ(4章の一部) 30分 益子 貴寛
株式会社サイバーガーデン
14:30 CSSのキホン(2章)
30分 筒井 志信
Webridge Kagawa
15:00 休憩・オープンマイク    
15:20 これだけはおさえておきたい、CSSレイアウトの基本(5章) 30分 小林 信次
株式会社まぼろし
15:50 CSSデザインの実用テクニック(4章・9章) 30分 植田 圭嗣
(ライジング)
16:20 休憩
   
16:25 CSSデザインのブラウザ調整(6章) 30分 鍋坂 理恵
フォトアンドデザイン サン・サン
16:55 JavaScriptライブラリとjQuery (30分) 8章 30分 西畑 一馬
to-R
17:25 HTML5とCSS3 15分 益子 貴寛
株式会社サイバーガーデン
17:40 エンディング 10分  
18:00 終了・アンケート回収    
18:30 懇親会    

※タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します。

セッション内容

XHTML+CSSのワークフロー
山田 恵理子株式会社ゴーフィールド

山田 恵理子近年、Web標準に準拠したサイト制作の重要性が高まり、XHTML+CSSを正しく理解してWebページを制作することが必須になってきています。XHTML+CSSで制作することのメリットやワークフローについてご紹介します。

押さえておきたいXHTMLのキホン10
多田 吉臣有限会社ヘルツ

多田 吉臣マークアップってなに? 正しく書くってどういうこと?まずはこれを知るところから始めてみましょう。「XHTML」のキホンをきちんと押さえることで、「CSS」や「Javascript」も効率的に使えるようになります。
本セッションでは、「押さえておきたいXHTMLのキホン10」を実務的な話を交えながら解説いたします。

マークアップ選びのコツ & HTML5とCSS3
益子 貴寛株式会社サイバーガーデン

益子 貴寛マークアップ選びのコツ
XHTMLのさまざまな要素の意味・役割を理解したら、一般的なWebデザインで「どの部分に、どの要素を」利用するかをきちんと押さえておくのが大切です。実際のWebサイトを例に、ケーススタディをまじえつつ、マークアップ(要素)選びで迷いがちなポイントや、適切に判断するコツを解説します。

HTML5とCSS3

現在、新しいマークアップ言語として「HTML5」が、スタイルシート言語として「CSS3」が普及しつつあります。すでにWebサイト制作に関わっている人はもちろん、これから本格的に関わる人にも必須のスキルとなるでしょう。HTML5とCSS3の全体像、XHTML1.0とCSS2.1との違い、ブラウザのサポート状況などを解説します。

CSSのキホン
筒井 志信Webridge Kagawa

筒井 志信Webページの見た目を指定するための言語が「CSS」です。
セレクタやプロパティの役割をきちんと押さえることはもちろん、基本的な考えやしくみをしっかり理解することが、効率的・効果的なスタイル設定に不可欠です。本セッションでは「CSS」のキホンについてゼロから、つまずきやすいポイントはじっくり解説します。

これだけはおさえておきたい、CSSレイアウトの基本
小林 信次株式会社まぼろし

小林 信次CSSレイアウトは、プラスアルファのスキルではなく、出来て当然のスキルとなりました。
これからCSSレイアウトを学ぶ上で、これだけは押さえておかなければならない「margin」「float」「position」、3つの基本をご紹介いたします。

CSSデザインの実用テクニック
植田 圭嗣(ライジング)

植田 圭嗣コツを理解すると簡単かつ多彩なことができる「CSS」。
明日からすぐに使えるCSSデザインのテクニックとしてナビゲーションを中心にご紹介いたします。

CSSデザインのブラウザ調整
鍋坂 理恵フォトアンドデザイン サン・サン

鍋坂 理恵ブラウザごとにCSSのサポート状況が微妙に異なるため、あるブラウザではきちんと表示されても、ほかのブラウザではズレや崩れが発生したり、一部のスタイルが適用されない場合があります。ターゲットブラウザでのデザインの再現性を確保するためのテクニックを身につけ、適切に利用する方法を解説します。

JavaScriptライブラリとjQuery
西畑 一馬to-R

西畑 一馬いまやWEB制作では必須のスキルになりつつあるJavaScript。
プログラミングだからといって恐れることはありません。「JavaScriptライブラリ」や「jQuery」など、ノンプログラマーでもJavaScriptが簡単に取り扱える仕組みがすでに用意されています。
本セッションでは「JavaScriptライブラリ」と「jQuery」について学んでいただきます。

※他の講師陣は調整中です。確定し次第発表いたします。
※講演内容(セッション内容)は変更の可能性があります。あらかじめご了承ください。