Responsive HTML CSS Web Design-Dreamweaver CC

 

9 students enrolled

 

Learn HTML5 & CSS3 web design skills. Build beautiful responsive design websites in Dreamweaver CC

What you’ll learn

  • you’ll learn to build a responsive portfolio website from scratch.

  • Learn how to take a design from Illustrator & create a professional website.

  • How to use templates in Dreamweaver.
  • Create mobile, tablet & desktop versions of the website.
  • Build our own custom responsive navigation with burger menu.
  • Introduction to JavaScript & jQuery.
  • How to publish your website to the internet.
  • Ways to preview your designs straight to your mobile device.
  • How to get the most from your portfolio Images.
  • How to use beautiful web fonts in your designs.
  • You will get the finished files so you never fall behind.
  • Downloadable exercise files & cheat sheet.
  • Forum support from me and the rest of the BYOL crew.
  • All the techniques used by professional website designers.
Requirements
  • You will need a copy of Adobe Dreamweaver CC 2017 or above. A free trial can be downloaded from Adobe.
  • No previous web design skills are needed.
  • No previous Dreamweaver skills are needed.

Overview

1
Introduction
2:33
2
Resources
1:56

Creating a HTML Website in Dreamweaver

1
Setting Up Adobe Dreamweaver to Create websites
3:13
2
How to Create a new website in Dreamweaver
3:56
3
Creating a new Html page in dreamweaver
5:28
4
Previewing your website in Adobe Dreamweaver
3:47
5
Moving Tags Around in Dreamweaver
3:29

Using CSS in Dreamweaver

1
Creating and Editing your first style sheet
9:25
2
changing and adjusting the CSS stlyes
4:50
3
Centering your website using container
8:06

Responsive Websites

1
Mobile view
8:07
2
Testing on a mobile phone
3:23

Mobile Navigation Menu

1
Creating a hamburger drop down mobile menu
11:10
2
Using javascript
3
Styling our menu
9:29
4
Adding different fonts
5:52
5
Fixing our menu Style
5:45

Adding Content

1
Planning our Template
2:21
2
Adding background image
7:39
3
Using HTML5 main tag
4:14
4
Adding HTML5 footer tag
9:51

Templates in Dreamweaver

1
Making a Dreamweaver template
3:44
2
Creating new pages based on dreamweaver template
3:49

Adding Content 2

1
Creating a responsive hero Box
8:26
2
Fixing some divtag problems
9:09
3
Adding and changing the horizontal rule style
2:36
4
Creating a button
5:23

Responsive Content

1
Changing fonts spacing
5:49
2
Turning of view parts for desktop or mobile
6:40
3
Creating a responsive image grid
8:27
4
Matching images with page size
5:40
5
making columns for desktop and mobile
5:25
6
Creating a clearfix pseudo
6:29

Other Pages

1
Creating links to new pages
14:21

Hosting Analytics

1
Uploading your website
9:58
2
Adding google analytics
5:56

What Next

1
Whats next
1:23
2
Excercise
1:03

Be the first to add a review.

Please, login to leave a review
website design
30-Day Money-Back Guarantee

Includes

Full lifetime access
Access on mobile and TV
Responsive HTML CSS Web Design-Dreamweaver CC
Price:
Free