派遣のナレッジ

キャリアアップ教育訓練から法改正のことまで。派遣会社のお役立ち情報サイト

右脳で学ぶス
マートフォンサイト制作講座

エンジニア講座入門編

詳細PDFダウンロード

  • スクリーンショット
  • スクリーンショット
  • スクリーンショット

コースの概要

下記よりコースを選択してください。

  • 制作講座Ⅰ
  • 制作講座Ⅱ
  • 制作講座Ⅲ
  • 制作講座Ⅳ

制作講座Ⅰ

学習時間

260分

講座の内容解説

XHTML/CSS2の基礎を理解しているマークアップエンジニア、ウェブデザイナーの卵の方を対象にした講座です。ニーズの高いスマートフォンサイト制作を取り巻く最新情報や考え方を学ぶだけではなく、HTML5/CSS3のコーディング技術を講師が電子黒板で実演しながら、一つ一つ丁寧に学習します。ここではセレクタ、クラスについて学習します。

ここがキャリアアップ

スマートフォン対応のサイト作成ができるようになることで、より多くのユーザに閲覧されるサイト構築ができるようになります。これによりWebプログラマとしてのキャリアアップに繋がると考えます。

Point!

マークアップエンジニア、ウェブデザイナーの方にオススメ

HTML5/CSS3のコーディング技術の実演を見ることができる

セレクタ、クラスについて学ぶことができる

制作講座Ⅱ

学習時間

220分

講座の内容解説

XHTML/CSS2の基礎を理解しているマークアップエンジニア、ウェブデザイナーの卵の方を対象にした講座です。ニーズの高いスマートフォンサイト制作を取り巻く最新情報や考え方を学ぶだけではなく、HTML5/CSS3のコーディング技術を講師が電子黒板で実演しながら、一つ一つ丁寧に学習します。ここでは、フォーム、HTML5について学習します。

ここがキャリアアップ

閲覧者が問い合わせを書き込むことができるサイト作りができるようになることで、会社がユーザの意見を取りいれることに貢献します。これによりWebプログラマとしてのキャリアアップに繋がると考えます。

Point!

マークアップエンジニア、ウェブデザイナーの方にオススメ

フォーム、HTML5について学ぶことができる

閲覧者が問い合わせできるサイトを作成できるようになる

制作講座Ⅲ

学習時間

210分

講座の内容解説

XHTML/CSS2の基礎を理解しているマークアップエンジニア、ウェブデザイナーの卵の方を対象にした講座です。ニーズの高いスマートフォンサイト制作を取り巻く最新情報や考え方を学ぶだけではなく、HTML5/CSS3のコーディング技術を講師が電子黒板で実演しながら、一つ一つ丁寧に学習します。ここでは、レスポンシブWebデザインについて学習します。

ここがキャリアアップ

PCやスマートフォンなど、様々な端末に対応したサイト作りができるようになることで、サイトのアクセス数向上に貢献できるようになります。これによりWebプログラマとしてのキャリアアップに繋がると考えます。

Point!

マークアップエンジニア、ウェブデザイナーの方にオススメ

レスポンシブWebデザインについて学ぶことができる

PCやスマートフォンなどに対応したサイトを作成できるようになる

制作講座Ⅳ

学習時間

190分

講座の内容解説

XHTML/CSS2の基礎を理解しているマークアップエンジニア、ウェブデザイナーの卵の方を対象にした講座です。ニーズの高いスマートフォンサイト制作を取り巻く最新情報や考え方を学ぶだけではなく、HTML5/CSS3のコーディング技術を講師が電子黒板で実演しながら、一つ一つ丁寧に学習します。ここでは、3D表現について学習します。

ここがキャリアアップ

よりリッチな表現ができるようになることで、サイトのアクセス数向上に貢献できるようになります。これによりWebプログラマとしてのキャリアアップに繋がると考えます。

Point!

マークアップエンジニア、ウェブデザイナーの方にオススメ

3D表現について学ぶことができます

よりリッチな表現ができるようになり、アクセス数向上に貢献できます

カリキュラム

制作講座Ⅰ

イントロダクション

Lesson0 学習の前に3分

基礎知識

Lesson1 はじめに27分

Lesson2 基本コードを触っていこう35分

確認テスト9分

CSS3に触れよう

Lesson3 CSS3でできる新しい表現1(デザイン・レイアウト)38分

Lesson4 CSS3でできる新しい表現2(デザイン・レイアウト)37分

確認テスト21分

Lesson5 CSS3でできる新しい表現3(新セレクタ・疑似クラス)35分

Lesson6 CSS3でできる新しい表現3(新セレクタ・疑似クラス)40分

確認テスト15分

制作講座Ⅱ

フォームを作成してみよう

Lesson7 ユーザビリティの高いフォームを作成しよう【基礎】40分

Lesson8 ユーザビリティの高いフォームを作成しよう【実習】29分

確認テスト15分

HTML5に触れよう

Lesson9 HTML5の基礎を身につけよう1【基礎】36分

Lesson10 HTML5の基礎を身につけよう1【実習】47分

確認テスト9分

デザインについて考えよう

Lesson11 スマートフォンサイトデザインで心がけたいこと35分

確認テスト9分

制作講座Ⅲ

サイトを作成しよう【実践マークアップ】

Lesson12 サイト制作1(店舗サイトトップページ)【実習】52分

Lesson13 サイト制作2(店舗サイトトップページ)【実習】29分

確認テスト9分

Lesson14 サイト制作3(リスト型メニューページ)【実習】35分

確認テスト9分

Lesson15 サイト制作4(レスポンシブWebデザイン)【実習】21分

確認テスト9分

Lesson16 サイト制作5(スマートフォンサイト完成まで)37分

確認テスト9分

制作講座Ⅳ

よりよいサイト作りのために【トラブル対策】

Lesson17 知っておきたいトラブル集34分

確認テスト12分

よりよいサイト作りのために【発展知識】

Lesson18 3D表現45分

確認テスト15分

Lesson19 アプリ機能1(JavaScript・jQuery)37分

Lesson20 アプリ機能2(JavaScript・jQuery)38分

確認テスト9分

お申込み・相談はこちら

受付時間:10:00〜18:00