Dreamweaver講座

迷わず、最初からDreamweaverをマスターしましょう。

ホームページ作成ソフトはいろいろありますが、プロが愛用する定番ソフトがAdobe Dreamweaverです。「初心者向けソフトの方がいいかな・・・」と迷う方には「急がば回れ」。Dreamweaverを使いながら、HTMLとCSSに少しずつ慣れていく。これがWebデザインをマスターする近道です。
基本をマスターすれば、後はどんどん独学でスキルアップが可能です。


こんな方が受講されています。
  • 広告会社 デザイン部
  • 住宅メーカー 企画設計部
  • 不動産 管理部
Dreamweaverの活用例
  • 自社Webサイトの作成・メンテナンス
  • サイトのモバイル対応
  • Webアプリケーション作成
Dreamweaver講座を受講されたお客様の声
  • サイトの更新だけでなく、ゼロからどうやって作るのかを理解できました。Dreamweaverの便利な機能を知ることもできて作業効率アップできそうです。

お客様の声をもっと見る


Dreamweaver基本講座

Dreamweaverの「基本操作」を1日で学んでいただく講習です。

プロのWebデザイナーの大半の方が使用している定番のソフトAdobe Dreamweaverの講座です。CSSによる基本的かつ汎用性のあるレイアウトの作成方法とDreamweaverの機能を使った効率的な制作・更新を学びます。効率のよい講座にするため、HTMLやCSSについての基本的なご説明は、この講座ではいたしません。Webデザイン初心者の方は「Webデザインの基礎知識講座」を先にご受講ください。

充実の講座内容

講座の内容

  1. サイト定義
  2. 新規HTMLファイルの作成
  3. HTMLファイルの編集
  4. CSSファイルの作成・編集
  5. アウトラインの作成/レイアウト
  6. テンプレートとして保存
  7. テンプレートからHTMLファイルを作成
  8. HOMEページへの画像の挿入:Photoshopスマートオブジェクトの配置
  9. ブラウザでのプレビュー
  10. orderページの作成
  11. lessonページの作成
  12. フォーム(form)の作成
  13. その他各種設定
  14. アップロード前の各種調整
  15. アップロード
  16. webサイトの改定/再アップロード(更新)

オリジナル講座テキスト

Dreamweaver基本講座 講座テキスト目次

  • はじめに
  • Dreamweaverでの作業の流れ
  • 初期画面
  • サイト定義
  • 新規サイト作成
  • 新規HTMLファイルの作成
  • HTMLファイルの編集
  • ページタイトル/エンコーディングの設定
  • HTMLファイルへの文字入力とビューの切替
  • h要素(見出し)の設定
  • ul、li要素(箇条書き)の設定
  • CSSファイルの作成・編集
  • CSSファイルの作成
  • CSSファイルの編集
  • アウトラインの作成/レイアウト
  • div(コンテナ)要素の挿入とCSSによるレイアウトの調整
  • header(ヘッダ)要素の挿入とCSSによるレイアウトの調整
  • img(画像)要素の挿入
  • a(ハイパーリンク)要素の挿入
  • nav(主要ナビゲーション)要素の挿入とCSSによるレイアウトの調整
  • margin(主要コンテンツ)要素の挿入とCSSによるレイアウトの調整
  • footer( 主要コンテンツ)要素の挿入とCSSによるレイアウトの調整
  • テンプレートとして保存
  • テンプレートからHTMLファイルを作成
  • HOMEページへの画像の挿入:Photoshopスマートオブジェクトの配置
  • スマートオブジェクトの編集/更新
  • ブラウザでのプレビュー:リアルタイムプレビュー(CC2017)
  • orderページの作成
  • CSSデザイナーパネルによるflexboxの設定
  • lessonページの作成
  • CSSの再利用(CSSの読み込み)
  • フォーム(form)の作成
  • form要素の挿入
  • table(表)要素の挿入
  • 文字列の入力要素の挿入:テキスト
  • 複数選択可能ボタン要素の挿入:チェックボックス、チェックボックスグループ
  • 択一・形式ボタン要素の挿入:ラジオボタン、ラジオボタングループ ◆択一形式選択要素の挿入:テキスト領域
  • 複数文字列の入力要素の挿入:テキスト領域
  • ボタンの挿入:「送信」ボタン/「リセット」ボタン
  • table(表)要素のCSSによるレイアウト調整
  • その他各種設定
  • テンプレートのnavi部分へのリンク設定
  • アップロード前の各種調整
  • サーバーの設定
  • クロークの設定
  • 参考:ファイルをフォルダにまとめる
  • アップロード
  • サーバーへの接続/アップロード
  • CGI関連ファイルへの権限(Permission)設定
  • webサイトの改定/再アップロード(更新)
  • 参考:特定のファイルのみをアップロード
  • サイト全体を同期

講座で使用するサンプルサイト

講座スケジュール

07月25日(木) 基本 Dreamweaver基本講座 9
08月07日(水) 基本 Dreamweaver基本講座 満席
09月04日(水) 基本 Dreamweaver基本講座 10
09月19日(木) 基本 Dreamweaver基本講座 10

※リアルタイムには反映されません。
※お申込の締切は講習前日(平日)の午後5時まで、講習が月曜の場合は前週の金曜の午後5時までとなります。

価格
25,920円(税込)
対象となる方
初心者
講習時利用バージョン
  • Dreamweaver 2018
プラットフォーム
  • Mac
  • Windows
講座時間
6時間
(10:00〜17:00)
再受講制度
ご利用可能です。