Make Your First Website From Scratch - Adobe Dreamweaver® CC

Using HTML5 And CSS3, Design A Complete Responsive & Mobile Friendly Website From 'Blank Page' To 'Uploading'.

4.00 (244 reviews)
Udemy
platform
English
language
Web Design
category
instructor
34,853
students
4 hours
content
Jan 2016
last update
$34.99
regular price

What you will learn

Learn the basics of Html5 and CSS3.

Learn how to work on text and to customize the text

Learn how to create and stylize links

Learn how to use CSS in Dreamweaver CC to stylize webpage

Learn the use of webfonts to stylize text.

Learn how to convert a static webpage into responsive

Learn how to create the mobile version of the website

Learn how to create stylish menu bar and multiple pages of a website

Learn how to insert a widget in the webpage

Learn how to insert an awesome gallery widget in the webpage.

Learn how to create a stylish form and its processing.

And finally learn how to upload a website to get this online and to access this from anywhere in the world.

Mobile Friendly Course.

Description

Hi there and welcome to Making Your First Website From Scratch - Adobe Dreamweaver® CC tutorial. Like to thank you for taking a look at my course. In this course I am gonna walk you through every single step of creating a complete website.

Dreamweaver CC is an application provided by Adobe and is used by professional to create and edit websites.

As I said from scratch! So we will start from a blank page. Then we'll add some text in the page and will learn how to customize the text. After working with text, we will create and stylize links. Then After positioning our content we'll learn the basics of HTML5 and CSS. And then we'll use the power of CSS to stylize our page. And working on CSS is much easier in Adobe Dreamweaver CC because Dreamweaver gives you the full control on CSS with the new advanced layout of CSS designer panel. Then we'll learn how to use web fonts to stylize text. And then we'll learn the important part of a website designing and that is its responsiveness means the webpage should be flexible across different screen sizes. And then we'll create the mobile version of our website means our website will have different layout on mobile devices.

Then we'll learn how to create stylish menu bar and other pages for our website as our website is gonna contain four web pages. Then I'll show you how we can insert a widget in our website by inserting an awesome gallery widget. A website can't be complete without social media plug-ins, so we'll learn how to add twitter or Facebook widget and a YouTube video in our website. Then we'll create and stylize a form with which your visitors will be able to contact you. And finally we'll upload our website to get this online and to access this from anywhere in the world. We'll be discussing all these topics and much more in this course.

The course has been created in 720p High Definition video and extra zooming and panning has been applied in the videos so that you can easily watch this course on your tablets and mobile devices.

So this course is a great place to start if you are looking to make your first website or to familiarize with the latest version of Dreamweaver.

If you are interested in designing a website and don't know how and from where to start, then this course is for you. I'm really excited to get started on this course with you and hope you are too, so let's get started..

Content

Getting Started

Introduction
Getting Most out of This Course
Exercise Files
HTML Introduction
Managing Files
Editing Images

Creating your First Web Page

Opening the Document
Workspaces
Creating your First Web Page
Working with Text
Creating and Customizing Links
Positioning Content

Html5 and CSS3

HTML5 Basics
CSS Basics
Web Fonts
Responsiveness or Flexibility
Flexible CSS
Creating the Mobile Version
Section 3

Menu Items and Other Web Pages

Creating and Customizing Menu
Multiple Pages

Inserting a Widget in the Web Page

Methods to Insert a Widget
Inserting the Gallery Widget
Customizing the Gallery Widget
Stylizing the Gallery Widget

Social Media Optimization

Adding Twitter or Facebook Widget
Adding a Video (Youtube)

Creating a Form

Creating and Stylizing the Form
Form Processing

Finalizing and Uploading

Description and Keywords
Testing Offline
Uploading
Checking Online

Thank You

Thank You

Screenshots

