名古屋市千種区|PIMC・ITデジタル人材育成PCスクール
Pimc I T Digital Human Resource School
IT・デジタル人材育成 スクール「ピム」

ご自身のレベルに合わせる個別指導。ビジネスで通用する実践技術に特化した本格的なHTML&CSS講座。50分/@4,300 5回 ¥21,500(税込)のショートレッスンも人気。確実にスキルアップ。全てアウトプットしながら学べます。土日祝も営業している通学型の名古屋のパソコン教室。初心者から資格取得、短期集中、社会人、小中高大学生。

HTML&CSS/Webページ制作 実践技術 IT・デジタル人材育成講座

IT人材育成 HTML&CSS プロフェッショナル 技術&実践

  • 初心者・未経験からプロ級までの実践技術者の人材育成を目的とした講座
  • 専門性の高いスキルの習得など、プロフェッショナルになりたい方に向いている講座
  • 各々のレベルから始められ、無駄を省けるレッスン
  • 実際に操作しながら、効率的、かつ効果的に学ぶことができ、質を重視したレッスン
  • 実践技術のアウトプットトレーニングを重点に置いた「一問一答形式」のレッスン
  • 習得していないスキルを重点に、反復トレーニング及び対面の個別指導
  • 一問一答形式で、インストラクターによるマンツーマンのスキルチェック
  • カリキュラムは、ビジネスに必要な技術の実践スキルを豊富にご用意

クリエイティブ系のIT業界などのWebデザイナー、Webクリエイター、Web広告、デザイン業界、WEB業界で働きたい方や、その業界へ転職・就職の活動中の方に向いている講座です。

また、手に職をつけたい方、初心者・未経験からプロで通用するスキル、専門性の高いコーディングスキルなどを身に付けたい方、経営者の方、独立・起業したい方などにも向いており、プロフェッショナルになりたい方に選ばれています。

Webサイト、Webページなどを、効率的に自身で作れるようになるので、クリエイティブ系の業界はもちろん、その他、建築業界、企業の広報・販促の部署等、幅広い分野で、HTML&CSS 及びコーディングスキルを活かすことができます。

Curriculum
HTML&CSS step1
  1. 新規HTML・html・head・title・body・保存
  2. doctype・lang属性・タイトルの入力・meta・charset属性
  3. h1・h2・p・br・hr
  4. 文字実体参照(<>著作権”&改行禁止空白)
  5. em・strong・small・span・属性(class・lang)
  6. img・属性(src・width・height・alt・title)
  7. a・属性(href・target・title)・電子メール
  8. a・先頭へ戻る・属性(id)・ページ内リンク
  9. ul・ol・li・ネスト構造
  10. dl・dt・dd・blockquote
  11. table・caption・tr・td・th
  12. table・属性(scope・rowspan・colspan)
  13. form・属性(action)・input・textarea・属性(type(text・submit)・name・value)
  14. form・label・input・属性(type(reset・image)・value・src・alt)
  15. header・nav・main・article・section・aside・footer・address
  16. article・header・footer・address
  17. div・id属性・HTMLコメント
  18. div・class属性・HTMLコメント
  19. style・セレクター(タイプ・複数・子孫)・複数のプロパティ
  20. style・セレクター(id・class・混在・ユニバーサル)
  21. color・opacity・hover
  22. list-style-(type・image・position)・list-style(一括)
  23. background-(color・image・repeat・position)・background(一括)
  24. border(一括)・border-(top・bottom・left・right)
  25. font-size
  26. font-family
  27. font-(style・weight・size・line-height・family)・font(一括)
  28. width・height・(min・max)-width・(min・max)-height
  29. float(left・right)・clear(left・right)
  30. margin-(top・right・bottom・left)・margin(一括)
  31. padding-(top・right・bottom・left)・padding(一括)
  32. table-layout・border-(collapse・spacing)
  33. (text・vertical)-align
  34. text-(decoration・indent)・line-height
  35. position(fixed・relative・absolute)・z-index
  36. overflow(auto・scroll・hidden)・overflow-y
  37. display(block・inline・inline-block)
  38. CSSファイル・charset・CSSコメント・link要素・属性(rel・href)・import
  39. CSS優先順位(import・link要素・style要素・クラス・ID・インライン)
  40. cleafix手法
  41. 基本ファイル
  42. 基本レイアウト(2列)
  43. Webサイトの概要
  44. 共通ページデザイン(前半)
  45. 共通ページデザイン(後半)
  46. トップページ
  47. インフォメーション
  48. 料金プラン
  49. お問合せ
