旧ブログコンテンツ

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

2ページ目   #レイアウト#デザイン#Dreamweaver

AQUENTセミナー:「Adobe CS6で学ぶ、 今、身に付けておきたいWebサイト制作スキル」

AQUENTが主催するセミナー「Adobe CS6で学ぶ、今、身に付けておきたいWebサイト制作スキル」が、大阪、名古屋、福岡で開催されます(都内版は終了)。

大阪(6月3日10:30-12:00)福岡(6月16日13:30-15:00)のみ残席わずか、残りは満席になっています。

>アドビ社からCreative Suiteシリーズの新バージョン「CS6」が発表されました。 Dreamweaver CS6やFireworks CS6に搭載された新機能は、スマートフォン、マルチデバイス対応など、Webサイトの制作現場で求められている新技術の実装を容易にするものが多く含まれています。

スマートフォン対応には、デバイスの横幅に応じて異なるレイアウトを適用する「レスポンシブWebデザイン」、JavaScriptフレームワークのモバイル版である「jQuery Mobile」の2つのアプローチが注目されています。

Dreamweaver CS6には「レスポンシブWebデザイン」対応のサイト制作を容易にするための「可変グリッドレイアウト」や、jQuery Mobileのテーマを視覚的に適用する「jQuery Mobileスウォッチ」などの機能が、Fireworks CS6では、jQuery Mobileテーマを作成したり、CSS Spriteを書き出す機能が強化されています。

さらにスマートフォン対応で忘れてならないこととして、CSS3の利用によって画像を減らし、読み込み速度を上げることです。Fireworks CS6では、角丸、ドロップシャドウ、グラデーションなどをCSS3のコードとして書き出すことができます。

このように、Dreamweaver CS6/Fireworks CS6のは、これからのWebデザインを行う上で生産性を上げるために必須のツールとなりつつあります。

そこでエイクエントは、CSS Niteの主宰者としてお馴染みの鷹野さんをお招きし、今身に付けておきたいWebサイト制作スキルを、Dreamweaver CS6 / Fireworks CS6を使ってデモンストレーションしていただきます。

Webサイト制作に携わる多くの方のご参加をお待ちします。


CSS Nite redux, Vol.5 powered by デジタルハリウッド福岡校が終了しました

2011年11月25日、デジタルハリウッド福岡校 セミナールームにてCSS Nite redux, Vol.5を開催し、44名の方にご参加いただきました。

ツイートは下記にまとめました。

次のブログで取り上げていただきました。ありがとうございます。


「CSS Nite redux, Vol.5 powered by デジタルハリウッド福岡校が終了しました」の続きを読む

9月14日開催のCSS Nite in Ginza, Vol.59のテーマは「Dreamweaverによるレスポンシブ・デザインの実装」

CSS Nite in Ginza, Vol.59

2011年9月14日(水)19:00-20:00、アップルストア銀座 3FシアターにてCSS Nite in Ginza, Vol.59を開催します。

>同じHTMLを使いながら、デスクトップ、タブレット、スマートフォンのデバイスごとに異なるレイアウトを与える「レスポンシブ・デザイン」をDreamweaverで実装する方法についてフォーカスします。メディア・クエリーなどDreamweaver CS5.5で強化されたポイントに絞ってご紹介します。

ご参加に関して

  • アップルストア銀座で開催のCSS Niteでは、事前登録を受け付けています。事前登録いただいた方は、優先入場が可能です。確実にご参加されたい方は、事前登録をお願いします。また、リマインダーやフォローアップのメールをお送りします。
  • Facebookにもイベントページが立っています。こちらは、仮登録といった位置づけです。

CSS Nite in Ginza, Vol.49:バシャログの中の人が登場

CSS Nite in Ginza, Vol.49

2010年7月15日(木)、アップルストア銀座 3Fシアターで開催するCSS Nite in Ginza, Vol.49に、バシャログの中の人が登場します。

バシャログは、横浜市・馬車道にある株式会社シーブレインのWEB制作スタッフが2007年より運営するブログ。ディレクター、デザイナー、マークアップエンジニア、プログラマーなど、総勢9名の気持ちは若い現役スタッフによりほぼ毎日絶賛更新されています。

