css


講座風景

Dreamweaverの機能を活用し、
スタイルシートの基礎知識から習得できます。

HTMLをシンプルに形成できることで、SEO対策にも有効なスタイルシート。今ではwebサイト構築の基本とも言えるのではないでしょうか。HTMLのタグ知識があまりない・・という方でもご安心ください。Dreamweverには、スタイルシートを指定するための便利な機能が十分に備わっています。せっかくの便利なソフトを使わない手はないですよね。

数あるCSS講座の中でも、Dreamweverを活用した内容の講座は希少です。

CSS:スタイルシート 入門

Dreamweaverの機能を活用し、CSS:スタイルシートの基礎知識から習得できます。

研修内容

  • DreamaweaverのXHTMLとCSS機能について
  • Dreamaweaverの環境設定
  • DreamaweaverのCSS関連ツール
  • コンテンツをXHMLでマークアップする
  • スタイルを作成する(タグの再定義・クラス指定)
  • 画像にフロートスタイルを指定する
  • リストにスタイルを指定する
  • リンクにスタイルを指定する

開講日程

  • 次回開催日  未定

CSS:スタイルシート 基本

Dreamweaver機能をフル活用し、CSSスタイルシートのページレイアウト研修です。
コンテンツをXHMLでマークアップや、<div>でレイアウトなど、タグ辞典とにらめっこしながらではなかなか進まないな・・と感じていらっしゃらないですか?

この実践型講座なら、CSS:スタイルシートレイアウトをマスターできます! レイアウト崩れなどエラーが起きる前に、ブラウザのスタイル初期化も学べます。 これでわずらわしいバグから開放されましょう!

研修内容

  • CSSを使ったページレイアウトとは?
  • 今回制作する画面について
  • ブラウザスタイルの初期化
  • コンテンツをXHMLでマークアップする
  • コンテンツを<div>でレイアウトする
  • リストを利用したナビゲーションをCSSで指定する
  • ロールオーバーナビゲーションをCSSで指定する
  • 今回作成したXHTMLとCSSのソースコードについて

開講日程

  • 次回開催日  未定

CSS:スタイルシート レイアウト応用

Dreamweaver機能をフル活用し、CSSスタイルシートのページレイアウト研修です。【応用】コースも誕生。
CSSを利用してページ作成をする上でトラブルが発生しやすいケースへの対策方法や効率よいCSSソースの管理方法を学習します。CSSを使った基本を学んだ後のステップアップのための受講がオススメ!

研修内容

  • DreamweaverのCSS表示機能-ビジュアルエイド
  • 管理しやすいCSSファイルの設計
  • ブラウザによる表示の違いと対策
  • Floatレイアウトの表示崩れ対策について
  • ページレイアウトをコンポーネント(部品)化する
  • リスト要素<ul>と定義リスト要素<dl>を活用する
  • ページのアクセントにposition指定を利用する
  • ページによってデザインを変更する

開講日程

  • 次回開催  未定

担当講師

森和恵氏

森 和恵氏  r360studio  http://www.r360studio.com/

フリーランスで活動する関西のWebクリエーター。サイトの企画・デザインから制作までをこなす。Web技術に関する講習会やセミナーの講師としても活動しています。「難しいことでも、わかり易く伝える」をモットーに、クリエーターの立場で得た知識を制作者や講師の立場から、皆さまに役立てていただだければ…と日々精進しています。

■Dreamweaver MX 2004 ACI (Adobe認定トレーナー)
森和恵氏のプチノウハウコラム  現場で使えるDreamweaver & Fireworks

お問合せはこちら

このページの先頭へ