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

最短で初心者からプロへのIT人材育成スクール。短期集中、１日速習、１日完結。Dreamweaver(ドリームウィーバー)スキルの定着が最も早い実践技術アウトプットトレーニングとは？

IT・デジタル人材育成講座 Dreamweaver（ドリームウィーバー）

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

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

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

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

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

Curriculum
Dreamweaver step１
  1. 新規サイト・新規ドキュメント・サイトの管理
  2. ワークスペースのレイアウト
  3. doctype・lang属性・タイトルの入力・meta・charset属性・コードビュー・コードヒント
  4. h1・h2・p・br・hr・区切り線・段落フォーマット・デザインビュー
  5. 文字実体参照(＜＞著作権”＆改行禁止空白)・特殊文字・デザインビュー
  6. em・strong・small・span・属性(class・lang)・スタイル・折り返しタグ
  7. img・属性(src・width・height・alt・title)・イメージ・ライブビュー・ツールチップ
  8. a・属性(href・target・title)・リンクの作成・ターゲットフレーム・電子メールリンク
  9. a・先頭へ戻る・属性(id)・ページ内リンク・リンクの作成
  10. ul・ol・li・ネスト構造・リスト・番号リスト・インデント
  11. dl・dt・dd・blockquote・定義リスト・ブロック引用・ソースフォーマットの適用
  12. table・caption・tr・td・th・テーブル・キャプション・ヘッダー・タグセレクタ・行または列の挿入・(行・列)の削除
  13. table・属性(scope・rowspan・colspan)・クイックタグ編集・セルのマージ・セルの分割
  14. form・属性(action)・input・textarea・属性(type(text・submit)・name・value)・フォーム・テキストフィールド・テキスト領域・ボタン
  15. form・label・input・属性(type(reset・image)・value・src・alt)・ラベル・リセットボタン・画像ボタン
  16. header・nav・main・article・section・aside・footer・address・クイックタグ編集
  17. article・header・footer・address・クイックタグ編集
  18. div・id属性・親タグを選択・Divタグ・HTMLコメントの適用
  19. div・class属性・タグセレクタ・Divタグ・HTMLコメントの適用
  20. style・セレクター(タイプ・複数・子孫)・複数のプロパティ・CSSスタイル・省略化ボタン
  21. style・セレクター(id・class・混在・ユニバーサル)
  22. color・opacity・hover
  23. list-style-(type・image・position)・list-style(一括)
  24. background-(color・image・repeat・position)・background(一括)
  25. border(一括)・border-(top・bottom・left・right)
  26. font-size
  27. font-family
  28. font-(style・weight・size・line-height・family)・font(一括)
  29. width・height・(min・max)-width・(min・max)-height
  30. float(left・right)・clear(left・right)
  31. margin-(top・right・bottom・left)・margin(一括)
  32. padding-(top・right・bottom・left)・padding(一括)
  33. table-layout(fixed)・border-(collapse・spacing)
  34. (text・vertical)-align
  35. text-(decoration・indent)・line-height
  36. position(fixed・relative・absolute)・z-index
  37. overflow(auto・scroll・hidden)・overflow-y
  38. display(block・inline・inline-block)
  39. CSSファイル・charset・CSSコメント・link要素・属性(rel・href)・import
  40. CSS優先順位(import・link要素・style要素・クラス・ID・インライン)
  41. cleafix手法
  42. 基本ファイル
  43. 基本レイアウト(2列)
  44. Webサイトの概要
  45. 共通ページデザイン(前半)
  46. 共通ページデザイン(後半)
  47. トップページ
  48. インフォメーション
  49. 料金プラン
  50. お問合せ
