Lessons in recommended learning order
Follow them in this order or jump to the actual lesson you need
Lesson 1: Design your website using Adobe Fireworks
In the first lesson I'm gonna show you how to create web graphics in Adobe Fireworks. Photoshop is good, I love it, it's the best photo editing program but Fireworks was designed specifically to create optimized graphics for the web.
How to design a website using Adobe Fireworks>>>Lesson 2: Building a Website Start To Finish With Dreamweaver
In this lesson I'm gonna show you how to set up your website in Adobe Dreamweaver start to a decent finish. You are going to learn the basics of HTML and CSS.
Building a Website Start To Finish With Dreamweaver>>>Lesson 3: Embed a YouTube Video On Your Website
In this lesson I'm gonna show you how to embed a YouTube video on your website. You will learn how to select the correct size for your video, aspect ratio, and fit into your site.
How To Embed a YouTube Video On Your Website>>>Lesson 4: Floating Div Tags in Dreamweaver
In this lesson I'm gonna show you how to float div tags and place elements side by side so you can organize your content on your page.
Floating Div Tags in Dreamweaver>>>Lesson 5: Create a Table in Dreamweaver
In this lesson I'm gonna show you how to create a table in Adobe Dreamweaver, and how to style your table to organize your content the old way since we use divs for layout, but tables are still great in some cases like data.
How To Create a Table in Dreamweaver>>>Lesson 6: Building a Web Form in Dreamweaver
In this lesson I'm gonna show you how to build a web form in Dreamweaver. We are going to create the layout of the form, the fields and their names. The form needs more code in order to work. More on on the code later.
Building a Web From in Dreamweaver>>>Lesson 7: Dreamweaver CSS Website Layouts
In this lesson I'm gonna show you how to use the Dreamweaver CSS website layouts and how to easily edit those layouts so maybe you don't need to build the layout for your website just select one already made and edit it the way you want to make it work for you.
Dreamweaver CSS Website Layouts>>>Lesson 8: CSS Drop Down Menu in Dreamweaver
In this lesson I’m gonna show you how to create a css drop down menu bar in Dreamweaver. This is the best way to create any kind of menu bar.
Creating a CSS Drop Down Menu in Dreamweaver>>>Lesson 9: Spry Menu Bar in Dreamweaver
In this lesson I'm gonna show you how to create a spry menu bar in Dreamweaver. Although this can be useful I would recommended to build menu bars using css so if you learned how to do that from the previous lesson you may skip this lesson.
Creating a Spry Menu Bar in Dreamweaver>>>Lesson 10: Spry Tabbed Panels in Dreamweaver
In this lesson I'm gonna show you how to create spry tabbed panels in Dreamweaver. This is where you have multiple tabs with headlines and have more content appear when people click those individual tabs of headlines.
Creating Spry Tabbed Panels in Dreamweaver>>>Lesson 11: Spry Collapsible Panel in Dreamweaver
In this lesson I’m gonna show you how to create a spry collapsible panel in Dreamweaver. This is where you have a part on your website with a headline and have more content to appear when people click that headline.
Creating a Spry Collapsible Panel in Dreamweaver>>>Lesson 12: Spry Tooltip Widget in Dreamweaver
In this lesson I'm gonna show you how to work with the spry tooltip widget in Dreamweaver. This is useful when you want people to hover over an element of your website and have extra information pop up for them.
Working with the Spry Tooltip Widget in Dreamweaver>>>Lesson 13: Web Photo Gallery/Album in Dreamweaver
In this lesson I’m gonna show you how to create a photo gallery in Dreamweaver. A good application of tables is where you have a bunch of images on your page and you want to quickly organize those images on the page.
Creating a Web Photo Gallery/Album in Dreamweaver>>>Lesson 14: JavaScript in Dreamweaver
In this lesson I’m gonna show you the built-in JavaScript behaviors in Dreamweaver. The most useful use of this is creating pop-up windows where you click an image and it pops up in a popup window in full size.
Adding JavaScript in Dreamweaver>>>Lesson 15: Send Email with a Web Form
In this lesson we are gonna create a simple php script to process a form, and we are also gonna validate the form. The form is gonna be fully functional by the end for you to use.
Send Email with a Web Form>>>Lesson 16: SEO made easy
In this lesson I will walk you through the basic SEO steps you need to take in order for people to find your website on Google.
SEO Made Easy>>>Lesson 17: Social Media Marketing
Social media sites like Facebook, YouTube, Instagram, Twitter, Snapchat... are great tools for you to promote your website and sell your products and services.
Social Media Marketing>>>