A Dreamweaver Quick Tutorial

A quick tutorial on getting the basic feel of using Adobe Dreamweaver.. Build an HTML file and apply simple Cascading Style Sheet (CSS) code.
Explore the code editor and LIVE view as you build a simple webpage.
Download a FREE Trial here:
bit.ly/GMCFreeTrialAdobe
Student get 60% off Creative Cloud (contains Dreamweaver):
bit.ly/GMCStudents60
The tool has been around for more than 20 years and continues to be one of the premier web development tools today.

[@GetMeCoding]

This quick overview just scratches the surface on website design. If you are interested in learning more about using Dreamweaver to develop websites and web applications, please leave a message in the comments.

[@YuVisualss]

yes please sir. I would like to see more in-depth tutorials.

[@ilyassgamerpro5222]

signaler

[@Chickasawndngirl]

Yes, I totally want to develop a website with Dreamweaver...help!

[@tshepisothabane1049]

Please teach us more

[@janineb4573]

Include me as well please. Very interesting!

[@GK-ku8yj]

The "cascading" in CSS refers to the order of precedence of the style rules. For example, you can define the color as red in one part of the CSS file, but if you define it again as blue somewhere further down, the last one (blue) takes precedence over the red one. The rules "cascade" down.

[@jameskang3325]

I haven't used DW last few years, happy to find you .....will follow you thank you for sharing your knowledge.

[@GetMeCoding]

Thanks for popping in!

[@pongi777]

thanks! watched a dozen before, but this one makes it easy to get the way it works!

[@GetMeCoding]

I glad this helped.

[@sims2sirius536]

Very interesting program! I like it quite a bit Was using brackets but dream weaver is just nice

[@phichau90]

Just started to learning programming during my spare time. Will defo check dreamweaver

[@CatherineDemski]

thank you!!! you have a very calming voice and made me less stressed about wanting to tackle learning this stuff! great teacher

[@GetMeCoding]

Thank you for the kind remarks. Building tutorials more and will share soon!

[@user-ye2os2rh5r]

Hi

[@GetMeCoding]

@@getsurreal5601 Great question. Dreamweaver is a professional level tool that allows you to create from scratch. The question you always want to ask is, what is your goal and then go from there.

[@tracymartell4040]

Great vid! I am learning front end web development but have not used Dreamweaver since college (15+ years ago). Great to see the interface really hasn't changed much but they've added some useful features. :)

[@GetMeCoding]

Glad it was helpful!

[@ilovejeffhardy3906]

Even though you won't probably see this, but I really thank you for this quick tutorial. I've been trying to look for simple tutorials but the ones I find are too difficult to understand. Your tutorial's the best

[@GetMeCoding]

I am very glad this was helpful. There are few more in production and I hope they help! Keep learning!

[@ilovejeffhardy3906]

Get Me Coding Thank you Sir and always stay safe to you all! ✌🏻

[@therider0872]

I've been watching a lot of videos how to start practicing Dreamweaver and this is the best I've watched, thanks !

[@Arterexius]

You don't need to google "hexadecimal color charts" just google "hex color picker" and google gives you an interactive color picker to use. Then just pick the color you want and copy/paste the hex code into your css file. Done.

[@fhelixgamer3035]

Really nice tutorial and very well explained, edited. Keep it up man!

[@GetMeCoding]

Glad you enjoyed it!

[@LiveINtheGood53]

Thanks! This is very good and easy to understand. I am pretty much a beginner with Dreamweaver but I really want to learn this. Thanks for your help!

[@GetMeCoding]

You're very welcome!

[@Shipslitz]

I remember using Dreamweaver in 2002 back in the labs at LSI Corporation. surprised it's still around today

[@GetMeCoding]

Still a great tool!

[@busyteacher2]

Thank you "Get Me Coding!" I created my first web page by following your simple directions!! Looking forward to your other videos.

[@GetMeCoding]

This is awesome!!! Keep up the great building!!

[@sschapman7]

Thanks for the video. It was very helpful.

[@seraphimhealing]

This was really helpful. Good overview! Thanks so much.

[@GetMeCoding]

Glad it was helpful!

[@levantateyora9317]

I didn't know dreamweaver was still alive. This was my first wedding software

[@GetMeCoding]

Yes. Still alive and a great alternative to building sites on content management system platforms.

[@Pandagocrazy]

Very insightful tutorial…keep up the great work

[@GetMeCoding]

Thanks, will do!

[@FormerFilmGuy]

Great tutorial and easy to follow. Thanks!

