受講料 | 24,420円(税込) |
受講期間 | 13週 |
標準学習時間 | 35時間 |
※2022.3.10 受講期間が変更になりました。
おすすめポイント
この充実の内容でこのお値段はちょっとあり得ません!Dreamweaverは確かに優れたウェブサイト製作支援ツールですが、それ以前にHTMLとCSS3の基礎がしっかり身についていかないと、結局はサイト製作の実務には使えません。3か月間、何度も練習してサイト製作の現場で活かせるようになってください。
学習項目
【基礎編】 第1章:Webサイト制作の概要
はじめに
Webサイト制作の概要
【基礎編】 第2章:HTML
HTMLについて
HTMLコーディング実習
【基礎編】 第3章:CSS
CSSについて
CSSコーディング実習
【基礎編】 第4章:Dreamweaverについて
Dreamweaverについて
Dreamweaverのインターフェイス(操作画面)
サイトの管理
【基礎編】 第5章:HTMLタグとCSS(基本)
学習の準備
文章を入力する(pタグとbrタグ)
CSSでの装飾(font-family・font-size・line-height)
語句の強調(strongタグとemタグ)
CSSでの装飾(color・font-weight・text-decolation)
実習の解説(emタグとstrongタグ)
見出し(タイトル)をつける(hタグ)
CSSでの装飾(border・margin・padding)
リンクをはる(aタグ)
CSSでの装飾(text-align・background・border-radius)
リストを作る(ul/ol/liタグ)
CSSでの装飾(list-style)
定義リストを作る(dl,dt,ddタグ)
CSSでの装飾(width・height・overflow)
CSSの応用(background・text-shadow)
【基礎編】 第6章:HTMLタグとCSS(画像)
画像を挿入する(imgタグ)
CSSでの装飾(box-shadow)
メディアを挿入する(audioタグ・videoタグ・sourceタグ)
【基礎編】 第7章:HTMLタグとCSS(テーブル)
テーブルを作る(table/caption/tr/th/tdタグ)
セルの選択と文字の入力
テーブルの編集
CSSでの装飾(border-collapse・vertical-align)
【基礎編】 第8章:HTMLタグとCSS(フォーム)
フォームを作る(formタグ)
テキストフィールドの挿入(input)
チェックボックスとラジオボタンの挿入(checkbox・radio)
プルダウンメニューの挿入(select・option)
テキストエリアの挿入(textarea)
ボタンの挿入(button)
CSSでの装飾
【基礎編】 第9章:HTMLタグとCSS(その他)
コメントの入力
インデント
その他のタグ(meta・script)
【基礎編】 第10章:HTMLタグの分類
ブロックレベル要素とインライン要素
HTML5におけるタグの分類(コンテンツモデル)
【基礎編】 第11章:Webサイトのレイアウト
ページ全体の構成を確認する
大枠をレイアウトする
ヘッダーの作成
グローバルナビゲーションの作成
サイドメニューとフッターの作成
サイトを仕上げる
【基礎編】 第12章:Webサーバーへのアップロード
FTPアップロード
サイトの同期
【応用編】 第1章:テンプレートとライブラリの利用
テンプレートを利用する
ライブラリを利用する
【応用編】 第2章:レスポンシブデザイン
複数デバイスへの対応(メディアクエリー)
Bootstrap
レスポンシブWEBデザイン
【応用編】 第3章:スマートフォン専用サイトの作成
jQuery Mobile
スマートフォン専用サイトを作成する
【応用編】 第4章:スライドショーの挿入(jQuery)
JavaScriptとjQuery
スライドショーを挿入する(jQueryプラグインの利用)
【応用編】 第5章:フォームを作成する(PHP)
PHPとは
フォームを作成する
【応用編】 第6章:サイトチェック
リンクチェック
サイトレポート
サイトのソースチェック
【応用編】 第7章:ショッピングサイトについて
各種ショッピングサイトサービス
集客効果の高いショッピングサイト
【応用編】 第8章:SNS連携
SNSとWebサイトとの連携
関連テキスト
(こちらは準拠テキストではありませんが役に立つテキストです)