この講座では、スマートフォンデザインの「基礎」・「上級」を学習します。
今流行りのスマートフォンに対応させたWebサイトを制作するための初めの一歩です！
初級の内容は、スマートフォンはマウスを使わず、主に指タッチによる入力となり、今までのPCサイトのデザインルールと大きな違いがあるため、スマートフォンサイトルールをHTML5/CSS3を使用して新たに学びます。業界では定番であるXHTMLとCSSの基礎構文をある程度理解している方向けの講座になります。
上級の内容は、スマートフォンサイトをカスタマイズする上で役立つAjaxライブラリ（jQuery Mobile）を利用し、スマートフォンでの閲覧に特化したユーザビリティの高いサイト制作技術を学習します。後半ではご自身のオリジナルサイトを作成し、ゼロからのサイト提案・制作を経験する事により表現力や構成力を伸ばしていきます。
スマートフォンサイトの需要が高まっているため就転職にも強い講座です！
【スマートフォンデザイン基礎】
| 【セクション / カリキュラム名】 | 【講座内容】 | |
|---|---|---|
| Section.01 | スマートフォンとは | ●スマートフォンとは？ ●スマートフォンサイト ●使用比較 ●環境構築 |
| Section.02 | 企画・設計・デザイン | ●ワークフロー ●題材サイト ●サイトマップ ●デザインの基準 ●ラフデザイン ●ワイヤーフレーム ●デザインカンプ ●スライス・最適化 |
| Section.03 | HTML5コーディング | ●HTML5の基本マークアップ ●新要素による区分け ●HTML5リセットCSS ●IDとClassの設定 |
| Section.04 | CSS3によるレイアウト | ●基本設定＆ヘッダー ●ナビゲーション ●コンテンツ＆フッター ●テキストの適合 ●PC/スマートフォンの振り分け |
【スマートフォンデザイン上級】
| 【セクション / カリキュラム名】 | 【講座内容】 | |
|---|---|---|
| Section.01 | ｊQueryの利用 | ●操作感を意識したページ作り ●ｊQueryとは ●スムーススクロール ●ユーザビリティを向上させる ・折りたたみパネル ・スライドパネル ・タブパネル |
| Section.02 | ｊQuery Mobile | ●jQuery Mobileとは ●HTMLコーティング ●構造定義 |
| Section.03 | 便利な機能 | ●バルーンポップアップ ●ホームアイコン ●動画リンク |
Tweet