Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Your first HTML & CSS web page - Dreamweaver

Daniel Scott, Adobe Certified Trainer & UI/UX Expert

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

      1:25
    • What we'll be building and resources

      5:48
    • Our first HTML & CSS web page

      13:46
    • Making your site responsive

      7:16
    • Creating a navigation hamburger menu

      14:32
    • Styling our responsive navigation menu

      19:20
    • Real time preview on phone & tablet

      3:38
    • Working with typography on a website

      5:15
    • Creating our hero box

      22:05
    • Adding our image grid

      13:50
    • Publishing your website to the internet

      4:59
    • Lasts things now that you’re a coder

      4:11
    • Dreamweaver Cheat Sheet

      14:53

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.

86bd9252

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.

65 of 65 students recommendSee All

good course. I enjoy how the instructors freely talks - not a lot of pauses. Couldn't find files though.
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

949

Students

6

Projects

Daniel Scott

Adobe Certified Trainer & UI/UX Expert

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