今日から使えるWeb制作現場のテクニック(デザイン~マークアップ)

支給された原稿素材を元にレイアウト→デザイン→マークアップという工程を踏んでページが完成していくまでの過程を、ライブコーディングと使える TIPS の紹介を挟みながら解説。

<デザイン(Fireworks Tips 他)>

  • ちょとした工夫で見栄えが上がる TIPS のご紹介。
  • 効率的なソースの管理とイメージの書き出し。

<HTML コーディング(Dreamweaver Tips 他)>

  • エディタと Dreamweaver を使い分けた、職業コーダーならではのスピードコーディングのご紹介。
  • マクロ整形、スニペット、キーボードショートカットのカスタムをフル活用し、短時間でページをコーディングします。(LIVE)

<CSS コーディング>

  • 自作ツールやフレームワークを使った、ライブコーディング。
  • スッキリとクロスブラウザを実現する TIPS のご紹介。

<One More Thing?>

  • 未定

バシャログ。

株式会社シーブレイン
WEB制作スタッフ

横浜市・馬車道にある株式会社シーブレインのWEB制作スタッフが2007年より運営するブログ。

創業15年、数々のWEBサイト構築を手掛けるシーブレインの制作現場で培われた、デザイン、マークアップ、プログラミングなどの即活用できるノウハウやTipsを紹介。CSSテクニックの特集エントリーなどは特に多くのアクセスを集める。

ディレクター、デザイナー、マークアップエンジニア、プログラマーなど、総勢9名の気持ちは若い現役スタッフによりほぼ毎日絶賛更新中。

参加費は無料です。事前登録いただくと確実にご入場いただけます。 現在、mixiのコミュニティ内で参加表明を受け付けています。たくさんのご参加をお待ちしています。


CSS Nite in OSAKA, Vol.15ご出演の森 和恵さんより、直前情報

CSS Nite in OSAKA, Vol.15にご出演される森 和恵さんのセッション『知ってて得する「Dreamweaver」の勘どころ。』についての情報が届きました。

Dreamweaverを長く使っている人、でもまだまだなにげに使い続けている人へ。<br />

「え!?こんな事が出来たの?知らなかった!!」と驚く人もいるはず!

森さんからのコアメッセージ

多機能なオーサリングツールである『Dreamweaver』のあまり知られていない便利な機能を紹介します。

自己流でなんとなく使っているライトユーザーやコードビューしか利用していない手打ち主義ユーザーがさまざまな機能を利用して作業効率をアップしてもらえれば・・・と思います。<br />

セッション内容抜粋

    <li>新規ドキュメント/フォントサイズ/コードフォーマット/エディターについて。</li>
    <li>Dreamweaverをより使いやすくカスタマイズする環境設定を紹介。</li>
    <li>ファイル管理のためにサイト定義が必要なことやファイル管理の方法、Webサーバー側のファイル管理において便利な"クローク"や"同期"機能を紹介。</li>
    <li>デザインビューをみたままCSSレイアウトを行うのに便利な&quot;Divタグを挿入&quot;機能の紹介。</li>
    <li>複数ファイルに分かれているCSSコードを見つけるのに便利なツールを紹介。</li>
    <li>CSSパネル/CSSルール定義/コードナビゲータ。</li>
    <li>テンプレートファイルの作成方法、また、階層の深いサイトで必要なテンプレートのネストも解説。</li>
    <li>&quot;編集可能なタグ属性&quot;を利用してページ毎に色合いを変える。</li>
    <li>テンプレート機能の"編集不可部分のタグ属性"を使って特定のタグのCSSを切り替る方法を解説。<br />
    	これを利用すれば、「そのページに該当する編集不可部分のリンクボタンの色を変更する」ことも可能になる。</li>
    <li>Contributeでテンプレートを活用する。</li>
    

※内容は5/6現在の情報で、変更になる可能性があります。ご了承下さい。

ぜひお楽しみに!ご来場お待ちしております。

    <li><a href="https://cssnite.jp/osaka/vol15/">CSS Nite in OSAKA, Vol.15</a></li>