[@GetMeCoding]

You are welcome.

[@marcochiaro90]

Wow so beautiful tutorial!!! Are there other tutorials on dreamweaver?

[@ripcurl6967]

My guy! Gonna start to build a website in computer science class tomorrow for my GCSEs (UK boi here) and my teacher recommended this! Good tutorial

[@GetMeCoding]

Glad you found this helpful!

[@LaChata1800]

more simple videos like this please!

[@amishasaini6251]

Thank You. That was perfect and very helpful.

[@GetMeCoding]

Glad it was helpful!

[@punitor]

Thanks! Really quick and without water!

[@GetMeCoding]

Glad it helped!

[@JDrayzen]

Great tutorial! Thank You!

[@GetMeCoding]

Very welcome!! More to follow.

[@echo_then_void]

Super helpful, thank you!

[@GetMeCoding]

Glad it was helpful!

[@mosesgitau8307]

This is an amazing tutorial

[@GetMeCoding]

Thank you!

[@karu3021]

I learnt a lot. Thanks.

[@GetMeCoding]

You are welcome!

[@lenahan3536]

one point i like is your speaking speed, won't bore me through the tutorial

[@GetMeCoding]

Thank you!!!

[@golden4593]

Lena Han so what happened?

[@yankeesfan3961]

This was awesome! Thank you very much! Are there any more tutorials like this please?

[@GetMeCoding]

More to come!

[@jasemjasem7805]

U R Great Teacher . Thanks 4 all Things. we need more a bout DreamWeaver .

[@GetMeCoding]

Thank you for the kind words!!!

[@HexPulsion]

Really well done!

[@GetMeCoding]

Thank you! Cheers!

[@citlaliramirezflores4695]

¿Como se puede hacer? Elaboración de una Página Web de una librería utilizando tablas, los sistemas de colores, hipervínculos e imágenes.

[@bommaritohawaii]

Thanks - following up on my other comment... should I create a custom email layout using this or InDesign? I know INDD but have never used DW. I want to import and use in Mailchimp. Thanks

[@GetMeCoding]

Jeff, Mailchimp supports HTML (and some CSS I believe if inline). I do know that DW will allow you to copy and paste HTML you create. I am not 100% sure what INDD HTML looks like but I am sure it will help.

[@holyswrld]

Great video helped alot

[@GetMeCoding]

Glad it helped!!

[@hectorvanderaa]

Could you do some more detailed dreamweaver tutorial

[@id104335409]

I thought it was dead too! Wow! Dreamweaver!

[@MP-mh1tu]

perfect

[@kakashi1xxx]

This was very informative and educational. Will there be lots more dreamweaver videos? I have questions lol

[@GetMeCoding]

More to come!

[@amirah2925]

thank you so much

[@GetMeCoding]

You're welcome!

[@suburbanview]

THERE IS NO QUICK TUTORIAL TO LEARN dw. There is a 800 pages manual if u really want to kind of handle DW. But it will take you month to really make it work for you.

[@pranavab]

At 0:51 what do you click? The cursor moves so fast that I was unable to see what you did there?

[@GetMeCoding]

I believe what you are referring to is when I clicked on the HTML icon...there was a pause as the file opened. Then I clicked one of the options CODE SPLIT LIVE at the top.

[@skippymagrue]

Thank you! I'm about to dive into the wild world of websites and this really helped me feel confident. 🙂

[@GetMeCoding]

Glad it was helpful!

[@moonwalker1485]

whaaatttt???

[@kenichik.2782]

Thanks!

[@GetMeCoding]

Welcome!

[@jasnanajeem5015]

I installed Dreamweaver 8 using an exe file and each time i try to open it again ,it shows your software need reinstallation .

[@gam85191]

Thanks bro, you da man

[@GetMeCoding]

Glad to help

[@katebertels8528]

This is such a great tutorial! I am a teacher and need to create a better website for distance learning.

[@GetMeCoding]

Glad it was helpful! If I can ever help you out further, let's talk. You can learn more at Course.getmecoding.com or email me [e-mail]

[@nickbennett683]

Where are your other videos explaining how to use dreamweaver do you have a u-demy or something?

[@GetMeCoding]

Not on Udemy. What would you be interested in seeing?

[@mathewtherady1840]

Hi Fred, Do you have a tutorial for building a dynamic website using Dreamweaver? Windows-Apache.

[@GetMeCoding]

I am working on that one

[@ahyesitsbigbraintime9003]

Here I am, a year later. Referring to this to learn Dreamweaver.

