CSS Nite in SENDAI

CSS Nite(シーエスエス・ナイト)は、Web制作に関わる方のためのセミナーイベント。
マークアップ系にとどまらず、ディレクター、SEO/SEM、プログラマ系、経営者など、Web制作に関わる方の交流の機会となっています。

CSS Nite in SENDAI, Vol.5 『Dreamweaverを使いこなす』

CSS Nite in SENDAI Vol.5 Dreamweaverを使いこなす

概要

イベント名 CSS Nite in SENDAI, Vol.5
開催日程 2010年9月18日(土)12:30 開場 / 13:00 開演 / 17:00 終了予定
開催場所 仙台商工会議所 大会議室
〒980-8414
仙台市青葉区本町二丁目16-12 7F
定員 100名
参加費用

事前登録制です。お早めにお申し込み下さい。

一般:8月19日以降お申込の場合、3,000円(当日3,500円)
  – 早期割引8月18日土曜日までお申込の場合、2,500円
学生:8月19日以降お申込の場合、2,500円(当日3,000円)

  – 早期割引8月18日土曜日までお申込の場合 2,000円
(当日必ず学生証をお持ち下さい。ご呈示頂けない場合、適用されません。)

主催 CSS Nite in SENDAI 実行委員会
共催 CSS Nite株式会社スイッチ
協力 awesome! クリエイターズショップ
TRUNK | CREATIVE OFFICE SHARING
出演

出演者・セッション

Zen-Codingはみんなのもの

2010年初頭、巷で噂になった「Zen-Coding」。テンプレート設計などゼロからのマークアップに特化した印象が強いようですが、実は原稿ベースのマークアップでもその恩恵は受けられます。今回は、Zen-Codingの基本からいろいろな制作パターンにあわせて覚えておけば作業を数倍高速化できるZen-Codingの使い方を紹介します。

写真:こもり まさあき

こもり まさあき
フリーランス

