Make Your First Website From Scratch With Adobe Dreamweaver® CC

Make Your First Website From Scratch With Adobe Dreamweaver® CC

G
GraphicMade
Mar 26, 2026

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

⏱️ COURSE TIMESTAMPS

00:00 Introduction (03:03)
03:03 Getting the Most Out of This Course (01:24)
04:27 Exercise Files (00:07)

SECTION 1 — HTML & PROJECT SETUP

04:34 HTML Introduction (03:02)
07:36 Managing Files (04:18)
11:54 Editing Images (06:13)
18:07 Opening the Document (02:55)
21:02 Workspaces (03:23)
24:25 Creating Your First Web Page (07:22)
31:47 Working with Text (06:42)
38:29 Creating & Customizing Links (08:16)
46:45 Positioning Content (13:44)

SECTION 2 — HTML5, CSS & RESPONSIVE DESIGN

01:00:29 HTML5 Basics (08:24)
01:08:53 CSS Basics (13:01)
01:21:54 Web Fonts (04:40)
01:26:34 Responsiveness / Flexibility (06:05)
01:32:39 Flexible CSS (05:39)
01:38:18 Creating the Mobile Version (16:06)

Section 3 Quiz – 2 Questions

SECTION 3 — MENUS, WIDGETS & MEDIA

01:54:24 Creating & Customizing Menu (19:32)
02:13:56 Multiple Pages (13:13)
02:27:09 Methods to Insert a Widget (11:41)
02:38:50 Inserting the Gallery Widget (06:48)
02:45:38 Customizing the Gallery Widget (09:10)
02:54:48 Stylizing the Gallery Widget (06:03)
03:00:51 Adding Twitter or Facebook Widget (06:09)
03:07:00 Adding a Video (YouTube) (02:50)

SECTION 4 — FORMS, SEO & WEBSITE DEPLOYMENT

03:09:50 Creating & Stylizing the Form (10:11)
03:20:01 Form Processing (06:16)
03:26:17 Description & Keywords (SEO Basics) (02:49)
03:29:06 Testing Offline (02:53)
03:31:59 Uploading Your Website (10:12)
03:42:11 Checking Online (03:51)

CONCLUSION

03:46:02 Thank You (01:19)

Create Your First Website with Dreamweaver — HTML5 & CSS3 Full Guide

Alternatives:

Build a Responsive Website from Scratch in Dreamweaver (Step-by-Step)

Dreamweaver CC Beginner Course — HTML5 & CSS3 Website Tutorial

✅ YouTube Description (Professional + SEO-Optimized)

Learn how to design and build a professional, responsive, and mobile-friendly website from scratch using Adobe Dreamweaver CC, HTML5, and CSS3.
This beginner-friendly course takes you from a blank page all the way to publishing your website online, giving you the essential skills to create modern web pages with confidence.

⭐ What You Will Learn:

Build your first complete website using Dreamweaver CC, HTML5, and CSS3.

Understand the structure of webpages and how to code clean, efficient HTML.

Style layouts, colors, spacing, fonts, and more with professional CSS techniques.

Create a fully responsive website that looks great on mobile, tablet, and desktop.

Learn modern design techniques used by today’s web developers.

Connect, upload, and publish your website to the internet.

Understand Dreamweaver’s interface, tools, and workflow for smooth development.

This course is perfect for absolute beginners, graphic designers, aspiring web developers, and anyone who wants to build their first website without prior coding experience.

Start building your dream website today—no experience required!

Timestamps