・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/ |
ハッシュタグは #cssnitetkmt4です。発言の最後に半角スペース+「#cssnitetkmt4」を入れてつぶやいていただくと、「#cssnitetkmt4」に自動的にリンクが張られて、CSS Nite in TAKAMATSU,Vol.4関連の発言を参照することができます。ぜひ中継や覚書などにご利用ください。 |
連動書籍『効率的なサイト作成のための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/ |
ハッシュタグは #cssnitetkmt3です。発言の最後に半角スペース+「#cssnitetkmt3」を入れてつぶやいていただくと、「#cssnitetkmt3」に自動的にリンクが張られて、CSS Nite in TAKAMATSU,Vol.3関連の発言を参照することができます。ぜひ中継や覚書などにご利用ください。 |
連動書籍『現場のプロから学ぶXHTML+CSS』
今回のCSS Niteビギナーズ HTML+CSS編ではサブテキストとして『現場のプロから学ぶXHTML+CSS』を使用します。
必須ではありませんが、受講そしてこれから学習する際に大変役立つ内容だと思いますので、是非ご購入ください。
※当日の書籍販売はありません。
タイムテーブル
開始 | セッション (サブテキストでの該当章) | 時間 | 出演者 |
---|---|---|---|
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」について学んでいただきます。
※他の講師陣は調整中です。確定し次第発表いたします。
※講演内容(セッション内容)は変更の可能性があります。あらかじめご了承ください。