Your first HTML & CSS web page - Dreamweaver CC 2017

Daniel Scott, Digital Designer & Premiere specialist!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Videos (2h 11m)
    • Introduction - Coding for Designers

    • What we'll be building and resources

    • Our first HTML & CSS web page

    • Making your site responsive

    • Creating a navigation hamburger menu

    • Styling our responsive navigation menu

    • Real time preview on phone & tablet

    • Working with typography on a website

    • Creating our hero box

    • Adding our image grid

    • Publishing your website to the internet

    • Lasts things now that you’re a coder

    • Dreamweaver Cheat Sheet


About This Class

You love design but you hate coding. You give your web designs to someone else & miss out on vital income.

Hi - my name is Dan and I’ll be showing you how to code your first ever website using the new Dreamweaver 2017.

Why should you learn to code? Because relying on others to bring your designs to life is frustrating when they don’t seem to appreciate the hours you spent aligning the image boxes or kerning your headings. It’s also a huge chuck of the invoice that you’re leaving on the table if you’re out sourcing or turning away web design work.


Whether you’re building a website for yourself, or you want to generate more income for your business I promise this is the place to be. We’ll build a portfolio website that you can adjust and use for yourself. Like the mechanic with the rusty car - designers often have half finished or no portfolio website at all. Lets build yours together and along the way find out that coding isn’t as scary as some people (you included) make out.

Let’s learn more to earn more as a designer.

What are the requirements?

  • You'll need a copy of Dreamweaver CC 2017 or above. A free 30 day trial can be download from Adobe here.
  • No previous Dreamweaver or web design experience is necessary.

What am I going to get from this course?

  • You'll learn to build a portfolio website.
  • Download exercise files & cheat sheet.
  • Create mobile, tablet & desktop versions of the website.   
  • Build a responsive navigation with burger menu.
  • How to get the most from your portfolio Images.
  • How to use beautiful web fonts in your designs.
  • How to publish your website.
  • How much to charge for your work.
  • How to get paid.
  • Getting up & running your first web job.
  • Forum support from me. 
  • All the techniques used by professional website designers.
  • Ways to preview your designs straight to your mobile device.
  • Professional workflows and shortcuts. 
  • A wealth of other resources and websites to help your new career path.

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.

59 of 59 students recommendSee All

Fantastic!. My last owned copy of Dreamweaver is from Macromedia!! ! Such a big change in how software works as well as the new media you need to be aware of since I last did a website!
I'm still working through this class, but Dan is an awesome teacher. Already, I've learned a lot. I'm coming to this class with a lot of experience with Photoshop, Illustrator, InDesign, etc... but absolutely zero when it comes to website design and coding. I really appreciate how Dan breaks everything down and making it easy to understand. Before this class, I would have said a burger menu was a restaurant menu. Anyway, thanks Dan!
Merritt B

master of none

This class was super helpful and I find the teacher very talented at taking complex subject matter and making it seem easy and accessible. It answered the key questions I had about ways to improve my web site and I will be incorporating what I learned in the near future. Thanks Skillshare I think this might be one of your best classes!!





Daniel Scott

Digital Designer & Premiere specialist!

I'm a Digital Designer & teacher at BYOL international. Sharing is who I am, and teaching is where I am at my best, because I've been on both sides of that equation, and getting to deliver useful training is my meaningful way to be a part of the creative community.

I've spent a long time watching others learn, and teach, to refine how I work with you to be efficient, useful and, most importantly, memorable. I want you to carry what I've shown you into a bright future.

I have a w...

See full profile