はじめてDreamWeaverでWEBサイトを作るためのホームページ制作講座

最新のDreamweaver CCを使ってサイトを白紙からつくり、ホームページをオープンさせましょう。CSSやhtmlの基本的なことも解説しているので、基礎からしっかり学ぶことができます。

4.40 (359 reviews)
Udemy
platform
日本語
language
Web Design
category
instructor
1,864
students
5.5 hours
content
Jan 2017
last update
$19.99
regular price

What you will learn

DreamWeaverを使ってWEBサイト(ホームページ)を白紙からつくり、公開させる講座です。ホームページサイトをつくる手順がはっきりと理解できます。

Description

 このコースはAdobe DreamWeaverを使ってホームページサイトをゼロからつくる方法を解説しています。動画で示される手順通りに進めればご自分のサイトをオープンできます。この講座ではDreamWeaverを通して制作しますが、DreamWeaverの使い方と同時にhtmlのしくみやコードを使ったページの制作方法も解説しています。DreamWeaverだけを使ってページをつくるよりも遙かに効率的にページ制作ができるスキルが身につくよう解説しています。

このチュートリアルでサイトを白紙からつくろう

・この講座だけで白紙からホームページサイトを完成し、公開する手順をすべて解説しています。

・ゼロからページをつくるための材料がすべてダウンロードできます。

・自由自在にレアウトできるCSSの定義の方法をわかりやすく解説。

・コードを直接書き替えることで簡単に効率的に進められるところはDreamWeaverに頼らずソースコードを編集。

・DreamWeaverの最新の機能を使って、トレンディなデザインができるよう解説。

WEBデザイナーへの道をひらこう

 ページサイトのデザインはWEBの基礎的なしくみが分かっていないと進みません。これはDreamWeaverでページを作るだけでは身につかないことです。この講座ではDreamWeaverでページを作りながら、それを入口としてWEBやhtmlの基礎的なことを同時に解説しています。

学習内容

48本のレクチャーを合計5時間23分のビデオで解説しています

最初にこれから制作するページの完成したものを検討し、制作の順序や注意しなければいけない点などを説明します。

CSSの基本やWEBのしくみなど基本的な部分は説明だけでなく実際に実験しながら説明します。これにより基礎的なことがわかるので今後の工程が大幅に楽になります。

サイトページのパーツをひとつひとつ順番に制作し、積み重ねていくことでページが目に見える形で完成していきます。成果がわかるので飽きることがありません。

初心者が間違いそうな部分は特に詳しく説明。また実際に間違いの事例を制作中のページで作って、後で修正することで何が悪かったのかが分かるように説明しています。

WEBの世界で最新のテクニックを使い、同じ結果でも新しい手法で行っています。

最後にサーバーに転送し、検証するまでの全部の工程を解説しているので初めての方がページを公開できるまでのスキルを持つことができます。

Content

はじめに

イントロダクション
DreamWeaverは必要?
基本の操作
新しいページを作る
ページの保存の方法を理解します。

CSSのしくみ

新規サイトの定義
ファイルパネルの使い方
サンプルページの検討
CSSの正体
CSSのしくみ
サイトの整理

サイト制作の開始

ページ制作の開始
CSSスタイルシートの添付
bodyの設定
bodyの詳細設定
containerの挿入
containerのCSS定義
ページの中央配置の方法
CSS設定の順序
header, content, footerの配置

headerの制作

headerのCSSルール定義
headerの仕上げ(1)
headerの仕上げ(2)  Logo_Areaのルール定義
headerの仕上げ(3) Navi_Areaのルール定義
headerの仕上げ(4) Global_Naviの設定
headerの仕上げ(5) Global_Naviの設定
headerお仕上げ(6) リンクの設定
ブラウザで確認

Side_Naviの制作

Side_Navi, Main_Box, Banner_Boxの配置
Side_Navi, Main_Box, Banner_BoxのCSSルール定義
Side_Naviの制作(1) ulとliの入力
Side_Naviの制作(2) ulとh2の設定
Side_Naviの制作(3) ロールオーバーイメージ

Main_Boxの制作

Main_Boxの構造
MainBox_Itemのマークアップ
Main _Titleの設定
画像とキャプチャーの配置
段落要素の再定義
MainBox_Newsのマークアップ
リンクの設定
Tips:classとidの違い

ページを完成させる

Banner_Boxの制作
footerの制作
IEの表示の修正
ページ全体の確認と修正

サイトの公開

サーバーの設定
サイトの公開
サイトの同期

Screenshots

はじめてDreamWeaverでWEBサイトを作るためのホームページ制作講座 - Screenshot_01はじめてDreamWeaverでWEBサイトを作るためのホームページ制作講座 - Screenshot_02はじめてDreamWeaverでWEBサイトを作るためのホームページ制作講座 - Screenshot_03はじめてDreamWeaverでWEBサイトを作るためのホームページ制作講座 - Screenshot_04

Reviews

