旧ブログコンテンツ

現在は note で発信しています。

CSS Nite in Osaka 2007 春の陣“前夜祭”を開催します

CSS Nite in Osaka 2007 春の陣（前夜祭） #CMS #Dreamweaver #Dreamweaverテンプレート #Fireworks #LP #SEO #カンプ #デザイン #プレゼンテーション #レイアウト #益子_貴寛 #鷹野_雅弘

CSS Nite in Osaka 2007 春の陣開催の前日19時から、アップルストア心斎橋にてCSS Nite in Osaka 2007 春の陣“前夜祭”を開催します。

事前登録不要、参加費無料ですが、椅子が20席ちょっとしかありませんので、「立ち見」になりますことをご了承ください。なお、参加表明（mixi内）いただくと優先的にレジュメを提供します。

  • Webサイトのブランド価値はどうやって把握する？／益子貴寛（サイバーガーデン）
  • Apple Keynoteとプレゼンテーションに関するエトセトラ（ショート・バージョン）／鷹野雅弘（スイッチ）
  • SEO×PHP×XHTMLに最適化されたCMS開発のコツ／西畑 一馬（ネットテン）
  • CSSレイアウト前の画像切り出しテクニック／尾垣 彰夫（ネットテン）
  • コードビュー中心で開発するDreamweaverテンプレート／丸山 章
    ※CSS Nite LP, Vol.2の再演（ショート・バージョン）</li>

24日の本編と、基本的に内容のカブりはありません。 ※Dreamweaverテンプレートという視点ではカブっていますが、内容や切り口は異なります。

関連リンク

Webサイトのブランド価値はどうやって把握する？

企業のWeb担当者は、自社のサイトが世の中でどのように評価されているか大いに気になるはず。個人でサイトやブログを公開している人も評判の良し悪しを知りたいでしょう。単にアクセスログ解析を眺めるだけではない、Webサイトのブランド価値把握のためのさまざまな手法やツール、見方・読み方・活かし方を説明します。

益子貴寛（ましこ・たかひろ）

写真：益子貴寛さん

サイバーガーデン代表。Webプロデューサー。

サイバーガーデン代表。Webプロデューサー。

大学院在学中の1999年5月にWebリファレンス＆リソース提供サイト「CYBER@GARDEN」を立ち上げる。一般企業に就職後もWebデザイン誌での執筆やW3C仕様書の翻訳活動を続け、2003年5月に独立。

  Webサイトのプロデュースや戦略立案、Web制作会社のコンサルティング、Webクリエイター向けの講義やトレーニングに従事。2007年からは独自ブランドでの<a href="http://web.cybergarden.net/">ハンズオントレーニング「サイバーガーデンbiz」</a>を開始。 </p>
<p><a href="http://webken.jp/">Web検定</a>プロジェクトに携わり、<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4862670091/cssnite-22/">『ウェブの仕事力が上がる?標準ガイドブック１「Webリテラシー」』</a>の執筆・監修を担当。</p>
<p><strong>著書</strong>:
『<a href="http://www.amazon.co.jp/o/ASIN/4798010928/cssnite-22/ref=nosim/">Web標準の教科書─XHTMLとCSSで作る“正しい”Webサイト</a>』、『<a href="http://www.amazon.co.jp/o/ASIN/4798008168/cssnite-22/ref=nosim/">伝わるWeb文章デザイン100の鉄則</a>』（以上、秀和システム）<br />

『スタイルシート・デザイン─XHTML+CSSで実践するWeb標準デザイン講座』（MdN、共著）など。
『月刊web creators』、『WEB STRATEGY』、日経BP社 ITproで連載中。

Apple Keynoteとプレゼンテーションに関するエトセトラ

過去20回近くにわたるCSS Niteでのプレゼンテーションを通して試行錯誤してきたCSS Niteの主催者が考えるプレゼンのあり方、Keynoteの使いこなしや、プロット作りなど、ノウハウやTipsをお蔵出しします。

<h4>鷹野 雅弘</h4>
<p class="profilePic"><img src="https://cssnite.jp/images/takano120-2007.jpg" alt="写真：鷹野雅弘" width="120" height="120" /></p>
<p><a href="http://swwwitch.jp/">株式会社スイッチ</a></p>
<p>Webサイトの構築やコンサルティングを行う傍ら、WebやDTPに関するトレーニングや執筆活動を行う。<br />
  10冊以上の著書を持つほか、メールマガジン「<a href="http://www.mag2.com/m/0000169311.html">DreamweaverでWeb標準</a>」を発行。 近著は『<a href="http://www.amazon.co.jp/gp/product/4839922160/cssnite-22">Dreamweaverプロフェッショナル・スタイル</a>』の企画・編集。『CSS Nite』を主催。</p>