1972年生まれ。インターネット黎明期からWebサイト構築などに関わる。現在は、Web・携帯コンテンツ制作、サーバ管理などのネットワーク関連業務に加え、テクニカルライティング、セミナー講師、アーティストのライブ撮影など業種を限定せずに活動中。Twitter(@cipher)でたまに毒を吐く日々。CSS Nite をはじめ講演多数。近著に『Webデザイン 知らないと困る現場の新常識100(MdN・共著)』など。ソーシャル系のアカウント一覧はこちら(http://bit.ly/mynameis)。

支給されたデータを効率よく利用するためのTIPS

クライアントから支給されたデータにちょっと手を加えることで、Webページの作成にかかる手間を省くことができます。Dreamweaverの検索・置換機能を使ってHTMLのソースをキレイにしたり、原稿となるMicrosoft Office書類を整形してHTMLに組み込みやすくする方法をご紹介します。

千貫 りこ(せんがん・りこ)
KICKS Web

フリーランスのWebクリエイター。主な業務は小~中規模サイトの企画・制作。呉服、店舗、作家・タレント、NPO法人、大学などクライアントの業種は多岐に渡る。2009年春よりロクナナワークショップにてXHTML+CSS講座を担当。共著に『現場のプロから学ぶXHTML+CSS』(毎日コミュニケーションズ)ほか。

効率的なサイト制作のために欠かせないDreamweaverテンプレートの使いどころ

Dreamweaverを単なるエディタとして使っていませんか?
Dreamweaverは、サイトを構築するという流れの中で、ライブラリ、テンプレートなどを使ってこそ、その恩恵に預かれます。

Dreamweaverテンプレートを使うことを自由度が減ると思う方もいるようですが、テンプレートを使うことで次に挙げることが可能になります。
「ロックされた領域をページごとに表示・非表示を切り替える」
「新着情報、FAQなど、項目のセットごとに挿入・削除したり、順番を入れ替える」
「title要素、h1要素、パンくずリストの文字列を一括で挿入する」

Dreamweaverをさらに使い倒し、改めてワークフローを見直しましょう。

鷹野 雅弘(たかの・まさひろ)
株式会社スイッチ

Webサイトの構築やコンサルティングを中心に、WebやDTPに関しての講演やトレーニングのほか、スクールなどのカリキュラム開発も手がける。テクニカルライターとして10冊以上の著書を持つほか、書籍の企画や編集なども行っている。
2005年からCSS Niteを主宰。

主な著書に『効率的なサイト制作のためのDreamweaverの教科書』(毎日コミュニケーションズ、『できるクリエーターDreamweaver独習ナビ』(インプレス)、共著に『Illustrator CS4 完全制覇パーフェクト』(翔泳社)、『Dreamweaverプロフェッショナル・スタイル[CS3 対応]』(毎日コミュニケーションズ)、企画編集を行った書籍に『現場のプロから学ぶXHTML+CSS』(毎日コミュニケーションズ)など。

PhotoshopとFireworksを併用したワークフローに合わせたスライスの使い分け

日頃のデザインワークは全てPhotoshopを使用しています!という方もいらっしゃるのではないでしょうか。
手に馴染んだ勝手のわかるアプリケーションの使用は「いつも通り」という安心感は強いのですが、制作の工程も「いつも通り」の方法で行いますので、更なる効率化は見込みにくい面があります。
中でも顕著なのがスライスの書き出しに関する工程であり、現在のバージョンではより効率良く行える機能が実装されています。
今回は「PhotoshopとFireworksを併用したワークフローに合わせたスライスの使い分け」をご説明します。

赤井澤 聡史(あかいざわ・さとし)
polariot/デザイナー/CSS Nite in SENDAI 実行委員/dachas モデレーター

1981年生まれ。宮城県出身。グラフィックデザイン・建築デザインを経て2008年より制作会社にてWebデザイン、コーディング、ディレクションを担当し、多くのWebサイト制作に携わる。2010年2月に独立しフリーランスで活動中。
2009年よりCSS Nite in SENDAI 実行委員会に参加。平行してdachasの運営のお手伝いも。

Web制作を加速させる「Fireworks」

Fireworksのページ機能やスライス機能などをうまく活用すれば、Dreamweaverをもっと活用できます。
Fireworksの機能を知ることで、Web制作を加速させましょう。

佐藤 裕(さとう・ゆう)
Bluebeck/Webクリエイター/CSS Nite in SENDAI 実行委員会・dachas 代表

雑誌制作に携わっていた2000年、「Dreamweaver3/Fireworks3 Studio」に出会い、独学でWeb制作を学び始める。その後、雑誌のWebサイト制作を手掛け、2002年に独立。本格的にWeb制作業務を開始する。
Webコンテンツ制作・ディレクションを主に行うほか、大学の非常勤講師として情報論、Web制作演習の講義も行う。

DreamweaverテンプレートのContribute最適化

Contributeというソフト、CS*についてくるあのソフト、皆さん起動したことございますでしょうか?
このソフトはDreamweaverで制作し完成、納品となった後に、制作時に使用したDreamweaverテンプレートがクライアントサイドで再び利用できるソフトなんです。

サイト公開後、制作会社はDreamweaverを使いながらサイトの管理を行い、クライアント側ではContributeを使って更新することができます。
チェックインチェックアウト機能で同一ファイルを同時に編集すること無く、サーバ上のファイルをそれぞれ取り扱うことができます。
これを使えば自分で簡単に更新したいクライアントとトーン&マナーを壊されたくない制作会社がともに満足できるサイト運用が可能です。

今回はDreamweaverを使ってContributeで使いやすいテンプレートへのカスタマイズ方法などをご説明します。

高田 次朗(たかだ・じろう)
Miles Design and ADG/CSS Nite in SENDAI 実行委員/dachas モデレーター

10年ほど前からWeb制作に関わり、数社の制作会社を転々とした後、2007年に独立しフリーランスとなり現在に至る。ディレクション業務を中心として活動中。

タイムテーブル

開始 セッション 出演者
12:30 開場・受付開始  
13:00
[10分]
開演・オープニング  
13:10
[40分]
[ Session 1 ]
支給されたデータを効率よく利用するためのTIPS
千貫 りこ
14:10
[40分]
[ Session 2 ]
Zen-Codingはみんなのもの
こもり まさあき
15:10
[40分]
[ Session 3 ]仙台組ショートセッション

  • PhotoshopとFireworksを併用したワークフローに合わせたスライスの使い分け
  • Web制作を加速させる「Fireworks」
  • DreamweaverテンプレートのContribute最適化
赤井澤 聡史
佐藤 裕
高田 次朗
16:10
[40分]
[ Session 4 ]
効率的なサイト制作のために欠かせないDreamweaverテンプレートの使いどころ
鷹野 雅弘
16:50 エンディング  
17:00 終了