ふくいWebデザイン塾〜XHTML＆CSS コーディングスキル習得コース〜 - blog

ふくい産業支援センターのIT研修にて、ふくいWebデザイン塾〜XHTML＆CSS コーディングスキル習得コース〜の講師を担当させていただくことになりました。

弊社で実施した「Web標準に準拠したXHTML・CSSコーディング初級編」をブラッシュアップしたカリキュラムとなっています。これまでは全12回でしたが、今回は総時間数据え置きでの全6回に。より集中して学んでいただけるようになりました。

ふくい産業支援センターのIT（パソコン）研修: ふくいWebデザイン塾〜XHTML＆CSS コーディングスキル習得コース〜

もう一度正しく学ぶ、Web制作の基礎。

Web制作者（またはそれを目指す方）を対象とした、XHTML&CSSコーディングスキル習得コースです。Webをさまざまな環境に対応させる基準となる「Web標準」を習得するために、「XHTML＆CSS」の技術を学習します。先端の基礎技術を正しく学ぶことは、応用力への飛躍力をつけること。初心者の入門編として、または経験者の「基礎固め」として最適です。

受講費用

受講料：16,000円, テキスト料：2,520円

定員

12名

開催期間

平成19年 10月11日、18日、25日、11月8日、15日、22日 19:00〜21:30

会場

福井県産業情報センタービル　パソコン実習室（坂井市丸岡町熊堂3−7−1−16）

講座内容

イントロダクション、ワークショップ

Webデザイナーに必要な知識

Web標準とは〜XHTML, CSS, javascript それぞれの役割〜

制作の際、便利なツール（Firefoxエクステンションなど）の紹介

[ワークショップ] 身近なデザインから「文書構造」と「視覚表現」を抜き出してみよう

コーディング演習1

XHTMLの書式と構造

head要素に記述する文書の基本情報について（title要素、meta要素など）

CSSの書式

CSSでテキストの見栄えを変えてみる（サイズ、太さ、色、など）

[演習] CSSによる見出し, 本文のデザイン

コーディング演習2

XHTML: 本文の構成要素（見出し、本文、リスト、表組み、など）

CSSでレイアウトの見栄えを変えてみる（余白、枠線、背景の設定など）

[演習] CSSによるレイアウトの基本

コーディング演習3

div要素の使い方〜id属性、class属性について〜

CSSによる段組レイアウト（2段組、3段組）

[演習] CSSによる段組レイアウト

実践課題 CSSでブログをデザイン！

Movable Type 4 について

[演習] CSSによるブログのデザイン　※講座の時間外でも、演習が可能とします

実践で使えるTipsとまとめ

javascriptライブラリを利用してユーザビリティを向上する

CSSハック（各ブラウザのバグに対応する）

課題発表, 総評

前提知識

インターネットを日常的に利用し、ダウンロード、インストールなどのPC操作が出来る方。

PCで文字の入力ができる方。テキストのコピー＆ペーストが出来る方。

講座で学んだことを、自ら進んで実践出来る方。　※自分でコードを書かないと、忘れてしまいます。 :-)

※ホームページビルダーやDreamweaverといった制作ソフトの利用経験がない方や、Webサイト制作経験がない方でも受講可能です。

このような方におすすめします

HTMLやCSSの文法について、基礎から正しく学びたい方

テーブルレイアウトを辞めたい方

アクセシビリティ、ユーザビリティを改善されたい方

メンテナンス性を向上させ作業効率を上げたい方

チームで共通ルールを設定し、コードの再利用性を高め、工数を削減したいWeb制作会社

Webサービス・Webアプリケーションの開発で、インターフェースデザインをされている方

以下の方は対象外です

ビジュアルデザインについての技法を知りたい方（バナーの作り方、美しいレイアウト・配色についての講義・演習はありません）

制作ソフト独自の機能について詳しく知りたい方（Dreamweaverのテンプレート機能などについての解説はありません）

実習環境

OS: Windows XP

制作ソフト: Dreamweaver 8（Dreamweaverの操作経験がない方でも理解できる範囲で利用します）

※その他の環境で実習を希望される場合は、事前にご相談ください。

テキストについて

Web標準の教科書―XHTMLとCSSでつくる"正しい"Webサイト

※すでに所有されている方は、テキストの購入は必要ありません。

#講座担当大木さんのコメントです。

最近では、「Web標準」に準拠したサイト（ホームページ）制作が一般的になりつつあり、その実現には、正しいXHTML、CSSの理解が不可欠です。

本年度の当センターのＩＴ研修でも、XHTML、CSSの基本を習得するための研修を多く実施しており、ほとんどすべての研修で満席状態となったことからも、その注目度が分かります。

それは、SEO効果やサイトのメンテナンス性の向上、ブログやAJAXなど最新Web技術を使いこなるためには、XHTML+CSSの正しい理解とコード修正の知識が必要なことに、多くの人が気付きはじめているからだと思います。

今回ご紹介する「ふくいWebデザイン塾〜XHTML＆CSSマスターコース〜」は、Web標準に準拠したサイトの制作方法を勉強したいとお考えになっている方向けの講座です。

~~受講申し込みは、以下のページにて受付中です。~~定員に達したため、締め切られました。（9月26日追記）

ふくい産業支援センターのIT（パソコン）研修: ふくいWebデザイン塾〜XHTML＆CSS コーディングスキル習得コース〜