Make Your First Website From Scratch - Adobe Dreamweaver® CC - Screenshot_01Make Your First Website From Scratch - Adobe Dreamweaver® CC - Screenshot_02Make Your First Website From Scratch - Adobe Dreamweaver® CC - Screenshot_03Make Your First Website From Scratch - Adobe Dreamweaver® CC - Screenshot_04

Reviews

Sakti
September 24, 2020
Interesting stuffs to learn about designing a website from scratch with step by step guided information.
Erik
July 26, 2020
Never got past the uzip directions because I couldn't understand what program to use. Why not something everyone has, like winzip. This is the second udemy course I have found unusable.
William
June 21, 2020
I was pretty much a beginner and knew really nothing about Dreamweaver. I was very unsure of this all at the start because I am a laid off graphic designer (not my fault) looking for work now and I need to update my skill sets for todays job market with digital programs like this besides print based programs that I know more for sure. At the start, middle and end of the course, my confidence level grew through each step. I still have stuff to learn and practice, but Mr. Sajid gave me a solid foundation and confidence to do this type of work. Plus, it was lots of fun which is a relief to me, haha. He is a very good instructor and I will look for him in other Udemy courses in the future. Thank you very much.
Titus
January 16, 2018
The Instructor really knows his stuff and knows how to teach. Frankly, I have never seen a dreamweaver tutorial as fun, enlightening and engaging as this one. I have learned all I need to learn about HTML5 & CSS3 to create a website on my own now. The instructor was good can't complain about the accent either. One can tell that English is not his first language but he did great!!!! That's a 5/5 for you M. Sajid, keep up the good work!.
Joel
October 5, 2017
Very easy to grasp and gives you a solid base into furthering your interest towards building your websites.
Faisal
November 25, 2016
This course is helpful to start your journey as website designer. The Course is full of useful and valuable information. Instructor delivery is very engaging. You won't regret after taking this course, it is very beneficiary.
Sonu
November 21, 2016
Amazing course and the trainer is very clear and precise with his teaching. I'm loving it. This is one of the best courses that I've enrolled in. Highly recommended.
Tim
October 16, 2016
I think this is a very informative use of designing with Dream Weaver. I enjoyed learning about web design with adobe dreamweaver.
Paloma
May 9, 2016
The widget and form videos barely explain anything, they just show how to copy and paste code from the internet into your site. For instance, they don't teach you how to validate a form.
Brad
March 31, 2016
Excellent course, to the point and very helpful. Excellent resolution and zooming for clarity. Explained at a great pace for novices. Thank you!
Eliere
March 20, 2016
This is a very Good Course. It helps me to improve my skills on DW. The material used in this course is very interesting, it makes you pay attention all time
Sunny
March 20, 2016
I have some experience with FileMaker which has a similar development environment. This course helped me to quickly get on board with html & dreamweaver environment in 2 hours.
Pratap
March 2, 2016
After watching these videos ,I felt, frontend so easy for me.....lovely and clear explanation....great instructor and after so long found good course in Udemy.......recommended for beginners....you will learn frontend within a week.....
Usman
November 29, 2015
Thanks M.Sajid. This is quite informative and helpful. You have produced such a qualitative and interesting course. Hats Off to you
Faoud
November 3, 2015
For those of you who have some web development knowledge like html5, css, js, once you get past the author's accent who isn't as heavy....the information and practical knowledge you will gain will be, valuable and help you gain a better understanding of web development employing the use of Dreamweaver for the practical project done in this course. I was a notepad++ and brackets user but because of this course I will definitely be using Dreamweaver for my future web development projects...great job Mr M.Sajid

Charts

Price

Make Your First Website From Scratch - Adobe Dreamweaver® CC - Price chart

Rating

Make Your First Website From Scratch - Adobe Dreamweaver® CC - Ratings chart

Enrollment distribution

Make Your First Website From Scratch - Adobe Dreamweaver® CC - Distribution chart

Related Topics

614408
udemy ID
9/17/2015
course created date
8/4/2019
course indexed date
Bot
course submited by