Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Web Design Dreamweaver

Responsive Design HTML CSS Web design - Dreamweaver CC

Learn HTML5 & CSS3 web design skills. Build beautiful responsive design websites in Dreamweaver CC
Bestseller
Rating: 4.7 out of 54.7 (1,566 ratings)
8,153 students
Created by Daniel Walter Scott, Instructor HQ
Last updated 5/2019
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • 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.
Curated for the Udemy for Business collection

Requirements

  • 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.

Description

Hi there, my name is Dan and together we’re going to build a portfolio website using Adobe Dreamweaver.

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.

I am an Adobe Certified Instructor and better yet I work closely with Adobe themselves to develop their own online help videos. I am also a Dreamweaver speaker at the huge Adobe Max conference in Las Vegas. I’m even inside your version of Dreamweaver right now... go on try it... open Dreamweaver > Go to Help > quick tutorial - I’m right there!

This course is for beginners. You do not need any previous knowledge in Dreamweaver or web design. We will use Dreamweaver ‘split’ view so we can use all the good visual tools as well as doing some simple amends down here in the code as well. 

In this series we will take this static design from either Illustrator or Photoshop and together, step by step, build everything in HTML5, CSS3 & JavaScript. We will make our own responsive design navigation. We will make adjustments so that everything looks great on different mobile devices. 

We will work with beautiful fonts & colours & even add Google Analytics to our site to get amazing information about exactly who visits your site.  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.

Let's get excited about finally being able to build a website like a professional web designer. See you in class.

Who this course is for:

  • 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.

Featured review

Jaqueline Czerille Vicente
Jaqueline Czerille Vicente
26 courses
10 reviews
Rating: 5.0 out of 53 months ago
For new artists venturing to web design and with little to no background in coding, I would suggest having a programming vocabulary understanding and familiarity in order to follow the rest of the video. For me, I am enjoying and am continually learning in this field. I like Dan's video because it is artist-friendly and provides good output.

Course content

12 sections • 38 lectures • 3h 52m total length

  • Preview02:33
  • Preview01:56

  • Preview03:13
  • How to create a new website in Dreamweaver
    Preview03:56
  • How to create a new HTML page in Dreamweaver & put in your logo
    05:27
  • How best to preview your website in Adobe Dreamweaver
    03:47
  • Moving tags around in Dreamweaver
    03:29

  • How to create, edit & style your first CSS style sheet in using Dreamweaver
    09:24
  • How to change or adjust the CSS styles in your Dreamweaver website
    04:50
  • How to centre your website in Dreamweaver using a container
    08:05

  • How to make a website change for mobile cell phones & tablets using Dreamweaver
    08:07
  • How to test your Dreamweaver website on a mobile phone or tablet
    03:23

  • How to create a hamburger mobile drop down menu in Dreamweaver
    11:10
  • Using Javascript jQuery to make a mobile dropdown burger menu in Dreamweaver
    13:46
  • Styling our hamburger menu & getting our ul menu to stack side by side
    09:29
  • How to add different fonts to a website in Dreamweaver
    05:52
  • Fixing the style of the mobile burger drop down menu in Dreamweaver
    05:45

  • Planning for our Dreamweaver template
    02:21
  • Add a background image that is outside our main container in Dreamweaver
    07:38
  • How to use the HTML5 main tag in Dreamweaver
    04:14
  • How to add the HTML5 footer tag to a website using Adobe Dreamweaver
    09:51

  • How do I make a template in Adobe Dreamweaver
    03:43
  • How to create new pages based on a Dreamweaver template
    03:49

  • How to create a responsive hero box for our website in Dreamweaver
    08:25
  • Fix problems with div tags when you float left in Dreamweaver aka clearing the f
    09:09
  • How to add and change the styling of a horizontal rule HR in Dreamweaver
    02:36
  • How to create a button in Adobe Dreamweaver CC
    05:22

  • Change fonts & spacing of a website for Tablet & Mobile sizes using Dreamweaver
    05:49
  • How to turn off parts of a website in different views like mobile or desktop
    06:39
  • How to create a responsive image grid in Dreamweaver
    08:26
  • How to make your images responsive in Dreamweaver to match the page size
    05:40
  • How to make different columns for desktop, tablet & mobile websites, Dreamweaver
    05:25
  • How to create a clearfix pseudo after class in Adobe Dreamweaver
    06:27

  • How to create & link new pages in Dreamweaver using templates
    14:21

Instructors

Daniel Walter Scott
Adobe Certified Instructor & Adobe Certified Expert
Daniel Walter Scott
  • 4.7 Instructor Rating
  • 114,452 Reviews
  • 370,168 Students
  • 28 Courses

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 wife (a lovely Irish girl) and kids. I have lived and worked in many places (as Kiwis tend to do) – but most of my 14+ years of creating and teaching has had one overriding theme: bringing others along for the ride as we all try to change the world with our stories, our labours of love and our art.

I'm a certified Adobe instructor (ACI) in Ireland. I'm also an Adobe Certified Expert (ACE) and have completed the Adobe Certified Associate training (ACA). And I don't just do Adobe. Remember, media is a very broad term – digital blew out the borders, so we are all constantly learning.

I've been teaching for 14+ years. I come from being a media designer and content creator – so I understand exactly where you're at now. I've been there. I love this stuff. Print, digital publishing, web and video. I can see how it all connects. And I can see how we can share those connections.

I built Bring Your Own Laptop in Ireland, New Zealand, Australia & online. I have a great team working with me to keep BYOL at the top of Adobe and digital media training. I understand business, I have one – so I know how important it is to get it right and make it work for you.

Now my focus is on Udemy. It's my mission to bring you the best training for digital media on Udemy.

Daniel Walter Scott

Instructor HQ
Streamline your online course creation processes
Instructor HQ
  • 4.7 Instructor Rating
  • 113,811 Reviews
  • 352,748 Students
  • 26 Courses

instructorHQ aims to deliver consistently high quality courses from a range of experienced trainers. 

We also offer courses detailing the production techniques necessary to begin and grow into a experienced and successful trainer. 

“You can teach a student a lesson for a day; but if you can teach him to learn by creating curiosity, he will continue the learning process as long as he lives." - Clay P. Bedford


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.