メインビジュアル背景画像

Dreamweaver/
HTML/CSS講座

全4ヶ月

74,800円税込

Dreamweaverとは

Adobe Dreamweaver（アドビドリームウィーバー）は、Adobe社が開発・提供するWebデザイン・アプリデザインのためのソフトウェアで、HTMLやCSSなどの入力を助ける補助機能が充実しているほか、完成イメージを確認しながらページを作成できるのが魅力です。

また、画像編集ソフトの「Adobe Photoshop」、グラフィックソフトの「Adobe Illustrator」との高度な連携も可能です。ビジネス向けWebサイトを作りたい人にとっては使いこなせるようになりたいソフトウェアといえるでしょう。

HTML・CSSとは

まずHTMLとはHyper Text Markup Language（ハイパーテキストマークアップランゲージ）の略で、Webページの内容を書くための言語のようなもので、Webの世界では基本中の基本の言語です。Webデザイン初心者ならぜひともマスターしたい言語といえるでしょう。

CSS（Cascading Style Sheets：カスケーディング・スタイルシート）は、スタイルシートとも呼ばれ、HTMLで記述されたWebページの体裁（レイアウト）を指定するための言語のことで、コンテンツの配置位置や文字色・文字サイズ・フォントの種類などの指定が可能です。HTMLとセットでマスターするべき言語です。

サイト制作に必須の
コーディングを学ぶ

Web制作に必須のHTMLおよびCSSの基本と、業界で広く利用されているWebオーサリングソフト
Adobe Dreamweaverの基本操作を学び、仕事や趣味で活かせるWeb制作スキルを身につけます。
「グラフィックツールは一通り使いこなせるが、そろそろWeb制作もできるようになりたい」
という方の次のステップに、最適な講座です。

身に付くスキル

未経験OK! こんな方にオススメ

  • スマートフォンサイトの作り方を体系的に知りたい方

    グラフィック/DTP経験を
    活かしてWebデザインに
    取り組みたい

  • プロのツールで本格的なWebサイトをつくりたい

    プロのツールで
    本格的なWebサイトを
    つくりたい ※Illustrator、Photoshop等の
    グラフィックツールの使用経験がある方を
    前提としています。

受講期間

約4ヵ月（18週間）

  • お支払い手続き完了後は、すぐに受講開始となります
授業形式

動画：約25時間
受講料

74,800円(税込)

※動画授業はオンデマンドでの配信となるため受講期間終了後は閲覧することができません。

STUDY

Dreamweaver/HTML/CSS講座

Dreamweaver/HTML/CSS講座

HTML／CSS ワーク

オリエンテーション / Webサイト制作の準備をしよう / HTMLの基本を学ぼう / デザインデータをみてみよう / Webページの雛形をつくろう / HTMLでトップページをマークアップ / CSSの基本を学ぼう / CSSを記述する準備をしよう / ヘッダーを装飾しよう / トップセクションを装飾しよう / メニューセクションを装飾しよう / アクセスセクションを装飾しよう / ニュースセクションを装飾しよう / フッターを装飾しよう / 公開前の仕上げを行おう / / ドロワーメニューを作ろう / Webサイトを公開しよう

HTML／CSS リファレンス

オリエンテーション / Webの基本 / HTMLの基本 / HTMLを記述する際の注意 / リンク構造を作る / 全ての要素を確認する / テキストコンテンツに関する要素 / コンテンツセクショニングに関する要素 / 画像とマルチメディアに関する要素 / テーブルに関する要素 / フォームに関する要素 / その他、覚えておきたい要素 / SEO対策、SNS対策 / 地図、動画の読み込み / コンテンツモデルについて / CSSの基本 / セレクターの種類 / 擬似クラス / 疑似要素 / セレクターの組み合わせ / CSSを記述する際の注意 / 文字・行に関するプロパティ / トピックス / 背景に関するプロパティ / ボックスに関するプロパティ / 表示・配置に関するプロパティ / アニメーションに関するプロパティ / レイアウト / ＠規則について / JavaScript

Web概論

Webってなに？ / Webサイトを作るのに必要なもの / Web制作の流れ

カリキュラム詳細(PDF)をダウンロード

※動画授業はオンデマンドでの配信となるため受講期間終了後は閲覧することができません。
※実際の授業はサンプル動画とソフトウェアのバージョン等が異なる場合がございます。

SUPPORT

質問サポートサービス（＋¥44,000円）で受けることができるサポート一覧

質問回数 無制限 SNS ○
就転職サポート 求人サイト使用可能 受講生限定イベント ○
課題添削回数 3回 交流会 ○
課題制作期間 プラス1ヶ月 修了証 ○
質問回数 SNS
無制限 ○
就転職サポート 交流会
求人サイト使用可能 ○
課題制作期間 修了証
プラス1ヶ月 ○
サポート付き講座へのお申込みはこちら

ENVIRONMENT

1.Adobe Dreamweaverを使用します

お持ちでない方は、「Adobe Creative Cloud」を39,980円（税込）でご購入いただけます。

Adobe Creative Cloudをご購入いただくと、Photoshop,Illustrator,Dreamweaverを含む、すべてのAdobeアプリケーションを1年間お使いいただけるようになります。
機能・サービスは通常版のAdobe Creative Cloudコンプリートプランに準じます。
購入にあたっては、メーカーが定める必要システム構成もあらかじめご確認ください。

1年間の利用は必要ない、Dreamweaver単体のみの利用をご希望の方は、Adobe公式サイトにて単体プラン（通常版）をご契約ください。

2.受講に必要なパソコン環境

受講環境につきましては、こちらをご参照ください。

FAQ

Q.企業内での研修でも利用できますか？

はい。問題なくご利用いただけます。そのまま「お申込みボタン」からお申込みください。
通常の講座内容や受講期間をカスタマイズされたい場合、その他ご相談がございましたら、法人向け研修講座をご覧ください。
その他のよくあるご質問についてはこちらのページもご参照ください。

APPLICATION

お申し込み講座

Dreamweaver/HTML/CSS講座
受講期間

約4ヵ月（18週間）

  • お支払い手続き完了後は、すぐに受講開始となります
受講料

74,800円(税込)
Adobe CCの購入

※受講環境および約款をご確認いただけましたら、「受講環境、約款を確認しました」にチェックを入れ、申込フォームへお進みください。
※分割払いもこちらからお申込みいただけます

RECOMMEND