HTML&CSS step2
  1. figure・figcaption
  2. time・datetime属性
  3. dfn・abbr・title属性
  4. thead・tfoot・tbody
  5. form・input・属性(type(tel・email・radio・checkbox)・name・required・value)
  6. form・select・option・属性(name・value・selected・for・id)
  7. form・属性(method)
  8. script・src属性
  9. meta・属性(name(description)・http-equiv(refresh)・content)
  10. 属性セレクター(required・type・name・href)
  11. レスポンシブWebデザイン(@media)
  12. レスポンシブWebデザイン(link・属性(rel・href・media))
  13. background-(image・repeat・position)・複数画像
  14. border-(top・bottom・left・right)-width・border-width(一括)
  15. border-(top・bottom・left・right)-style・border-style(一括)
  16. border-(top・bottom・left・right)-color・border-color(一括)
  17. border-radius
  18. (box・text)-shadow
  19. inherit・important
  20. link・visited・hover・focus・active
  21. (first・last)-(child・of-type)
  22. nth(-last)-(child・of-type)・奇数・偶数
  23. nth(-last)-(child・of-type)・数値
  24. nth(-last)-(child・of-type)・倍数
  25. nth(-last)-(child・of-type)・倍数+開始位置
  26. nth-(child・of-type)・(n・-n)+開始位置
  27. 基本ファイル(レスポンシブWebデザイン(link)
  28. 基本レイアウト(2列・RWD)
  29. Webサイトの概要
  30. 共通ページデザイン(HTML編)
  31. 共通ページデザイン(CSS編)
  32. 共通ページデザイン(CSSスプライト技法・RWD)
  33. トップページ・RWD
  34. トップページ・スライドショー
  35. コンセプトページ・RWD(CSSシグネチャ技法)
  36. プランページ・RWD
  37. フェアページ・RWD
  38. お問い合わせページ・RWD

HTML&CSS 技術&実践

  • 「プロフェッショナル 技術&実践 講座」の半分のスキルが習得できる講座
  • 少ない回数・料金からスタートしたい方に
  • Webページの修正やWebサイト制作に必要なコーディングスキルを学びたい方に
  • カリキュラムは「Dreamweaver プロフェッショナル 技術&実践」と共通

IT人材育成 HTML&CSS 資格取得

  • 初心者・未経験からプロ級までの技術者の人材育成を目的とした講座
  • 専門性の高いスキルの習得などプロフェッショナルになりたい方に向いている講座
  • カリキュラムは「HTML&CSS プロフェッショナル 技術&実践」と共通
  • 「サーティファイ」最上位級の資格取得を目指す試験対策
    「Webクリエイター能力認定試験」詳細を別ウィンドウで開く
  • 当スクールで受験することも出来ます。

最上位級の資格を取得したい方、転職・就職を有利に進めたい方、手に職をつけたい方、初心者・未経験からプロで通用するスキル、専門性の高いスキルなどを身に付けたい方、経営者の方、独立・起業したい方などに向いており、プロフェッショナルになりたい方に選ばれています。

Curriculum
HTML&CSS step1
  1. 新規HTML・html・head・title・body・保存
  2. doctype・lang属性・タイトルの入力・meta・charset属性
  3. h1・h2・p・br・hr
  4. 文字実体参照(<>著作権”&改行禁止空白)
  5. em・strong・small・span・属性(class・lang)
  6. img・属性(src・width・height・alt・title)
  7. a・属性(href・target・title)・電子メール
  8. a・先頭へ戻る・属性(id)・ページ内リンク
  9. ul・ol・li・ネスト構造
  10. dl・dt・dd・blockquote
  11. table・caption・tr・td・th
  12. table・属性(scope・rowspan・colspan)
  13. form・属性(action)・input・textarea・属性(type(text・submit)・name・value)
  14. form・label・input・属性(type(reset・image)・value・src・alt)
  15. header・nav・main・article・section・aside・footer・address
  16. article・header・footer・address
  17. div・id属性・HTMLコメント
  18. div・class属性・HTMLコメント
  19. style・セレクター(タイプ・複数・子孫)・複数のプロパティ
  20. style・セレクター(id・class・混在・ユニバーサル)
  21. color・opacity・hover
  22. list-style-(type・image・position)・list-style(一括)
  23. background-(color・image・repeat・position)・background(一括)
  24. border(一括)・border-(top・bottom・left・right)
  25. font-size
  26. font-family
  27. font-(style・weight・size・line-height・family)・font(一括)
  28. width・height・(min・max)-width・(min・max)-height
  29. float(left・right)・clear(left・right)
  30. margin-(top・right・bottom・left)・margin(一括)
  31. padding-(top・right・bottom・left)・padding(一括)
  32. table-layout・border-(collapse・spacing)
  33. (text・vertical)-align
  34. text-(decoration・indent)・line-height
  35. position(fixed・relative・absolute)・z-index
  36. overflow(auto・scroll・hidden)・overflow-y
  37. display(block・inline・inline-block)
  38. CSSファイル・charset・CSSコメント・link要素・属性(rel・href)・import
  39. CSS優先順位(import・link要素・style要素・クラス・ID・インライン)
  40. cleafix手法
  41. 基本ファイル
  42. 基本レイアウト(2列)
  43. Webサイトの概要
  44. 共通ページデザイン(前半)
  45. 共通ページデザイン(後半)
  46. トップページ
  47. インフォメーション
  48. 料金プラン
  49. お問合せ
HTML&CSS step2
  1. figure・figcaption
  2. time・datetime属性
  3. dfn・abbr・title属性
  4. thead・tfoot・tbody
  5. form・input・属性(type(tel・email・radio・checkbox)・name・required・value)
  6. form・select・option・属性(name・value・selected・for・id)
  7. form・属性(method)
  8. script・src属性
  9. meta・属性(name(description)・http-equiv(refresh)・content)
  10. 属性セレクター(required・type・name・href)
  11. レスポンシブWebデザイン(@media)
  12. レスポンシブWebデザイン(link・属性(rel・href・media))
  13. background-(image・repeat・position)・複数画像
  14. border-(top・bottom・left・right)-width・border-width(一括)
  15. border-(top・bottom・left・right)-style・border-style(一括)
  16. border-(top・bottom・left・right)-color・border-color(一括)
  17. border-radius
  18. (box・text)-shadow
  19. inherit・important
  20. link・visited・hover・focus・active
  21. (first・last)-(child・of-type)
  22. nth(-last)-(child・of-type)・奇数・偶数
  23. nth(-last)-(child・of-type)・数値
  24. nth(-last)-(child・of-type)・倍数
  25. nth(-last)-(child・of-type)・倍数+開始位置
  26. nth-(child・of-type)・(n・-n)+開始位置
  27. 基本ファイル(レスポンシブWebデザイン(link)
  28. 基本レイアウト(2列・RWD)
  29. Webサイトの概要
  30. 共通ページデザイン(HTML編)
  31. 共通ページデザイン(CSS編)
  32. 共通ページデザイン(CSSスプライト技法・RWD)
  33. トップページ・RWD
  34. トップページ・スライドショー
  35. コンセプトページ・RWD(CSSシグネチャ技法)
  36. プランページ・RWD
  37. フェアページ・RWD
  38. お問い合わせページ・RWD
試験対策
  1. 模擬テストで弱点を把握し強化

HTML&CSS ショートレッスン

ショートレッスン スキル C
HTML&CSS

(スキル C 対象スキル:Illustrator・Photoshop・Dreamweaver・HTML&CSS・VBA_Excel・VBA_Access・試験対策・スキル O)

  • マルチスキルのIT研修、1日速習、1日完結、短期集中、受講料をご家族で共有又はすべての社員様で共有が可能な講座
  • ご予算、目標、目的、ご自身や従業員のレベルに合わせて、5回単位で受講申込みが可能
  • カリキュラムは、対象スキルのすべてをご用意、各々のレベルから始められ、無駄を省けるレッスン
  • ショートレッスンの受講回数は、ご家族又は貴社単位で、複数人で共有することができます。但し、一緒に受講はできません。
  • 受講回数を共有する場合、入学金は、ご家族又は貴社の代表者の方のみ必要になります。
  • ショートレッスン5回の申込みを、1日で完結する場合は、入学金は不要です。

ショートレッスン スキル O
Word・Excel・Access・PowerPoint・試験対策

ショートレッスン スキル C
Illustrator・Photoshop・Dreamweaver・HTML&CSS・VBA_Excel・VBA_Access・試験対策・スキル O

ショートレッスン スキル E
JavaScript・PHP・Python・試験対策・スキル O・スキル C

「ショートレッスン」一覧はこちらへ ≫