[@OrangeBloxOfficial]

Cool

[@TheTrumpetist27]

Guys, just use microsoft visual studio code. It is just as good if not better. and most importantly it is free!! and please dont learn writin gcode using dreamweaver program. learn it by watching videos WRITING code and not dragging it. Or just use a program like wordpress if you dont wanna learn coding.

[@zooozooo6985]

Is it a popular tool? cause am into web development for almost an year and I just came yo know about it. So my question is how good is it as compared to VSC ?

[@GetMeCoding]

There are many tools out there. This one has been around for quite a long time.

[@mantasltu5811]

Hey, i was searching entire the internet and I didn't seen anything similar like Dreamweaver, i am learning HTML CSS and Bootstrap , trying to use all of these to develop webpages. I was dreaming about a software where all the tools like bootstrap items positioning, grid, etc. Would be included in a special navigation bar in the program. And yes! Dreamweaver is excactly what i need. I dont have to waste my time by searching different commands on the net, how to use it. I have everything here near my hand and by testing i can learn much quicker. Also i have here live page preview which is amazing. I can select the div or section components and in my code its easily showing the line where that code is (also time saving). So i have a question, is there any similar and same powerful softwares exist? I found bootstrap studio but i did not liked that cause there I don't feel free to edit my html codes instantly how i want it has not comfortable control.

[@mantasltu5811]

Also people reccomending MS Visual studio but its not the same user interface, i need tools! Like col making, item float, etc cause its important to me to have everything on the hand. As i said on net all information is, but i dont like to search commands like that. I love when commands are showed as a tool its easier to learn them, and by making insert, drag n drop and seeing the codes i can learn how that code is working and then i understanding better. Its like little library near the hand.

[@DavidMVFX]

seems like a great program, gonna try it with a template instead of using squarespace or the likes.

[@GetMeCoding]

I will be posting another overview using a different approach shortly.

[@madenusantara5727]

how to black background?

[@GetMeCoding]

Visit the preference settings. You can select from there.

[@urvashisharma9338]

I installed a free trial but it is of 7 days not of 30 days..why so ?

[@GetMeCoding]

I am not sure. That is definitely a question for the people at Adobe.

[@likezoamusa8628]

Hey I really Like your videos and I also want to know how to edit videos

[@GetMeCoding]

Thank you! For some of these videos I have used Camtasia. I have used it for many years now and it is one of the best screen recording and video editing tools. Very simple to learn. You can visit the site here. It is an affiliate link since I do like their products. techsmith.z6rjha.net/EXLkD

[@batorshkhgansukh3424]

how to make

[@othello8135]

i am creating a website on dreamweaver. basically, i will be taking peoples stories, and animating it using fuse into a real looking, 3D animation. of course it will cost money to make a story depending on how long it is.

[@jackrobinson9403]

Did you get anywhere with your freelancing venture?

[@ER_aka_RAM]

I’m a huge Dw advocate... just confused why the current generation ‘web developer is so anti-Dreamweaver 🤷🏽‍♂️ VS Code is fantastic, but it doesn’t integrate with essential CC apps that make your front-end site look stellar. Hope you keep up with the Dw tutorials 👍🏽

[@GetMeCoding]

I think we all gravitate towards what works best for us. Thanks for checking out the tutorial.

[@TheMaxxbiff]

lol, getting the basic feel? Started out well enough but goes to warp 9 in a few seconds.

[@fitrianhidayat]

Just like most tutorials

[@user-fo5ki8xo8l]

How about a full tutorial on udemy?

[@GetMeCoding]

I am planning on putting it one here: course.getmecoding.com

[@hey-nowww]

It would help to define really basic terms like CSS. Saying what the acronym stands for is not defining the term.

[@GetMeCoding]

Hello Amanda. Great point! Cascading Style Sheets can actually mean two things. First, it comes from the concept of making a change in one file and seeing the change in other files. This cascading concept is a really important one for software developers and designers as it creates a more contiguous look and feel. This would be contrary to making a change in every single file or webpage. The "style" lends to the fact HTML is more about the frame of the webpage and the CSS brings the look or style. As far as SHEET goes, this has roots in early print design where a designer would have a centralized 'sheet' containing their font choices, color schemes, and any other design notes for a particular project.

[@abismailmustafa4120]

Actually am here just for one reason. Do you recommend this program. Thanks

[@TheClubPlazma]

hahas better just code there's so much tools for split view

[@pranavbudhan221]

പൊളി സാനം

[@kdw75]

