Webデザイン科

Webデザインコース

厚生労働省支援訓練認定校の実績を基に、Webデザイン、Webサイト制作のスキル（HTML・CSSの基礎）を身につけることができる授業です。AdobeWebデザインソフト（Dreamweaver、Fireworks）を駆使して、Webの基礎技術から制作まで習得していく授業です。

Webデザイナー、Webクリエイター、Webサイト管理者等のWebに関する仕事を行う上で必須の知識や各種ツールの操作技術を学びます。Web製作の流れにそってサイトを作成できる一貫した知識と技術を習得します。

時間：1回6時間 5回(計30時間)

特別授業料：50,000円(税込)、テキスト代2,520円(税込)

対象となる方：初心者、未経験者、Webデザインの基礎技術習得を目指す方。

使用ソフト：Adobe DreamweaverおよびFireworks　CS5.5またはそれ以前（バージョンは、ご希望に応じます）。

テキスト：「3週間でマスター　Webデザインの教室」　CS5対応版

--------------------------

お問い合わせは、お電話（03-3818-5811）またはこちらからお気軽にどうぞ。

授業内容

1.Webデザイン概論（3時間）

実際のWebページを参考にして、Webページのデザインや作り方、制作の流れ、必要なソフトを学びます。

　グラフィックデザインとWebデザインの違い、Webデザインとコーディング、企画書・サイトマップ・ワイヤーフレーム作成についてなど

2.Fireworks演習（9時間）

Web画像に関する知識を理解し、FireworksによりWeb画像を作成・編集する技術を習得します。

●FireworksでWebページのデザインをします。
　Fireworksの画面構成、新規ページ作成（新規ドキュメント・ガイド・保存）、新規レイヤー作成、ベクトルデータの読み込み、テキストツール、楕円ツール、長方形ツール、ライブフィルター、マスクとしてグループ化、ラインツール、Photoshop画像の配置、複合シェイプ、レイヤーの複製、グラデーション、パスの結合、テキストアウトラインカラー、自動シェイプ、ページの複製、などです。

●スライス(Fireworks)

・スライス(Fireworks)について

　スライスとは？、最適化とは？（ファイル形式、[最適化]パネル、透明化）、スライス作成、スライス名設定、Webレイヤー、[ステート]パネル、書き出し設定、書き出し用フォルダ、などです。

・デザインパーツ作成例

3.Dreamweaver演習（18時間）

HTMLとCSSを理解し、DreamweaverによりWebサイトを制作する技術を習得します。

●Dreamweaverでコーディング1(マークアップ編)
　Dreamweaverとは？、Dreamweaverの画面構成、マークアップとは？（HTML、XHTML）、環境設定、サイトの定義、[ファイル]パネル、[挿入]パネル、body内のマークアップ（h要素、ul要素、dl要素、address要素）、グルーピング（div要素、スタイル名）、画像とリンク（img要素、画像配置）、リンク設定（a要素、mailto:設定）、などです。

●Dreamweaverでコーディング2(CSS編)
　CSSとは？、CSSの記述、CSSの書式、CSSでの色と長さの単位、ボックスモデル（ボックス、内容、パディング、ボーダー、マージン）、フロートレイアウト（floatプロパティ、clearプロパティ、widthプロパティ、marginプロパティ、）、ブラウザー固有の表示を初期化（CSSスタイルパネルなど）、ページのレイアウト（CSSスタイルパネル、センターレイアウト、タイププロパティ、背景プロパティ、ブロックプロパティ、ボックスプロパティ、ポジションプロパティ、スタイルの編集、ライブビュー、繰り返さない背景画像の配置、ボーダープロパティ、class属性値）、などです。

●JavaScriptライブラリ
　JavaScriptライブラリ、alphafilter.js、heightLine.js、などです。

●納品前の動作確認
　Adobe BrowserLab、などです。