Human ヒューマンアカデミー

メニュー

web講座コース詳細

セットコースDw

「スマートフォンならでは」の サイト制作を習得できます。
【オンラインスタイル】スマートフォンサイト基礎コース

  • 初級~
  • 中級~
  • 資格取得
  • 就転職
  • 学生
  • フリーター
  • キャリアアップ

こんな方におすすめ!

  • 初心者からスタートしてスマートフォンサイト制作スキルまで身に付けたい方に
  • スマートフォン向けならではのデザインやレイアウトの方法を身に付けたい方に
  • スマートフォンに最適化したサイトの制作スキルを身に付けたい方に

受講料

受講料 226,000円(税込 244,080円)

月々4,700円から学べる!

受講単位

44単位  (1単位90分)

受講期間の目安
週2日⇒6ヵ月 週4日⇒3ヶ月

カリキュラム

HTML講座講座

1.HTML基礎 HTMLの概要、原則となる文法、考え方を学習します。 1
2.HTML要素 基本的なHTML要素を学び、Webページを実際にマークアップします。 3
3.パスとURI URIやパスとは何か、というところからおさえ、相対パス・絶対パスの考え方までを学びます。 1
4.CSSを
意識した
マークアップ
CSSでレイアウト・デザインするための下準備を行います。また、Div要素、id・class属性についても学習します。 1

CSS講座

1.CSS基礎 CSSの概要、原則となる文法、考え方を学習します。 1
2.セレクター
の種類
様々な種類のセレクターについて、サンプル作成を通じて特徴・使い方を身につけます。 3
3.ボックスの
操作
要素のボックスモデルと、その操作を行うmarginやpaddingについて学びます。 1
4.floatによる
段組レイアウト
floatプロパティの使い方と、2~3段組のページレイアウトを学習します。 2
5.ナビゲー
ションの作成
list要素をCSSで横並びにし、ナビゲーションにする方法をマスターします。 1
6.実践Tips リセットCSS、CSSのコンポーネント化による効率的なコーディング方法を習得します。 1

Dreamweaver講座

1.Dream
weaver基礎
Dreamweaverの概要、環境設定やサイト定義など、制作の準備について学びます。 1
2.マークアップ
の基礎
Dreamweaverの機能を使って原稿テキストを効率的にマークアップします。また、CSSコーディングの準備を行います。 2
3.CSS
コーディング
CSSに関する環境設定や、CSSスタイルパネルの使い方を学びます。 2
4.floatと
position
floatプロパティの復習と、positionプロパティついて、使い方を学びます。 1
5.ロール
オーバー
マウスカーソルが重なったときに画像が切り替わるロールオーバーについて、JavaScirptやCSSによる手法をマスターします。 1
6.Dream
weaverと
他のツールの
連携
DreamweaverとPhotoshop、Illustrator、Office(Word、Excel)の連携を学習します。 1
7.ライブラリ・
テンプレート
多数のページを効率的に制作するためのライブラリ・テンプレート機能の使い方を習得します。 1

Web標準HTML&CSSレイアウト実践講座

1.HTMLの復習 マークアップの概念や、よく使う要素について学びます。 1
2.CSSの復習 CSSのセレクターの種類やCSSのルールについて学びます。 1
3.画像の
取り扱い
画像ファイルの管理方法や、デザインカンプからのスライス(書き出し)について学びます。 1
4.サンプル
ページ作成
デザインカンプからのスライスと、マークアップ、その後のCSSでのコーディングについて、サンプルページを作成し、実習形式で学びます。 5
5.実践的な
テクニック
JavaScriptによる画像のロールオーバーや、CSSを使った実践的なテクニックについて学びます。 1
6.Web
ブラウザー
各種ブラウザーでの表示調整、IE6のバグや、HTML5、CSS3の基本などについて学びます。 1

スマートフォンサイト制作講座

1.サイト制作の
前に知りたい
基礎知識
スマートフォントは何かや、iPhone/Androidの仕様、制作環境の準備について学習します。 1
2.スマート
フォンサイトの
設計・デザイン
スマートフォンサイトの企画や画面設計、デザインカンプの作成について学習します。 1
3.HTML/
CSSの作成
とサイトの公
HTMLやCSSによる基本的なマークアップ・コーディングを行い、スマートフォンサイトの基礎を作成します。 2
4.サイト制作の
実践テクニック
アクセスした端末がPCかスマートフォンかによって表示するサイトを切り替える、WebサイトのデザインをiPhone風にデザインする、等、実践で役に立つ様々なテクニックを中心に学習します。 4
5.Webアプリ アプリとWebアプリの違い、jQuery Mobileの活用など、Webアプリの作成について学習します。 1
6.その先の
スマートフォン
今後のスマートフォンとして、新登場のWindows Phoneやその他のタブレット端末、今後のスマートフォン、Web制作の考え方について学習します。 1

講師VOICE

この人と仕事がしたい。そう思わせるクリエイターになるために。
谷口 允 講師

Webをつくりたい!という方に、じゃあ、Webで何がしたいの?と聞くと、その後が続かない。何を表現したいか、
誰に喜んでほしいか、Webを学ぶうえでの目的意識がほとんどない方が多いと感じています。HTMLという言語は、国境を越えて世界中に発信することのできる共通言語です。この共通言語を身につけた上で、サイト上で何をするか。その意識があるかどうかで、新しいスキルを身につける意欲や吸収力も変わってきます。

受講生VOICE

まったくのゼロからプロをめざして、少しずつですが、前進中です。
前田 智孝

平日は技術派遣の仕事を続けながら、土日を利用してヒューマンアカデミーに通う日々です。いざ始めてみたら、IllustratorやPhotoshopなど、少しずつ知識やスキルが身についていくことが楽しくて仕方ない。プライベートな時間が減ってしまうことも覚悟はしていましたが、自分の都合で無理なくスケジュールを組むことができるので、自分の時間も確保することができています。

授業開始日(開講スケジュール)

冬期生最終募集中!

無料体験セミナー