Lessons
Class Introduction
02:51 2Dreamweaver Project Overview
09:33 3Designing Web Page Comps in Photoshop
14:33 4Save Images for Web
19:55 5Getting Started in Dreamweaver
05:47 6What is HTML
17:42 7What is CSS
05:27 8Prepare to Create a Web Page
07:00Add HTML5 Sections to a Web Page
16:06 10Add and Explain CSS
05:21 11The CSS Designer
19:40 12How to insert a CSS Reset
07:18 13Styling Web Page Elements with CSS
08:31 14Styling with Fonts
10:28 15Understanding Floats and Clearing
05:40 16Creating Navigation and Inserting Responsive Images
23:01 17Styling Navigation Links
14:07 18Add Social Media Buttons
10:29 19Media Queries in our Simple Page
13:29 20Creating a Bootstrap Webpage
10:16 21Creating a Bootstrap Navigation Bar
10:29 22How to add Custom CSS to the Bootstrap Framework
03:42 23How to Create a Bootstrap Header Section
15:24 24Create Custom Media Queries in the Bootstrap Framework
05:48 25How to Create and Edit an About Us and Main Section
27:51 26How to add a Jumbotron Model using Bootstrap
13:35Lesson Info
Class Introduction
- [Jim] Recently, Adobe has completely revamped Dreamweaver. And we have Melissa Piccone in the house, an Adobe Certified Instructor, to teach you and take you through Dreamweaver from A to Z. Without any further ado, let's bring on Melissa. Thanks. - [Melissa] Thanks, Jim. All right, I'm going to talk a little bit about what we're going to do today. So, we're going to create two websites from start to finish, and we're also going to...I'm going to talk about web design best practices while we create those websites. And by the end of the class, I want you to be able to understand HTML, CSS, and Dreamweaver, of course. And we are going to take a Dreamweaver Bootstrap template that's already pre-made and we're going to customize that. And in this class, you're going to learn HTML, CSS, and troubleshooting. You are probably a small business owner or individual and you need an online presence. Just something simple, a simple one-page website just to get your name out there that you can cre...
ate and maintain yourself. Your challenge is that you have no budget. You can't afford to hire someone else. You don't know the first thing about web design or maybe you only know a little bit about web design. And you don't want to have to rely on someone else to create and make updates to your webpage. So, the fix is this class. By the end of the workshop, you'll have basic understanding of HTML and CSS. You will know how to use Dreamweaver and the Dreamweaver CSS designer to visually design and create CSS, so you don't have to hand code it. You'll be able to modify a pre-made Bootstrap template in Dreamweaver and you'll be able to create a responsive web design. And you'll know what a responsive web design is because we're going to talk about that. So, that will look good on any screen, and you're in good hands. So, not knowing how to create your own website leaves you at the mercy of others, meaning their time, your money, and you have to rely on someone else when they're available and pay them to do that. So, my name is Melissa Piccone and I'm an Adobe Certified Instructor. I'm also an Adobe Community Professional. I've been teaching for eight years full-time. I've been teaching longer than that, but not full-time, which I love. And before that, I owned a web design business for 10 years. I've been hand coding HTML since 1995, but I was only 10 back then. Okay. So, let's get started, okay? Some of these other slides, I'll keep popping this one back up for you. These are websites that I'm going to reference. A couple of these we're going to go to, but I'll reference them throughout the class. And this is my contact information, so if you guys are looking for me anywhere, that's where you can find me online.
Class Materials
Bonus Materials with Purchase
Ratings and Reviews
lovemydreams
Great Class! Her teaching style is easy to follow and I feel like how excited she is about teaching Dreamweaver. I've taken other classes and by far Melissa class is worth taking because she loves creating websites. She shows coding and explains it in a way that if you are new to it you will understand. Learning Dreamweaver with Melissa is fun and worth it! Thanks, Melissa and creativelive!
Kathleen
I love this, she's great BUT...she's going wayyyyyyy too fast. I'm watching it live and working from scratch along with her but I can not keep up and I'm not a beginner.
Linda Knapp
She did a good job at touching a variety of different parts of Dreamweaver and showing how to use its capabilities. She did go pretty fast and I had to do a lot of rewind and rewatching as I built the sample website along with her. I would have been frustrated if I was in the classroom. All in all though I found the class easy to watch and informative.
Student Work
Related Classes
Web Design