Why can't these programs like Dreamweaver, Elementor etc, simply work like Indesign or Quark? It is so intuitive and simple. The remind me of budget software like Word or Publisher.

[@Arterexius]

Because they're professional grade tools. I've been coding html and css for quite a few years now and I would honestly be frustrated if I was presented with a simplistic design like that of InDesign (most intuitive designs are simplistic by nature. That's what makes them intuitive). Such designs would require professionals to spend more time searching for the tools they need, than actually using the tools they need to do the work they have to do. Sure, it looks like a space shuttle at first, but the better you get, the more you'll appreciate the massive amount of tools. DreamWeaver being an adobe program usually means that you can remove the windows you don't need by going into "view" and deselect them.

[@bubbayugga8164]

Just a note if you see this: If you do not know how to program, do. not. download. this. This program is for people that know how to program. If you need help, look it up by going to w3schools.

[@vikicoder]

Chrome's inspect element is much better

[@rosegold-beats]

man this shit is too hard

[@yoyoz333]

I remember dabbling in dreamweaver in 2003 when Macromedia still owned it. it seems kind of irrelevant these days.

[@Kreemerz]

Still think it's better than WordPress.

[@GetMeCoding]

I don't disagree. Both can be quite helpful in building out a web presence.

[@DigiDriftZone]

Hmm, as a web developer, I'm really confused by Dreamweaver. Who is it for? - Any modern web app will use a JS framework like React with a backend API, or some kind of server rendering like Ruby on Rails and on the front end something Adobe XD or Sketch App for the design, or a CSS framework like Bootstrap to get started quicker. So what exactly is the point of Dreamweaver, who is it for? - is it just for beginners learning?

[@GetMeCoding]

Great question. Dreamweaver is for anyone developing websites with HTML, CSS, JS, .Net, PHP, etc.. It doesn't compile any code like a software dev IDE. Having been around for over 20 year it is an IDE that provides the ability to do what you stated. The environment, allows for working with a live datasource in the background which has its advantages. The live code view does help a learner see how code gets generated as you build out. It also integrates with the other Adobe tools too for a streamlined process. Ultimately, it is a tool and with all tools we have our favorites. 🙂

[@deluxe_1337]

And its for any skill level too

[@deluxe_1337]

and any skill level too!

[@ryansandigan7184]

Just checking. I haven't used DW for the last 10 years now... I used notepad...

[@Laura-H1]

😨 Dreamweaver Really? Who use this in 2020?? I switched 3 years ago to VSCode (editing) + Mobirise (prototyping) ...

[@pulanemologasele8607]

im sorry but wtf, all videos ive seen in dreamweaver are almost the same, like yall using shortcuts, in my school we deadass do it from scratch , like we write the codes from scratch , we dont select table and put the width , NO! we deadass make it like: and we do the same for css , nothing for us automatic, we manually fuking make it and the whole exam is 2 fuking hours. So please can someone recommend me a youtuber who will actually make it from scratch cuz i need help or im failing my IGCSE examinations

[@bels0006]

dreamweaver can be used to troubleshoot your code especially when using HTML w/ CSS. i’m in front end web development at my college and the best advice is to ask your professors! especially if they can give you a tutorial. dw is shortcuts and does everything for you but it can point out flaws in your “from scratch” code if you insert your code files which is helpful imo.

[@alpacamale2909]

this is terrible I have no idea how hw got to that window

[@aktechies4954]

VSCode is better

[@pieteb_nl]

Now I know webflow, dreamweaver suddenly looks soooo clumsy and outdates.

[@sankardutta644]

obsolete software

[@Tethys99999]

the worst part of EVERY vid is the first 2 minutes of telling you what they are going to tell you - just dumb

[@GetMeCoding]

Hi... I appreciate hearing this. I am a teacher, so I like to talk to my students in my class. Not everyone starts from the same expertise like yours. So I just like to make sure they know what we are about to cover. But I will look closer at making it shorter.

[@19roberto50]

Please stop moving your mouse all over the screen!!!

[@GetMeCoding]

Thanks for the reminder.

[@paulhammond8583]

No professional developers use dreamweaver. It’s very much an amateur tool. And you mentioned ftp at the start of the video? No professional developer worth their salt will be using ftp for deployments.

[@tuatarian6591]

It's a tool for people who want to make something good, quickly. No developer worth their salt would gatekeep tools

[@paulhammond8583]

@@tuatarian6591 No developer worth their salt would use Dreamweaver.

[@user-bj8ll1vg6p]

Too much bla bla bla