Adobe Dreamweaver(アドビ ドリームウィーバー)Webデザイン制作 実践技術 IT・デジタル人材育成講座
IT人材育成 Dreamweaver プロフェッショナル 技術&実践
- 初心者・未経験からプロ級までの実践技術者の人材育成を目的とした講座
- 専門性の高いスキルの習得など、プロフェッショナルになりたい方に向いている講座
- 各々のレベルから始められ、無駄を省けるレッスン
- 実際に操作しながら、効率的、かつ効果的に学ぶことができ、質を重視したレッスン
- 実践技術のアウトプットトレーニングを重点に置いた「一問一答形式」のレッスン
- 習得していないスキルを重点に、反復トレーニング及び対面の個別指導
- 一問一答形式で、インストラクターによるマンツーマンのスキルチェック
- カリキュラムは、ビジネスに必要な技術の実践スキルを豊富にご用意
クリエイティブ系のIT業界などのWebデザイナー、Webクリエイター、Web広告、デザイン業界、WEB業界で働きたい方や、その業界へ転職・就職の活動中の方に向いている講座です。
また、手に職をつけたい方、初心者・未経験からプロで通用するスキル、専門性の高いコーディングスキルなどを身に付けたい方、経営者の方、独立・起業したい方などにも向いており、プロフェッショナルになりたい方に選ばれています。
Webサイト、Webページなどを、効率的に自身で作れるようになるので、クリエイティブ系の業界はもちろん、その他、建築業界、企業の広報・販促の部署等、幅広い分野で、Dreamweaver 及びコーディングスキルを活かすことができます。
Curriculum
- Dreamweaver step1
-
- 新規サイト・新規ドキュメント・サイトの管理
- ワークスペースのレイアウト
- doctype・lang属性・タイトルの入力・meta・charset属性・コードビュー・コードヒント
- h1・h2・p・br・hr・区切り線・段落フォーマット・デザインビュー
- 文字実体参照(<>著作権”&改行禁止空白)・特殊文字・デザインビュー
- em・strong・small・span・属性(class・lang)・スタイル・折り返しタグ
- img・属性(src・width・height・alt・title)・イメージ・ライブビュー・ツールチップ
- a・属性(href・target・title)・リンクの作成・ターゲットフレーム・電子メールリンク
- a・先頭へ戻る・属性(id)・ページ内リンク・リンクの作成
- ul・ol・li・ネスト構造・リスト・番号リスト・インデント
- dl・dt・dd・blockquote・定義リスト・ブロック引用・ソースフォーマットの適用
- table・caption・tr・td・th・テーブル・キャプション・ヘッダー・タグセレクタ・行または列の挿入・(行・列)の削除
- table・属性(scope・rowspan・colspan)・クイックタグ編集・セルのマージ・セルの分割
- form・属性(action)・input・textarea・属性(type(text・submit)・name・value)・フォーム・テキストフィールド・テキスト領域・ボタン
- form・label・input・属性(type(reset・image)・value・src・alt)・ラベル・リセットボタン・画像ボタン
- header・nav・main・article・section・aside・footer・address・クイックタグ編集
- article・header・footer・address・クイックタグ編集
- div・id属性・親タグを選択・Divタグ・HTMLコメントの適用
- div・class属性・タグセレクタ・Divタグ・HTMLコメントの適用
- style・セレクター(タイプ・複数・子孫)・複数のプロパティ・CSSスタイル・省略化ボタン
- style・セレクター(id・class・混在・ユニバーサル)
- color・opacity・hover
- list-style-(type・image・position)・list-style(一括)
- background-(color・image・repeat・position)・background(一括)
- border(一括)・border-(top・bottom・left・right)
- font-size
- font-family
- font-(style・weight・size・line-height・family)・font(一括)
- width・height・(min・max)-width・(min・max)-height
- float(left・right)・clear(left・right)
- margin-(top・right・bottom・left)・margin(一括)
- padding-(top・right・bottom・left)・padding(一括)
- table-layout(fixed)・border-(collapse・spacing)
- (text・vertical)-align
- text-(decoration・indent)・line-height
- position(fixed・relative・absolute)・z-index
- overflow(auto・scroll・hidden)・overflow-y
- display(block・inline・inline-block)
- CSSファイル・charset・CSSコメント・link要素・属性(rel・href)・import
- CSS優先順位(import・link要素・style要素・クラス・ID・インライン)
- cleafix手法
- 基本ファイル
- 基本レイアウト(2列)
- Webサイトの概要
- 共通ページデザイン(前半)
- 共通ページデザイン(後半)
- トップページ
- インフォメーション
- 料金プラン
- お問合せ
- Dreamweaver step2
-
- figure・figcaption・クイックタグ編集
- time・datetime属性・クイックタグ編集
- dfn・abbr・title属性・定義・省略・クイックタグ編集
- thead・tfoot・tbody・クイックタグ編集
- form・input・属性(type(tel・email・radio・checkbox)・name・required・value)・コードビュー
- form・select・option・属性(name・value・selected・for・id)・選択(リスト/メニュー)・リスト値・初期選択値・クイックタグ編集
- form・属性(method)・クイックタグ編集
- script・src属性・ドラッグ&ドロップ
- meta・属性(name(description)・http-equiv(refresh)・content)・ヘッド・詳細・更新
- audio・source・属性(src・controls・loop)・コードビュー・クイックタグ編集
- video・source・属性(src・poster・controls・loop)・コードビュー・クイックタグ編集
- 属性セレクター(required・type・name・href)
- レスポンシブWebデザイン(@media)
- レスポンシブWebデザイン(link・属性(rel・href・media))
- background-(image・repeat・position)・複数画像
- border-(top・bottom・left・right)-width・border-width(一括)
- border-(top・bottom・left・right)-style・border-style(一括)
- border-(top・bottom・left・right)-color・border-color(一括)
- border-radius
- box-shadow・text-shadow
- inherit・important
- link・visited・hover・focus・active
- first-child・last-child・first-of-type・last-of-type・リスト・コードインスペクター
- first-child・last-child・テーブル・コードインスペクター
- first-child・last-child・first-of-type・last-of-type・セクション
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・奇数・偶数
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・数値・倍数
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・倍数+開始位置
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・(n・-n)+開始位置
- nth-child・nth-last-child・テーブル・奇数・偶数
- nth-child・nth-last-child・テーブル・数値・倍数
- nth-child・nth-last-child・テーブル・倍数+開始位置
- nth-child・nth-last-child・テーブル・(n・-n)+開始位置
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・奇数・偶数
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・数値・倍数
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・倍数+開始位置
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・(n・-n)+開始位置
- 基本ファイル(レスポンシブWebデザイン(link)
- 基本ファイル(レスポンシブWebデザイン(meta)・属性(name(viewport)・content)・表示領域
- 基本レイアウト(2列・RWD)
- Webサイトの概要
- 共通ページデザイン(HTML編)
- 共通ページデザイン(CSS編)
- 共通ページデザイン・CSSスプライト技法・RWD
- トップページ・RWD
- トップページ・スライドショー
- コンセプトページ・RWD・CSSシグネチャ技法
- プランページ・RWD
- フェアページ・RWD
- お問い合わせページ・RWD
Dreamweaver 技術&実践
- 「プロフェッショナル 技術&実践 講座」の半分のスキルが習得できる講座
- 少ない回数・料金からスタートしたい方に
- Webページの修正やWebサイト制作に必要なコーディングスキルを学びたい方に
- カリキュラムは「Dreamweaver プロフェッショナル 技術&実践」と共通
IT人材育成 Dreamweaver 資格取得
- 初心者・未経験からプロ級までの技術者の人材育成を目的とした講座
- 専門性の高いスキルの習得などプロフェッショナルになりたい方に向いている講座
- カリキュラムは「Dreamweaver プロフェッショナル 技術&実践」と共通
- 「サーティファイ」最上位級の資格取得を目指す試験対策
「Webクリエイター能力認定試験」詳細を別ウィンドウで開く - 当スクールで受験することも出来ます。
最上位級の資格を取得したい方、転職・就職を有利に進めたい方、手に職をつけたい方、初心者・未経験からプロで通用するスキル、専門性の高いスキルなどを身に付けたい方、経営者の方、独立・起業したい方などに向いており、プロフェッショナルになりたい方に選ばれています。
Curriculum
- Dreamweaver step1
-
- 新規サイト・新規ドキュメント・サイトの管理
- ワークスペースのレイアウト
- doctype・lang属性・タイトルの入力・meta・charset属性・コードビュー・コードヒント
- h1・h2・p・br・hr・区切り線・段落フォーマット・デザインビュー
- 文字実体参照(<>著作権”&改行禁止空白)・特殊文字・デザインビュー
- em・strong・small・span・属性(class・lang)・スタイル・折り返しタグ
- img・属性(src・width・height・alt・title)・イメージ・ライブビュー・ツールチップ
- a・属性(href・target・title)・リンクの作成・ターゲットフレーム・電子メールリンク
- a・先頭へ戻る・属性(id)・ページ内リンク・リンクの作成
- ul・ol・li・ネスト構造・リスト・番号リスト・インデント
- dl・dt・dd・blockquote・定義リスト・ブロック引用・ソースフォーマットの適用
- table・caption・tr・td・th・テーブル・キャプション・ヘッダー・タグセレクタ・行または列の挿入・(行・列)の削除
- table・属性(scope・rowspan・colspan)・クイックタグ編集・セルのマージ・セルの分割
- form・属性(action)・input・textarea・属性(type(text・submit)・name・value)・フォーム・テキストフィールド・テキスト領域・ボタン
- form・label・input・属性(type(reset・image)・value・src・alt)・ラベル・リセットボタン・画像ボタン
- header・nav・main・article・section・aside・footer・address・クイックタグ編集
- article・header・footer・address・クイックタグ編集
- div・id属性・親タグを選択・Divタグ・HTMLコメントの適用
- div・class属性・タグセレクタ・Divタグ・HTMLコメントの適用
- style・セレクター(タイプ・複数・子孫)・複数のプロパティ・CSSスタイル・省略化ボタン
- style・セレクター(id・class・混在・ユニバーサル)
- color・opacity・hover
- list-style-(type・image・position)・list-style(一括)
- background-(color・image・repeat・position)・background(一括)
- border(一括)・border-(top・bottom・left・right)
- font-size
- font-family
- font-(style・weight・size・line-height・family)・font(一括)
- width・height・(min・max)-width・(min・max)-height
- float(left・right)・clear(left・right)
- margin-(top・right・bottom・left)・margin(一括)
- padding-(top・right・bottom・left)・padding(一括)
- table-layout(fixed)・border-(collapse・spacing)
- (text・vertical)-align
- text-(decoration・indent)・line-height
- position(fixed・relative・absolute)・z-index
- overflow(auto・scroll・hidden)・overflow-y
- display(block・inline・inline-block)
- CSSファイル・charset・CSSコメント・link要素・属性(rel・href)・import
- CSS優先順位(import・link要素・style要素・クラス・ID・インライン)
- cleafix手法
- 基本ファイル
- 基本レイアウト(2列)
- Webサイトの概要
- 共通ページデザイン(前半)
- 共通ページデザイン(後半)
- トップページ
- インフォメーション
- 料金プラン
- お問合せ
- Dreamweaver step2
-
- figure・figcaption・クイックタグ編集
- time・datetime属性・クイックタグ編集
- dfn・abbr・title属性・定義・省略・クイックタグ編集
- thead・tfoot・tbody・クイックタグ編集
- form・input・属性(type(tel・email・radio・checkbox)・name・required・value)・コードビュー
- form・select・option・属性(name・value・selected・for・id)・選択(リスト/メニュー)・リスト値・初期選択値・クイックタグ編集
- form・属性(method)・クイックタグ編集
- script・src属性・ドラッグ&ドロップ
- meta・属性(name(description)・http-equiv(refresh)・content)・ヘッド・詳細・更新
- audio・source・属性(src・controls・loop)・コードビュー・クイックタグ編集
- video・source・属性(src・poster・controls・loop)・コードビュー・クイックタグ編集
- 属性セレクター(required・type・name・href)
- レスポンシブWebデザイン(@media)
- レスポンシブWebデザイン(link・属性(rel・href・media))
- background-(image・repeat・position)・複数画像
- border-(top・bottom・left・right)-width・border-width(一括)
- border-(top・bottom・left・right)-style・border-style(一括)
- border-(top・bottom・left・right)-color・border-color(一括)
- border-radius
- box-shadow・text-shadow
- inherit・important
- link・visited・hover・focus・active
- first-child・last-child・first-of-type・last-of-type・リスト・コードインスペクター
- first-child・last-child・テーブル・コードインスペクター
- first-child・last-child・first-of-type・last-of-type・セクション
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・奇数・偶数
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・数値・倍数
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・倍数+開始位置
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・リスト・(n・-n)+開始位置
- nth-child・nth-last-child・テーブル・奇数・偶数
- nth-child・nth-last-child・テーブル・数値・倍数
- nth-child・nth-last-child・テーブル・倍数+開始位置
- nth-child・nth-last-child・テーブル・(n・-n)+開始位置
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・奇数・偶数
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・数値・倍数
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・倍数+開始位置
- nth-child・nth-last-child・nth-of-type・nth-last-of-type・セクション・(n・-n)+開始位置
- 基本ファイル(レスポンシブWebデザイン(link)
- 基本ファイル(レスポンシブWebデザイン(meta)・属性(name(viewport)・content)・表示領域
- 基本レイアウト(2列・RWD)
- Webサイトの概要
- 共通ページデザイン(HTML編)
- 共通ページデザイン(CSS編)
- 共通ページデザイン・CSSスプライト技法・RWD
- トップページ・RWD
- トップページ・スライドショー
- コンセプトページ・RWD・CSSシグネチャ技法
- プランページ・RWD
- フェアページ・RWD
- お問い合わせページ・RWD
- 試験対策
-
- 模擬テストで弱点を把握し強化
Dreamweaver(ドリームウィーバー)ショートレッスン
ショートレッスン スキル C
Dreamweaver
(スキル 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