<p>また、<a href="http://webken.jp/">Web検定</a>プロジェクトに携わり、<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4862670091/cssnite-22/">『ウェブの仕事力が上がる?標準ガイドブック１「Webリテラシー」』</a>の監修を担当。</p>
<p><strong>著書</strong>:
  『<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4798109711/cssnite-22/">Illustrator CS2完全制覇</a>』（翔泳社）、
  『<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4844321315/cssnite-22/">できるクリエーターFlash独習ナビ</a>』（インプレス）、『<a href="http://www.amazon.co.jp/gp/product/4839922160/cssnite-22">Dreamweaverプロフェッショナル・スタイル</a>』（毎日コミュニケーション、共著）、<a href="http://www.amazon.co.jp/o/ASIN/4872837037/cssnite-22/ref=nosim/">『プロの現場から学ぶDTPデザイン』</a>（エクスメディア、共著）<br />
<a href="http://jobzine.aquent.co.jp/special/index.php">エイクエント「JOBZINE」</a>、<a href="http://blog.dgcr.com/mt/dgcr/archives/16_/">日刊デジタルクリエーターズ</a>、<a href="http://itpro.nikkeibp.co.jp/article/COLUMN/20070214/261909/">日経IT pro</a>で連載中。</p>

SEO×PHP×XHTMLに最適化されたCMS開発のコツ

XHTML+CSSの普及によりCMS開発は大きく変わりました。プログラマー、デザイナーがともに作業でき、SEOとXHTMLの恩恵が受けられるCMS開発のコツを説明します。

<h4>西畑 一馬（にしは・たかずま）</h4>
<p class="profilePic"><img src="https://cssnite.jp/images/nishihata.jpg" alt="写真：西畑 一馬さん" width="120" height="120" /></p>
<p><a href="http://www.e-netten.ne.jp/">株式会社ネットテン</a></p>
<p>1979年 大阪生まれ。2002年からシステム開発会社で大阪市、高知市、防衛庁などのサイト制作に関わる。その後、2005年に株式会社ネットテンの企画・システム開発部の立ち上げに参加。LAMPによるシステム開発を得意とし、プログラマーの視点から、SEO対策を簡単にWebサイトに施せるシステムを多数開発。</p>
<p>現在のお仕事:ポータルサイト企画開発運営CMSパッケージの制作</p>
<ul>
  <li><a href="http://blog.webcreativepark.net/">とあるWEBクリエイターのblog</a></li>
  <li><a href="http://seo.webcreativepark.net/">SEO対策TIPS</a><br />
  </li>
</ul>

CSSレイアウト前の画像切り出しテクニック

CSSレイアウトでは、デザインカンプ上のビジュアル要素をシンプルに書き出し、かつ応用の利くデザインにすることが大切。CSSによる背景設定を想定した切り出しや、ベタ埋め込みにするかどうかの見切りが必要です。デザインカンプからの切り出し方や、その際に使える小技を凝縮して解説します。

<h4>尾垣 彰夫（おがき・あきお）</h4>
<p class="profilePic"><img src="https://cssnite.jp/images/ogaki.jpg" alt="写真：尾垣 彰夫さん" width="120" height="120" /></p>
<p><a href="http://www.e-netten.ne.jp/">株式会社ネットテン</a></p>
<p>新潟へ出稼ぎ後、株式会社ネットテンにWebデザイナーとして入社。社内講習でXHTML+CSSを教わり、CSSレイアウトを叩き込まれる。その後、Action ScriptをきっかけにFlashのおもしろさに目覚め、現在はコアスキルを広げるべくPHP、CMSも勉強中。関西のWebデザイナーのひとりとして、同じ業界の方々と交流を持ちたいと考えている。</p>
<p><strong>現在のお仕事:</strong>    自社提供ポータルサイトのデザインを担当</p>

コードビュー中心で開発するDreamweaverテンプレート

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

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

※好評だった『CSS Nite LP, Vol.2』での講演の再演（短縮版）です。

<h4>丸山 章（まるやま・あきら）</h4>
<p class="profilePic"><img src="https://cssnite.jp/images/maruyama_lp2.jpg" alt="写真：丸山 章さん" width="120" height="120" /></p>
</a></p>
<p>経歴：鳥取大学農学部大学院中退後、鳥取市内のデザイン会社に入社。入社後、いきなり自社Webの作成を命じられてWebの道へ。以後Web制作担当として10年間従事。現在退職し次の職に向けて充電中。

Dreamweaver・Fireworksのカスタマイズで作業の効率化を模索中。

<p><a href="http://homepage.mac.com/akira_maru/fireworks/">自作Fireworksコマンド</a>
</p>