mina
April 1, 2023
残念なのが、バージョンが古いので、最新版のドリームウイーバーとは違う点があるということです。2021年バージョンにはロールオーバーイメージが無いのと、ブラウザーの設定が出来ないの2点が少し不満です。2021年に更新してもらえるとありがたいです。 最初はそこまでやるかというぐらいうん?というぐらいの基礎度合なのですが、親切丁寧に説明してくれていたおかげで挫折なく学習出来ます。最初の丁寧さが後々腑に落ちてより理解できる内容となっています。非常に分かりやすいと思います。
間宵千波
November 30, 2022
二日に分けて、受講しました。先生の話すスピードが遅いので、1.75倍速で受講しました。内容としてはDWの使用方法の基本を学べるので、大変参考になりました。私のDWは最新の2021で、講座で使用しているものとは違いましたが、ほとんど問題ありませんでした。一回の受講だけでは操作内容が覚えられず、自力でサイトを作れるようにはなれなさそうです。二回目の受講をして再度理解を深めつつ操作内容を覚えたいと思います。
Nobuo
April 21, 2022
最新のDreamweaver CC 2022とは、画面の趣が全く違うので最初戸惑います。しかし、用途や機能はほとんど同じなので慣れてくればコースを進めて行けます。 初学者の方は、このコースの前に村守康先生の「HTML5、CSS3をマスターして、未経験からWEBデザイン・エンジニアを目指す 実践マスターコース」を受講し終えてから受講すると理解が深まると思います。 私は、Dw入門ならこのコースをお勧めします。
Atsushi
April 17, 2022
突如Dreamweaverを使わなければいけない環境に置かれ、手探りで勉強を始めたものの、書籍やウェブページだけではいまいち自信が持てませんでした。本講座で動画を見ながら一歩一歩手順を追うことで、Dreamweaverの操作はもちろん、HTMLやCSSのコードの意味についても理解ができるようになりました。ここで培った基礎をもとに、引き続きホームページ制作の勉強を続けていきたいと思います。ありがとうございました。   ※私はDreamweaver2021を使っており、動画で使用されているバージョンと異なっていましたが、その違いについては自分で調べていけば十分読み替えが可能です。
Masayuki
February 20, 2022
初めてDreamweaverを使う人にとってわかりやすく説明されてました。 講座内でのDreamweaverのバージョンが最新のものとレイアウトが異なっている部分があったので、最新版のもので解説されているとよりスムーズに講座を進めていけるのではないかと思いました。
Forever
December 19, 2020
分かりやすい説明で、初心者の私でも理解しやすかった。残念なのはDreamweaverのバージョンが古いため、所々現行バージョンと作業内容が違い、混乱します。是非現行バージョンでの講座もお願いしたいところです。
A
September 14, 2020
グーグルで調べても答えが見つからないところも多かったですが、今回の講座を受けて、分からなかったところがとてもクリアになりました!すごく細かく丁寧に教えていただけてとても助かります。きちんと考え方から理解できるような内容になっているので、購入して良かったと心から思います。
Junko
September 6, 2020
Dreamweberのバージョンが古く、相対するアイコン等を見つけるのに多少の手間がかかる。また、cssの設定がうまくいかずSample siteを参照するが、設定していないコードも書かれているので自分のコードのどこが間違っているのか分かりにくい。セクション終了時のコードが分かるといいと思います。
稲田有
August 14, 2020
村守さんの講座は2つめの受講ですが、とても分かりやすいです。Dreamweaverは独学で使っているのである程度分かっているのですが、改めてちゃんと学びなおそうと思い受講しました。 ただ、2015年の制作内容のため、CSSなどホームページの作り方は多少古いのではないかと思います。Dreamweaverの使い方に関してはよくわかったのでよかったです。
かわ
May 17, 2020
動画内のDreamweaverのバージョンが古いため、自分で調べなければならない箇所がありましたが、内容が大変分かりやすく楽しく勉強させていただきました。これから練習していろいろと作成してみたいと思います。ありがとうございました。
Mt.Yamachan
May 17, 2020
htmlとcssはある程度勉強しましたが、Dreamweaverは全く知識が無く、難しそうだから自分でソースを書いた方が良いのかな…と心配していましたが、大変丁寧に教えて頂けるので、Dreamweaverを使ってデザインするのも楽しいかも!と感じるようになりました。
山本美智子
April 22, 2020
未経験から受講しましたが、言葉の説明も丁寧でわかりやすく、入門編として最適だと思います。 作りたいページを実現する全てを学ぶことはできませんでしたが、何をどう調べれば目的の情報にたどり着けるのかがわかりました。
hama
April 16, 2020
大変勉強になりました。受講してよかったです。ただ、最新バージョンとは表示画面からしてかなり違い、仕様が変更されている箇所も多かったため、説明通りにはなかなかいかず戸惑いました。大幅に機能が変更したところだけでも補足情報があると助かると思いました。
武谷淳広
June 27, 2017
初心者には解りやすかったです。(2005年に業者の方にホームページを作成してもらって、業者は倒産してしまいました。なんとか自力でスマホ版のホームページも作りたいのでもっともっと勉強してスマホ版を完成させたいと思います。)
mayu
June 7, 2017
CS6での受講生です。ほぼ初心者の私なのですが、講座の進みとしてはバージョンの違いは、ソースを直接入力することにより、どこに反映するのか?を理解する事で問題なく使えました。村守先生の授業は要点をすっきりまとめてお話しされており終始わかりやすかったです。ですが、、、最後のリンクについてテンプレートを使った編集可能領域まで講座を作ってほしかった・・・。たぶん、この講座を受講し終わった生徒全員が、そこに躓いていると思います・・・。

Charts

Price

はじめてDreamWeaverでWEBサイトを作るためのホームページ制作講座 - Price chart

Rating

はじめてDreamWeaverでWEBサイトを作るためのホームページ制作講座 - Ratings chart

Enrollment distribution

はじめてDreamWeaverでWEBサイトを作るためのホームページ制作講座 - Distribution chart

Related Topics

624478
udemy ID
9/28/2015
course created date
11/16/2019
course indexed date
Bot
course submited by