🚨 Heads up! This course is no longer supported. We recommend checking out our Webflow Essentials course.
What next in the Dreamweaver course.
Questions
Student Gallery
Be the first to share something.
Course info
Overview
We’ll use Dreamweaver's handy templating tools to make updates to our site super easy. We’ll create our very own mobile 'burger menu' from scratch learning some basic Javascript & jQuery.
Now web design can sometimes be tricky so I am here to help - just message me if you get stuck. There are also exercise files so you can follow along. I even save a full copy of the website at the end of every video so that you can check yours again mine if you’re is not working quite right.
- You will need a copy of Adobe Dreamweaver CC 2017 or above. A free trial can be downloaded from Adobe.
- No previous web design skills are needed.
- No previous Dreamweaver skills are needed.
What am I going to get from this course?
- 39 lectures 3+ hours of well-structured content!
- You'll learn to build a responsive portfolio website from scratch.
- Learn how to take a design from Illustrator & create a professional website.
- How to use templates in Dreamweaver.
- Create mobile, tablet & desktop versions of the website.
- Build our own custom responsive navigation with burger menu.
- Introduction to Javascript & jQuery.
- How to publish your website to the internet.
- Ways to preview your designs straight to your mobile device.
- How to get the most from your portfolio Images.
- How to use beautiful web fonts in your designs.
- You will get the finished files so you never fall behind.
- Downloadable exercise files & cheat sheet.
- Forum support from me and the rest of the BYOL crew.
- All the techniques used by professional website designers.
What is the target audience?
- YES: This course is for beginners. Aimed at people new to the world of web design. No previous Dreamweaver experience is necessary.
- NO: This course is NOT suited to people experienced in using HTML & CSS.
Course duration approx 4 hours + your study.
Daniel Scott
Founder of Bring Your Own Laptop & Chief Instructor
I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.
Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.
Downloads & Exercise files
Transcript
Okay, so what to do next? You've built the site in Dreamweaver, so we've got a working website but you might not have done the design side, you might have skipped that, and just worked from my Illustrator file. So, Illustrator was done in a separate course, check out the link here. That's where we picked the colors, the images, and the fonts, and all those types of things. And then we built them in this course in Dreamweaver, so go do that.
There's another course that does a very similar thing, but in Photoshop. So go check out, there'll be another link here on the screen. Doesn't really matter if you do in Illustrator or Photoshop, whatever tool you prefer to use. What you also might do is kind of add to your site by maybe looking at video backgrounds, let's cut to a little clip here. So you can see, there is, you can see this main Hero Box here is actually an image where you can do a full background option, like here.
What you can also do is put your website up on 'Am I Responsive?’ So you need to host it somewhere, grab that url, and put it into, say here. And you can see, it puts it on to all the different devices. Send me a screenshot, I'd love to see how it looks. And also it's really good for your Portfolio, for Static Print Portfolios. That's it, let's go and look at the Class Exercise.
