Free Dreamweaver Tutorial Course.
Access this course + 30 of my other courses for $12 p/m: http://bit.ly/2NQBull
Free Exercise Files: https://www.BYOL.com/DW2018
Want to expand your skills? Learn Tailwind CSS & Alpine.JS for $10!: https://byol.com/mal1
Free Cheat Sheet: https://goo.gl/yVNN83
Listen to the BYOL Insider Podcast here: https://bit.ly/300wP5t
Get Adobe Dreamweaver here: https://goo.gl/HnRxzo

This free tutorial course we’ll go over all the basic components of building a basic responsive website in Dreamweaver CC 2018.

Follow me on Instagram: https://www.instagram.com/bringyourownlaptop/
Follow me on TikTok: https://www.byol.com/tiktok
Follow me on Twitter: https://twitter.com/danlovesadobe
Follow us on Facebook: https://www.facebook.com/BringYourOwnLaptop/

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.

source

40 Comments

  1. very good tutorial, I would like to know if you have a tutorial of how to create the material, logos, images, what size to be save, I mean like really start from the beginning. thank you

  2. This doesn't really show how to use Dreamweaver. You did this in code and not in Dreamweaver in the traditional sense. Where is the CSS designer tab, or the Insert tab, there is no @ media tab or selectors tab or area also. I was hoping for you to do these steps in dreamweaver. Sorry…

  3. Any plans to produce more informative, easy to follow guides for Dreamweaver. Or is Dreamweaver no longer a viable website production tool? This made me feel like it was an amazing tool for production of websites at home, and I would love to take the knowledge learnt in this guide even further & start making websites for friends and business owners as a freelance job.

  4. You check off absolutely every box when it comes to being a great teacher. Damn. This is deserving of an Emmy!! Thanks so much

  5. Thank you for your amazing explanation, easy, step by step, and so clear with examples. I have really learned from you what I was afraid not to understand, and thank you for making your videos free.

  6. Hi, I am enjoying all your courses but this is the first one that i am struggling with. Cannot seem to get the same dialogue and options i am on the most current (cc2020) has it changed that much in 2 years?
    Carry on your great vidz …like a lot of people i have gained so much knowledge from you!

  7. Not being a programmer, the new Dreamweaver is a nightmare. Visually and navigation wise I know exactly what I want my site to do…..but building a site through code is a nightmare.

  8. Thanks, Dan. This is a great intro. Your teaching style is excellent, clean and simple. I'm going to checkout your offerings fully and will be recommending you to my associates.

Leave A Reply

Please enter your comment!
Please enter your name here