Dreamweaver CC 2018 - Introduction to responsive web design

Introduction

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

9 lessons / 1 hours

Overview

Hi, I'm Dan and in this short-course we'll quickly go through all the basics to creating a simple responsive website using Dreamweaver CC 2018. We'll look at responsive web design techniques, as well as making sure you understand exactly what you're doing. We'll make the most of the most up to date web techniques, using HTML5 and CSS3 to present the best site possible. We'll use Media queries to manipulate the sites styling at different widths to give our site responsiveness. 

I built this course for the super-newbies. I've even got fail-safe exercise files so you can never fall behind. This would be the perfect starting point for anyone that wants to dip their toes into building responsive websites. We'll make 3 different responsive points, desktop, tablet and mobile. 

We'll start with defining the site in Dreamweaver. I'll give you a basic starting point of the site to get the ball rolling, then we'll preview our site and improve the responsiveness.

What are the requirements?

  • You'll need a copy of Dreamweaver CC 2017 or above. A free trial can be download from Adobe here.

  • No previous Dreamweaver or web design experience is necessary.

  • If you're not sure if this course is right for you. Email me what you’re trying to do and check if you’re on the right track.

What am I going to get from this course?

  • Forum support from me. 

  • All the techniques used by professional website designers.

  • Basic understanding of responsive web design.

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. People with knowledge of previous versions of Dreamweaver and below will also get great value from this course as the software has changed so much.

  • NO: This course is NOT suited to people experienced in using HTML & CSS. If you prefer to work in code only then this course isn’t right for you.

Course duration 40 mins

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

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

Download Exercise Files

Transcript

Hi there, my name is Dan Scott. And in this video we're going to turn you from Web Zero to Web Hero, and look to build your very first Responsive Web Page using Dreamweaver.

Now you can follow along in this tutorial perfectly. You just need to download the exercise files. There's a link down in the description there. It's free to download, go and get that, pause the video, come back once you've got the files.

So the goal of this tutorial is to expose you to modern Web Design. We're going to look at terms like Responsive, HTML5, and CSS3. They sound fancy but they're actually quite easy once you understand them. We're also going to look at how Dreamweaver makes this super easy for us to do, but actually what I really want you to get from this video is to get to a point hopefully, at the end, where you're like "Actually, it's not as hard as I thought it was" and "I'm pretty excited about going off, learning more, and building my own site."

So that's my goal. Let's get into it now, and I'll start working.

Bring Your Own Laptop
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024