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

Webサイト制作に必須のHTML＆CSSスキルの定着が最も早い実践技術アウトプットトレーニングとは？最短で初心者からプロへのIT人材育成スクール。短期集中、１日速習、１日完結。

IT・デジタル人材育成講座 HTML＆CSS｜Webサイト制作

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

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

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

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

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

Curriculum
HTML＆CSS step１
  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 step２
  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 技術＆実践

  • 「プロフェッショナル 技術＆実践 講座」の半分のスキルが習得できる講座
  • 少ない回数・料金からスタートしたい方に
  • 一般事務、営業事務、広報・販促担当者などで、普通に HTML＆CSS を使う方、必要とされる方に
  • カリキュラムは「Dreamweaver プロフェッショナル 技術＆実践」と共通

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

  • 初心者・未経験からプロ級までの技術者の人材育成を目的とした講座
  • 専門性の高いスキルの習得などプロフェッショナルになりたい方に向いている講座
  • 「サーティファイ」最上位の資格取得を目指す
  • カリキュラムは「HTML＆CSS プロフェッショナル 技術＆実践」と共通
  • 資格取得のための試験対策

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

Curriculum
HTML＆CSS step１
  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 step２
  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)

  • 社員研修、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

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

HTML＆CSS LOVEBy口コミ

PIMC スクールでの日々の学びの感想などを募集中！
学びながら感じたこと、思ったこと、感動したこと、伝えたいことなど、色々...　ありませんか？
ぜひ皆で「LOVE」なことを共有しませんか？

PIMCスクールのインストラクターも「HTML＆CSS LOVE」の1人なので、ぜひ皆で共有しましょう。「HTML＆CSS LOVE」の投稿お待ちしております。

「HTML＆CSS LOVE」の口コミに参加　＞

普段何気なく見ているWebページは、すべてHTMLとCSSのコードが使われているので今の時代、必須のスキルです(^O^)