1. Class Introduction
Class Introduction02:51 2
Dreamweaver Project Overview09:33 3
Designing Web Page Comps in Photoshop14:33 4
Save Images for Web19:55 5
Getting Started in Dreamweaver05:47 6
What is HTML17:42 7
What is CSS05:27 8
Prepare to Create a Web Page07:00
Add HTML5 Sections to a Web Page16:06 10
Add and Explain CSS05:21 11
The CSS Designer19:40 12
How to insert a CSS Reset07:18 13
Styling Web Page Elements with CSS08:31 14
Styling with Fonts10:28 15
Understanding Floats and Clearing05:40 16
Creating Navigation and Inserting Responsive Images23:01 17
Styling Navigation Links14:07 18
Add Social Media Buttons10:29 19
Media Queries in our Simple Page13:29 20
Creating a Bootstrap Webpage10:16 21
Creating a Bootstrap Navigation Bar10:29 22
How to add Custom CSS to the Bootstrap Framework03:42 23
How to Create a Bootstrap Header Section15:24 24
Create Custom Media Queries in the Bootstrap Framework05:48 25
How to Create and Edit an About Us and Main Section27:51 26
How to add a Jumbotron Model using Bootstrap13:35
- [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.
Ratings and Reviews
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!
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.
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.