Dreamweaver Templates & Javascript Menus

Illustrator to Dreamweaver Tutorial Introduction.

Daniel Walter Scott || VIDEO: 1 of 38

Download Exercise Files



I recommend hosting your new website with Bluehost, you can get a big discount by signing up with this link: https://www.bluehost.com/track/byol/byol_dtjm_1

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Hi there, my name is Dan. And in this video series we're going to make this Responsive Portfolio Website using Dreamweaver. Now we're going to go through this course step by step learning everything we need to know to make a website. We'll also use some of Dreamweaver's templating tools so that we can make sideways changes to our large websites, super quick and easy. We'll also make this responsive drop down menu here, from scratch. So we'll have to learn a little bit of JavaScript and JQuery.

Now I am an Adobe Certified Instructor. I also get to help Adobe make a lot of their Dreamweaver tutorials for their website. I'm also a Dreamweaver speaker at the Adobe Max Conference in Las Vegas. And even better still, I'm inside your copy of Dreamweaver right now. Go and open it, open up Dreamweaver, go to Help, and go to Quick Tutorial. And there I am, inside the machine.

This course is for beginners. You don't need any previous knowledge of Dreamweaver or Web Designer experience. We'll use Dreamweaver's Split View so that you can use all the good visual tools. As well as doing some simpler menus down here, in the code as well. In this series, we'll take this static design here that we'll start with from Illustrator, and together, step by step, build everything in HTML, CSS, and JavaScript. We'll make our own navigation using JQuery. We'll make adjustments to the site so that everything looks good on all the different devices.

We'll work with beautiful fonts and colors, and even add Google Analytics to our site, so we can get some amazing information on who visits our site. Now Web Design can be pretty tricky, so if you ever get lost, I'm around to help. Just use any of the comments on any of the pages. Also, you get exercise files, you can play along with me in the video series. I also save something called the completed files, so at the end of every video, I save about two so that you can compare yours with mine, just in case yours get a little lost.

So, check out the link here for the website we're going to build together. I want you to get super excited about building a website like a professional. See you in class. Wow! Thank you, guys. And a wink. We're going to build a website awesomely. How about that?