Dreamweaver 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. audio・source・属性(src・controls・loop)・コードビュー・クイックタグ編集
  11. video・source・属性(src・poster・controls・loop)・コードビュー・クイックタグ編集
  12. 属性セレクター(required・type・name・href)
  13. レスポンシブWebデザイン(＠media)
  14. レスポンシブWebデザイン(link・属性(rel・href・media))
  15. background-(image・repeat・position)・複数画像
  16. border-(top・bottom・left・right)-width・border-width(一括)
  17. border-(top・bottom・left・right)-style・border-style(一括)
  18. border-(top・bottom・left・right)-color・border-color(一括)
  19. border-radius
  20. box-shadow・text-shadow
  21. inherit・important
  22. link・visited・hover・focus・active
  23. first-child・last-child・first-of-type・last-of-type・リスト・コードインスペクター
  24. first-child・last-child・テーブル・コードインスペクター
  25. first-child・last-child・first-of-type・last-of-type・セクション
  26. nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・奇数・偶数
  27. nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・数値・倍数
  28. nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・倍数＋開始位置
  29. nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・(n・-n)＋開始位置
  30. nth-child・nth-last-child・テーブル・奇数・偶数
  31. nth-child・nth-last-child・テーブル・数値・倍数
  32. nth-child・nth-last-child・テーブル・倍数＋開始位置
  33. nth-child・nth-last-child・テーブル・(n・-n)＋開始位置
  34. nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・奇数・偶数
  35. nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・数値・倍数
  36. nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・倍数＋開始位置
  37. nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・(n・-n)＋開始位置
  38. 基本ファイル(レスポンシブWebデザイン(link)
  39. 基本ファイル(レスポンシブWebデザイン(meta)・属性(name(viewport)・content)・表示領域
  40. 基本レイアウト(2列・RWD)
  41. Webサイトの概要
  42. 共通ページデザイン(HTML編)
  43. 共通ページデザイン(CSS編)
  44. 共通ページデザイン・CSSスプライト技法・RWD
  45. トップページ・RWD
  46. トップページ・スライドショー
  47. コンセプトページ・RWD・CSSシグネチャ技法
  48. プランページ・RWD
  49. フェアページ・RWD
  50. お問い合わせページ・RWD

Dreamweaver 技術＆実践

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

IT人材育成 Dreamweaver 資格取得

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

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

Curriculum
Dreamweaver step１
  1. 新規サイト・新規ドキュメント・サイトの管理
  2. ワークスペースのレイアウト
  3. doctype・lang属性・タイトルの入力・meta・charset属性・コードビュー・コードヒント
  4. h1・h2・p・br・hr・区切り線・段落フォーマット・デザインビュー
  5. 文字実体参照(＜＞著作権”＆改行禁止空白)・特殊文字・デザインビュー
  6. em・strong・small・span・属性(class・lang)・スタイル・折り返しタグ
  7. img・属性(src・width・height・alt・title)・イメージ・ライブビュー・ツールチップ
  8. a・属性(href・target・title)・リンクの作成・ターゲットフレーム・電子メールリンク
  9. a・先頭へ戻る・属性(id)・ページ内リンク・リンクの作成
  10. ul・ol・li・ネスト構造・リスト・番号リスト・インデント
  11. dl・dt・dd・blockquote・定義リスト・ブロック引用・ソースフォーマットの適用
  12. table・caption・tr・td・th・テーブル・キャプション・ヘッダー・タグセレクタ・行または列の挿入・(行・列)の削除
  13. table・属性(scope・rowspan・colspan)・クイックタグ編集・セルのマージ・セルの分割
  14. form・属性(action)・input・textarea・属性(type(text・submit)・name・value)・フォーム・テキストフィールド・テキスト領域・ボタン
  15. form・label・input・属性(type(reset・image)・value・src・alt)・ラベル・リセットボタン・画像ボタン
  16. header・nav・main・article・section・aside・footer・address・クイックタグ編集
  17. article・header・footer・address・クイックタグ編集
  18. div・id属性・親タグを選択・Divタグ・HTMLコメントの適用
  19. div・class属性・タグセレクタ・Divタグ・HTMLコメントの適用
  20. style・セレクター(タイプ・複数・子孫)・複数のプロパティ・CSSスタイル・省略化ボタン
  21. style・セレクター(id・class・混在・ユニバーサル)
  22. color・opacity・hover
  23. list-style-(type・image・position)・list-style(一括)
  24. background-(color・image・repeat・position)・background(一括)
  25. border(一括)・border-(top・bottom・left・right)
  26. font-size
  27. font-family
  28. font-(style・weight・size・line-height・family)・font(一括)
  29. width・height・(min・max)-width・(min・max)-height
  30. float(left・right)・clear(left・right)
  31. margin-(top・right・bottom・left)・margin(一括)
  32. padding-(top・right・bottom・left)・padding(一括)
  33. table-layout(fixed)・border-(collapse・spacing)
  34. (text・vertical)-align
  35. text-(decoration・indent)・line-height
  36. position(fixed・relative・absolute)・z-index
  37. overflow(auto・scroll・hidden)・overflow-y
  38. display(block・inline・inline-block)
  39. CSSファイル・charset・CSSコメント・link要素・属性(rel・href)・import
  40. CSS優先順位(import・link要素・style要素・クラス・ID・インライン)
  41. cleafix手法
  42. 基本ファイル
  43. 基本レイアウト(2列)
  44. Webサイトの概要
  45. 共通ページデザイン(前半)
  46. 共通ページデザイン(後半)
  47. トップページ
  48. インフォメーション
  49. 料金プラン
  50. お問合せ
Dreamweaver 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. audio・source・属性(src・controls・loop)・コードビュー・クイックタグ編集
  11. video・source・属性(src・poster・controls・loop)・コードビュー・クイックタグ編集
  12. 属性セレクター(required・type・name・href)
  13. レスポンシブWebデザイン(＠media)
  14. レスポンシブWebデザイン(link・属性(rel・href・media))
  15. background-(image・repeat・position)・複数画像
  16. border-(top・bottom・left・right)-width・border-width(一括)
  17. border-(top・bottom・left・right)-style・border-style(一括)
  18. border-(top・bottom・left・right)-color・border-color(一括)
  19. border-radius
  20. box-shadow・text-shadow
  21. inherit・important
  22. link・visited・hover・focus・active
  23. first-child・last-child・first-of-type・last-of-type・リスト・コードインスペクター
  24. first-child・last-child・テーブル・コードインスペクター
  25. first-child・last-child・first-of-type・last-of-type・セクション
  26. nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・奇数・偶数
  27. nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・数値・倍数
  28. nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・倍数＋開始位置
  29. nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・(n・-n)＋開始位置
  30. nth-child・nth-last-child・テーブル・奇数・偶数
  31. nth-child・nth-last-child・テーブル・数値・倍数
  32. nth-child・nth-last-child・テーブル・倍数＋開始位置
  33. nth-child・nth-last-child・テーブル・(n・-n)＋開始位置
  34. nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・奇数・偶数
  35. nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・数値・倍数
  36. nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・倍数＋開始位置
  37. nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・(n・-n)＋開始位置
  38. 基本ファイル(レスポンシブWebデザイン(link)
  39. 基本ファイル(レスポンシブWebデザイン(meta)・属性(name(viewport)・content)・表示領域
  40. 基本レイアウト(2列・RWD)
  41. Webサイトの概要
  42. 共通ページデザイン(HTML編)
  43. 共通ページデザイン(CSS編)
  44. 共通ページデザイン・CSSスプライト技法・RWD
  45. トップページ・RWD
  46. トップページ・スライドショー
  47. コンセプトページ・RWD・CSSシグネチャ技法
  48. プランページ・RWD
  49. フェアページ・RWD
  50. お問い合わせページ・RWD
試験対策
  1. 模擬テストで弱点を把握し強化

Dreamweaver（ドリームウィーバー）ショートレッスン

ショートレッスン スキル C
Dreamweaver

(スキル 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

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

Dreamweaver LOVEBy口コミ

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

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

「Dreamweaver LOVE」の口コミに参加　＞

Dreamweaverは、HTMLとCSSを効率的に書き出してくれるので便利に活用しています。最近は、GoogleChromeデベロッパーツールも併用してWebサイト制作・編集をしています(^O^)