Web実践キャリア就転職総合コース｜パソコン教室・資格講座なら【KENスクール】

短期間でプロのWebクリエイターに転身！

Web実践キャリア就転職総合コース

DTP経験者からWebクリエイターへ即転身！

DTPは経験があるけれど、今後はWebで時間をかけずに就転職を目指したい！という方へお勧めのコースです。HTML/CSSによるレイアウト方法、業界標準のWeb制作ソフトであるDreamweaverを使っての実践的サイト構築、さらにWebサイトに動きを加えるためのJavaScript/jQueryを基礎からしっかり学習します。本講座は実務研修「極」コーディング／制作編を含むことで、制作現場同様の環境の中、実際に現場で必要とされるスキルも習得できます。Web制作の即戦力スキルとDTPデザインの経験が更に活かせる講座です。さらに、HTML5×CSS3を使用したスマートフォン（iPhone&Android）のサイトデザインも習得できます。

一般教育訓練給付金制度厚生労働大臣指定講座

サポート
習得スキル	HTML/CSS Dreamweaver jQuery サイト制作
取得資格	ウェブデザイン技能検定2級対策講座

この講座の3つのポイント

• HTMLマークアップ、Webコーディング、実践的なサイト作成方法が身につきます
• プロフェッショナルなWebサイトが作れるようになります
• プロとして必須の業界知識が身につき、素人とプロの違いが理解できます

カリキュラム

• HTML/CSS10時間
  • ●HTMLの概要●HTMLの構造／記述／規則●文書構造●属性と属性値●イメージの挿入●スタイルシート●ブロック要素とインライン要素●CSSの記述●セレクタ●リンク●CSSレイアウト●グループ化●テーブル●フォーム
• Dreamweaver15時間
  • ●サイトの流れ●基本操作●初期環境の設定●サイトの管理●HTMLファイルの新規作成●HTMLの各種設定●ページタイトルの設定●言語設定●コンテンツタイプの設定●ページのキーワードの入力●ページの説明の入力●ページ内容のマークアップ●リンク設定●ブラウザーでプレビュー●画像の挿入●グループ化●CSS●セレクタの種類●基本セレクタ●クラスセレクタ●IDセレクタ●子孫セレクタ●擬似クラス●全称セレクタ●ショートハンドの設定●コメントの入力●スニペットの使用●CSSでページの基本設定●Wrapperの設定●Headerの設定●floatでの回り込み●表データの読み込み●Global naviの設定●ロールオーバー設定●MainVisualの設定●SubContentsの設定●Maincontentsの設定●Footerの設定●定義タグ●テンプレートの利用●編集可能領域の作成●原稿の流し込み●テンプレートの編集●ID属性の変更
• デザイナーのためのJavaScript/jQuery講座15時間
  • ●JavaScriptとは？●JavaScriptの基本文法●外部ファイルで使用●変数と演算子●メソッドとイベント●プロパティ●関数と引数●配列と繰り返し（for文）●繰り返し（while文）●条件分岐●jQueryとは？●jQueryのダウンロード●jQueryの読み込み●jQueryの基本文法●セレクタ・フィルタ一覧●データの確認●スムーススクロール●クロスフェードボタン●スライダー●エレベーターメニュー●カラーボックス●フォームバリデーション●ファイル構造の完成例●テンプレート●トップページ●お問い合わせ●スタイルシート
• ウェブデザイン技能検定2級対策講座12時間
  • ●インターネット概論●ネットワーク知識●Web標準規格と動向●セキュリティ技術●知的財産権●インターネットにかかわる法令●HTML・CSS・JavaScriptのコーディング知識●ページデザイン・レイアウトにおける知識●ユーザビリティ●アクセシビリティ●ユニバーサルデザイン●運用●作業環境・安全衛生●HTML、CSS、Dreamweaver、Photoshop、Flash、JavaScriptなどを使用した実技●操作スピード
• 「極」コーディング/制作編40時間
  • ●制作の仕事●スケジューリング●制作サイトの題材を確定●競合となるサイトの分析●コンセプトシート（仕様書）の作成●コンテンツ洗いだし●サイトマップ作成●ラフ案の作成●ワイヤーフレーム作成●レイヤーカンプ（イメージ）作成●スライス●サイトの組立て（コーディング）●スマートフォンデザイン基礎講座：スマートフォンとは？●スマートフォンサイト●仕様比較●環境構築●企画・設計・デザイン●ワークフロー●サイトマップ●デザインの基準●ラフデザイン●ワイヤーフレーム●デザインカンプ●スライス・最適化●HTML5の基本マークアップ●新要素による区分け●HTML5リセットCSS●IDとClassの設定●CSS3によるレイアウト●基本設定＆ヘッダー●ナビゲーション●コンテンツ&フッター●テキストの適合●PC/スマートフォンの振り分け

こんな人におすすめです

• DTP経験者の方
• Web業界へ転職したい方
• スキルアップを考えている方