[100K views]Dreamweaver Beginner's Tutorial - Create first Webpage

Let's create your first webpage in Adobe Dreamweaver.
• Apple Watch SE: amzn.to/3xx3gMN
• Laptop Stand for Desk with 360 Rotating Base: amzn.to/48qcM16
Updated version of this web design: • [Responsive Website De...
File download: https:/drive.google.c...
HTML intro: • HTML for Complete Begi...
Image preparation: • HTML for Complete Begi...
Coffee shop logo design: • Retro Coffee Shop Logo...
#dreamweaver #webdesign #coffee

[@mhswildcats]

After being away from Dreamweaver for several years I was pleased to have found your tutorials. Your teaching style has been a tremendous help in bringing me back to this program.

[@vanericmartin9515]

Really wonderful! Thank you so much for this clear direct instructional! Saved me hours!! Blessings

[@idealstride3462]

Thank you so much Professor Kim, i was introduced to dreamweaver today but finding it so difficult to comprehend. But when i got to your page, this was so simple than i could imagine. This really means alot to me professor.

[@JongYoonKim]

My pleasure. So glad to hear. You may like this video as well.

[@mr.jeanclaudemr.jeanclaude7545]

OMG! So it basically builds a website without having to know anything about html or css. It pretty much does everything for you, right? OMG!!! I am speechless. I''ve been having a pretty difficult time learning CSS. But this program makes it easy to create websites.

[@JongYoonKim]

Dreamweaver is the first WYSIWYG (What You See Is What You Get) html editor. You may like my recent videos about "Nicepage". It is even easier than Dreamweaver.

[@jackflash6377]

Back in the late 90's and early 2000's I was using Front Page to create web pages for our internal network. I recently wanted to make some pages for a database solution I'm working on. Everything was so complicated!!! People told me. Use Dreamweaver. I opened it and was lost despite being proficient in Photo Shop and Illustrator. This short video turned on the light bulb for me. It's about as simple as old Front Page webpage building at least for the simple pages I want to make. Thank you!!

[@JongYoonKim]

Sorry for delay. I remember Front Page^^. You may remember BBEditor as well. I have uploaded the updated version of this video. Hope you like it. kzbin.info/www/bejne/oIHWlH2ZntCZm9E

[@user-bl5zt8ol1e]

clear and straightforward, best dreamweaver takeoff lesson!

[@bigloo106]

This install of adobe dreamweaver didn't wоrk nоw, а new version was published on my channel

[@IsobelFallon]

Thank you, this was my first intro to website making. Very clear.

[@SchlickMedia]

Thank you for your assistance with Dreamweaver. I haven't used Dreamweaver since 2007, and today was the first day that I used it again. I am truly grateful for your video. I appreciate you taking the time to make this video. You helped me a lot.

[@veronicarancourt2159]

Great tutorial! So easy to follow along!

[@juleshedgcock]

Absolutely brilliant tutorial. You will be my go-to guy from now on!

[@user-uJh60hLmS48]

I love your tutorials. They are easy to follow and explain everything in simple terms I can understand. I belong to a local technology group and recommend your channel to my fellow webspinner friends.

[@OutbackController]

I use this app at school for coding and it is pretty useful thank you for this it helps for an upcoming assignment.

[@junghyunlee4127]

진심으로 감사드려요! 웹디자인 기초를 정말 쉽고 편하게 배웠습니다!

[@JongYoonKim]

도움이 되었다니 좋습니다. 제 채널을 보시는 한국분이 계시다니 반갑네요. 이 웹사이트를 좀 더 실용적으로 만든 영상도 도움이 됐으면 좋겠습니다. 감사합니다. kzbin.info/www/bejne/oIHWlH2ZntCZm9E

[@chathurialwis]

5.52 To select the top row and merge , you need to be in Design view, not Live view in Dreamweaver.

[@mizzycreations4043]

I was wondering why I couldn’t see it

[@Lactosefr33]

you saved me

[@Ash-bc6nl]

IIII LOVE YOUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU, YOU SAVED MEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE

[@DethronerX]

Thank you! Good old Dreamweaver saves my day. It allows me to design however without having to rely on templates.

[@JongYoonKim]

My pleasure. You may want to watch this video, too. kzbin.info/www/bejne/oIHWlH2ZntCZm9E

[@sabahbourgi9207]

Professor Kim, thank you so much for your great tutorials

[@JongYoonKim]

My pleasure. You may like this video, too. kzbin.info/www/bejne/oIHWlH2ZntCZm9E

[@beesford]

Thank you Professor Kim, At last someone who can teach DR clearly - Kudos

[@JongYoonKim]

My pleasure. More DW videos will come.

[@captz637]

Super Job sir. I think I can do this now. For years Dreamweaver has been way too complicated for me the beginner but with your help it's doable now. Thanks

[@JongYoonKim]

My pleasure. Thanks.

[@andrileonardo]

Great video! Well and clearly explained! Thank you! 👍

[@JongYoonKim]

My pleasure. Stay tuned.

[@TerryLynnStudios-nq9dd]

thank you Professor Kim for this dreamweaver tutorial.

[@JongYoonKim]

My pleasure. More videos will come.

[@kandasamyrajan]

Thank you Sir. This is my first website. Explanation is very clear.

[@meganleaford]

Thank you so much, this has helped me with so much exam stress

[@poonam_verma2504]

very well explained each and every feature of DW. Thanks for the concise tutorial.

[@TwrightEsquire]

Thank You!!! Great tutorials for a novice like myself. Thanks to you, my new project has come to life

[@JongYoonKim]

Awesome! I hope you like this video as well. kzbin.info/www/bejne/oIHWlH2ZntCZm9E

[@austinedwards6334]

I don't really use Dreamweaver much, and I'm having a lot of problems with this. I'm only 5 mins into the video and having issues selecting the top row of the table to merge the cells. I've noticed yours has black outlines to show the cells, however mine doesn't. I can only select one cell at a time. Can you please advise?

[@craigrocksayers5127]

i have same issue

[@kelseaplaysmusic]

Hello! I am a beginner learner myself and don’t know if you have solved this issue yet but all you have to do is you have to be in design mode. On the top of the screen you will see: Code, Split, and a drop down menu that either says lice or design. Click on the design button and you should be able to see the table borders.

[@kelseaplaysmusic]

Live not lice lmao

[@chathurialwis]

Select Design View, not Live View. Then you'll be able to follow the instructions.

[@austinedwards6334]

@@chathurialwis I've already tried that. It doesn't work.

[@mron2700]

This was very well explained and most helpful. Thank you, Jong-Yoon.

[@JongYoonKim]

My pleasure, Mario~😄

[@euyzou_official-lc3pb]

Thanks for your concise tutorials!!

[@4thorderinc.291]

Thanks! You are Awesome!!!

[@JongYoonKim]

Wow~thank you so much. It means a lot to me? More videos will come. Stay tuned.

[@user-on6kv4hi5x]

너무 쉽게 이해가 쏙쏙 갑니다. vs 코드로 힘들었었는데 새로운 세상을 봤네요 감사합니다.

[@JongYoonKim]

아, 감사합니다. 멀리 한국에서도 보시는 분이 있다니 기분도 좋네요~^^ 자주 들러주세요~

[@JongYoonKim]

Bootstrap in Dreamweaver for beginners (Part 1) kzbin.info/www/bejne/r6DSiH2rpNJ_jZo 이 영상도 도움이 될지 모르겠네요.

[@johnsunder28js93]

Great video, a real professor teaching on the right track. I don't know how to distribute the elements equally and center them in the nav bar container. could you please advise? Advance Thank you, Professor Kim.

[@JongYoonKim]

Thank you for your interest. Let me publish another video for that. You may want to watch this video, too. kzbin.info/www/bejne/nKq4pXtnp5egna8

[@altruistic1]

Thank you so much brother, I appreciate your insights my friend. God bless

[@sayisanthosh]

Thats clearly useful

[@carolstatham8509]

Very clear and concise, thank you.

[@JongYoonKim]

My pleasure! Thanks.

[@Uncle_Benn]

Many thanx from Athens Greece!

[@JongYoonKim]

My pleasure. The updated version of this video will be up soon. Stay tuned.

[@theneighborskitchen]

GREAT VIDEO! Sincerely, thank you for sharing...

[@dewaldvanzyl4827]

Hi, when i go onto the link, there is nothing to download except, a snowboarding image...folder is named coffee, but nothing inside, please help, thank you

[@JongYoonKim]

I have fixed the problem. Thanks for checking.

[@dewaldvanzyl4827]

Thank you 🙏

[@leephom5499]

Love it i watched months ago

[@q7studios]

Very good tutorial!

[@wt2009]

I know ps il pr au an and in since decades but dw always frustrated me. I watched several videos, sometimes smt didnt work, or it was too extensive, to slow whatever. I tried occasionally since 2 years, and i actually know html, css,java since 2005... Thx to you, for explaining this in easy language at decent speed, i finally know the minimum basics now! hurr and it wasnt even hard...

[@aathyph9593]

Thank you for the wonderful sessions. I learned a lot and can now build my own website.

[@JongYoonKim]

My pleasure. This video might be helpful, too. kzbin.info/www/bejne/oIHWlH2ZntCZm9E

[@rush2004]

Hi Prof, I have been using older version of Dreamweaver CS5.5 and I have been working using classic ASP and also .net. As now the newer Dreamweaver have removed those options - is there any plugin or ways of creating this using newer Dreaweaver?

[@waldinocompartilhandoideia1591]

Wow! What a class! Thanks!

[@stevedavis6802]

Love your tutorials Can you make a tutorial on how to embed a pdf and have the pdf be responsive? Thanks keep up the great work!

[@JongYoonKim]

Thank you for your compliment. It is my pleasure. I’ll work on what you are asking.

[@stevedavis6802]

@@JongYoonKimI really enjoyed your bootstrap video, I learned so much from you.

[@JongYoonKim]

@@stevedavis6802 So glad to hear. Thanks.

[@henkselderbeek1398]

where can i find your discrtionfolder i donot find is please help me

[@lydiah01]

Brilliant!

[@Terbo_Editzz]

Thanks you bro ❤️ thank you so Mach 😍

[@JongYoonKim]

My pleasure. You may like this video, too. kzbin.info/www/bejne/oIHWlH2ZntCZm9Esi=5N2DWJPor-Sw-R_P

[@beyondbaycubicle9286]

Hi Prof Kim, Sorry to bother you, I have being trying create a clickable area on my image using map, but when i click on my image the map disapears on the property tab and when I use split option and click on the image on the code it re-appear but when I click it is not responsive, I have hold down shift and try all kind of thing but I just can understand what I am doing wrong. DO you have any idea of what I am doing wrong?

[@unclezay]

Great tutorial. But I need to know the parameters for creating images for dream weaver. Do you cover that?

[@emmamapelli2492]

wow amazing tutorial!!!

[@chifferhuertas]

Hello Master Kim, I am writing to you from Bogotá. I am a good Graphic Designer and I have been using programs such as Illustrator, Indesign, Photoshop, etc. very well for 2 decades and I have tried unsuccessfully to enter the world of Web page design. Many have told me to try Wix, WordPress, Blogger, Weebly, etc. but when I try them, some are so simple that they limit me greatly in design and others are so full of code that they end up completely discouraging me. Therefore, I ask you: If I am a graphic designer with experience in photography, design concepts, color, and artistic illustration, is there a program like Illustrator or Photoshop that allows me to concentrate more on free design and forget about code? I saw your two Dreamweaver tutorials which make me a little hopeful, but do you think the best option is to continue with Dreamwaver? Or maybe you know another program that you think suits what I'm looking for? Thank you very much for your kind attention Master.

[@JK-ub1re]

Thank you so much!

[@JongYoonKim]

My pleasure!

[@subhanullahadelyar]

So, can I open that web (index.html) in my phone? Please answer ASAP (As Soon As Possible)!! Thanks.

[@user-rj6ui8bc8p]

How to make it stretch normally for a mobile design ???

[@sharswebdesigns1]

Ive tried and tried highlighting the top cell. Go to table, but the merge is not highlighted. Im working in Dreamweaver 2021. Does that matter?

[@lorrayne8535]

Hi I downloaded the file but it's not letting me open it up since it's PNG and I have a Mac, do you have any advice ? btw, I love your tutorial

[@leechrec]

Thank you so much for this!

[@JongYoonKim]

My pleasure. The updated version will be up soon. Stay tuned.

[@DanteMav]

Thank you so much good sir !

[@mrmillionaire2222]

thank you sire. extremely practical and engaging

[@JongYoonKim]

My pleasure. Great to hear that.

[@insearchof..918]

The merge cell option is nkt working in mine ? Its not active

[@sanjay.v.v8337]

Thank You So Much 🤩

[@JongYoonKim]

My pleasure!

[@johnwayaohesa665]

I can't find the images that I downloaded

[@user-bm9oc5fn2v]

SIR how my website can show in phone and pc screen with right size when i upload the site in pc is showing full page good but in phone itnot showing good kindly hlp me.

[@user-bm9oc5fn2v]

and what is the buttons footers etc sizes

[@user-bm9oc5fn2v]

sir what about that side space

[@cindynewcomb7139]

Thank you so mych!

[@woodyiswa3023]

it wont let me marge when i try select the row

[@TheFadingMan]

Once you are done with your website, how do you get it on the web?

[@JongYoonKim]

You will need to purchase your domain name and server to upload your files. GoDaddy.com, hostgater.com, web.com,...etc

[@paybackmafia9554]

it was this easy this whole time...Why is my professor telling us to code so much stuff if it was this simple-

[@nomercymegalo4838]

2:32 Start of website tutorial

[@rudolfius1896]

Thank you perfect

[@JongYoonKim]

My pleasure!

[@Mufeesnilaan-sf4it]

we can do this tutorial in 2019 version right ?

[@JongYoonKim]

Yes, you sure can.

[@avidself]

can someone show me "frame" section. I have a exam soon :( I really don't know how ı can find and use "frame".

[@amanmirchandani2469]

why dont it work when im on hp and yes i downloaded the root file

[@heddasdesign6610]

Great video!😊 However i am not able to change the width within my table, only the image size. Do you know why that could be? Do i have any settings wrong?😊

[@heddasdesign6610]

Now i see, i had to change «live» to «design» in order to change things with my mouse. Thank you for the video😊

[@baltimoreplayground5581]

what version of dreamweaver is that sir?

[@royaladvancedproduction]

you did not show us how to save the website and to search it in a new tab after you have finish

[@davidiousdesign]

Not true btw on Dreamweaver being the first Wysiwig website creator. FrontPage by Microsoft came out years before.

[@hoehoehello5736]

thank you daddy Kim

[@rchristy5767]

Links not working 😢 it open new tab, same coffee page. Is this happening to anyone else?

[@JongYoonKim]

Do you mean image download link?

[@SKYFACEPHOTOGRAPHY1]

how do i save it

[@sonalibalodhi.5015]

Thnku so much

[@JongYoonKim]

My pleasure. Stay tuned.

[@diego.almeida]

It's 2023 and you're teaching people to use tables to layout the elements on the page. That's not right, we have CSS flexbox and grid for that. What if you need to make the layout responsive, that's a nightmare to do with tables.

[@dragoninstint9353]

Yeah kinda

[@t-error9395]

good tutorial but how about mobile and tablet view?

[@JongYoonKim]

Thanks! This video will answer your question. kzbin.info/www/bejne/r6DSiH2rpNJ_jZo

[@t-error9395]

@@JongYoonKim thank you

[@craigrocksayers5127]

thanks

[@JongYoonKim]

My pleasure. The next one is about Dreamweaver template. Stay tuned.

[@jumanjimedia6324]

didnt know people still use this thought everyone used wordpress

[@xy4611]

why nobody uses adobe dw

[@JongYoonKim]

Haha~great question. Well…I guess Adobe has tried to put so many features on Dreamweaver. Many people think that DW is too complicated, even though it is very powerful tool.

[@JasonMatthewChampion]

Sorry, but this would be a nightmare for screen reader users. It's definitely not accessible. Not to mention, this probably looks horrible on mobile and possibly tablet devices. Tables should not be used for layout. That was deprecated many, many, many years ago. This is a bad habit and a bad practice. Learn how to use CSS for positioning and responsiveness. I recommend looking into CSS grid if you want to use a table-like structure for a site. People, if you are watching this, thinking this is good information, you are setting yourself up for failure. Businesses, you may be setting yourself up for a lawsuit, too. Honestly, I can't believe I'm seeing this in 2023.

[@finnochpress]

Tables are for tabular data only. We stopped designing websites like this in the 1990s. This is ridiculous. Professor? I wonder....KZbin is just so full of nonsense. These people will believe this is how a website is designed now. You could have used a template from Dreamweaver and at least this would have produced a usable website.

[@aw5073]

good luck with SEO using pngs as words

[@nathanielregala5367]

@@aw5073true

[@usercdRik.]

This is clear and simple. Thank you so much 😊

[@JongYoonKim]

My pleasure. More videos will come. Stay tuned.

[@bigloo106]

This install of adobe dreamweaver didn't wоrk nоw, а new version was published on my channel