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

Поділитися
Вставка
  • Опубліковано 19 лют 2023
  • 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.com/drive/folder...
    HTML intro: • HTML for Complete Begi...
    Image preparation: • HTML for Complete Begi...
    Coffee shop logo design: • Retro Coffee Shop Logo...
    #dreamweaver #webdesign #coffee

КОМЕНТАРІ • 138

  • @mhswildcats
    @mhswildcats 4 місяці тому +11

    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.

  • @user-bl5zt8ol1e
    @user-bl5zt8ol1e 5 місяців тому +3

    clear and straightforward, best dreamweaver takeoff lesson!

  • @IsobelFallon
    @IsobelFallon 5 місяців тому +3

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

  • @idealstride3462
    @idealstride3462 6 місяців тому +2

    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
      @JongYoonKim  5 місяців тому +2

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

  • @jackflash6377
    @jackflash6377 11 місяців тому

    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
      @JongYoonKim  5 місяців тому

      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. ua-cam.com/video/jPscJcikfeo/v-deo.html

  • @bigloo106
    @bigloo106 Місяць тому +29

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

  • @DethronerX
    @DethronerX 6 місяців тому

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

    • @JongYoonKim
      @JongYoonKim  6 місяців тому

      My pleasure. You may want to watch this video, too. ua-cam.com/video/jPscJcikfeo/v-deo.html

  • @andrileonardo
    @andrileonardo 11 місяців тому +5

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

    • @JongYoonKim
      @JongYoonKim  11 місяців тому +1

      My pleasure. Stay tuned.

  • @junghyunlee4127
    @junghyunlee4127 5 місяців тому +1

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

    • @JongYoonKim
      @JongYoonKim  5 місяців тому

      도움이 되었다니 좋습니다. 제 채널을 보시는 한국분이 계시다니 반갑네요. 이 웹사이트를 좀 더 실용적으로 만든 영상도 도움이 됐으면 좋겠습니다. 감사합니다. ua-cam.com/video/jPscJcikfeo/v-deo.html

  • @SchlickMedia
    @SchlickMedia 8 місяців тому +1

    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.

  • @juleshedgcock
    @juleshedgcock 16 днів тому

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

  • @user-uJh60hLmS48
    @user-uJh60hLmS48 3 місяці тому

    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.

  • @TwrightEsquire
    @TwrightEsquire 6 місяців тому

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

    • @JongYoonKim
      @JongYoonKim  5 місяців тому

      Awesome! I hope you like this video as well. ua-cam.com/video/jPscJcikfeo/v-deo.html

  • @beesford
    @beesford 7 місяців тому

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

    • @JongYoonKim
      @JongYoonKim  6 місяців тому

      My pleasure. More DW videos will come.

  • @OutbackController
    @OutbackController 2 місяці тому

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

  • @user-on6kv4hi5x
    @user-on6kv4hi5x Рік тому

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

    • @JongYoonKim
      @JongYoonKim  Рік тому

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

    • @JongYoonKim
      @JongYoonKim  Рік тому

      Bootstrap in Dreamweaver for beginners (Part 1)
      ua-cam.com/video/yooWJuomLW8/v-deo.html
      이 영상도 도움이 될지 모르겠네요.

  • @euyzou_official-lc3pb
    @euyzou_official-lc3pb Рік тому +1

    Thanks for your concise tutorials!!

  • @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
      @JongYoonKim  Рік тому +1

      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.

  • @Bhakatkibhakti-tf2kh
    @Bhakatkibhakti-tf2kh 5 місяців тому

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

  • @sabahbourgi9207
    @sabahbourgi9207 6 місяців тому +1

    Professor Kim, thank you so much for your great tutorials

    • @JongYoonKim
      @JongYoonKim  5 місяців тому

      My pleasure. You may like this video, too. ua-cam.com/video/jPscJcikfeo/v-deo.html

  • @carolstatham8509
    @carolstatham8509 Рік тому +2

    Very clear and concise, thank you.

  • @captz637
    @captz637 8 місяців тому

    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

  • @aathyph9593
    @aathyph9593 8 місяців тому

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

    • @JongYoonKim
      @JongYoonKim  6 місяців тому

      My pleasure. This video might be helpful, too. ua-cam.com/video/jPscJcikfeo/v-deo.html

  • @kandasamyrajan
    @kandasamyrajan 4 місяці тому

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

  • @meganleaford
    @meganleaford 6 місяців тому

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

  • @altruistic1
    @altruistic1 8 місяців тому

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

  • @theneighborskitchen
    @theneighborskitchen 7 місяців тому

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

  • @TerryLynnStudios-nq9dd
    @TerryLynnStudios-nq9dd 6 місяців тому

    thank you Professor Kim for this dreamweaver tutorial.

    • @JongYoonKim
      @JongYoonKim  6 місяців тому

      My pleasure. More videos will come.

  • @chathurialwis
    @chathurialwis Рік тому +9

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

    • @mizzycreations4043
      @mizzycreations4043 Рік тому +1

      I was wondering why I couldn’t see it

    • @Lactosefr33
      @Lactosefr33 10 місяців тому

      you saved me

    • @Ash-bc6nl
      @Ash-bc6nl 9 місяців тому

      IIII LOVE YOUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU, YOU SAVED MEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE

  • @mron2700
    @mron2700 2 місяці тому

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

  • @lydiah01
    @lydiah01 5 місяців тому

    Brilliant!

  • @q7studios
    @q7studios 4 місяці тому

    Very good tutorial!

  • @4thorderinc.291
    @4thorderinc.291 Рік тому +1

    Thanks! You are Awesome!!!

    • @JongYoonKim
      @JongYoonKim  Рік тому

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

  • @emmamapelli2492
    @emmamapelli2492 6 місяців тому

    wow amazing tutorial!!!

  • @Uncle_Benn
    @Uncle_Benn Рік тому

    Many thanx from Athens Greece!

    • @JongYoonKim
      @JongYoonKim  Рік тому +1

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

  • @leechrec
    @leechrec 11 місяців тому

    Thank you so much for this!

    • @JongYoonKim
      @JongYoonKim  11 місяців тому

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

  • @mrmillionaire2222
    @mrmillionaire2222 Рік тому

    thank you sire. extremely practical and engaging

  • @sayisanthosh
    @sayisanthosh Місяць тому

    Thats clearly useful

  • @DanteMav
    @DanteMav 11 місяців тому

    Thank you so much good sir !

  • @lorrayne8535
    @lorrayne8535 Рік тому +1

    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

  • @JK-ub1re
    @JK-ub1re Рік тому +1

    Thank you so much!

  • @leephom5499
    @leephom5499 4 місяці тому

    Love it i watched months ago

  • @rush2004
    @rush2004 3 місяці тому

    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?

  • @sanjay.v.v8337
    @sanjay.v.v8337 Рік тому +1

    Thank You So Much 🤩

  • @cindynewcomb7139
    @cindynewcomb7139 10 місяців тому

    Thank you so mych!

  • @austinedwards6334
    @austinedwards6334 Рік тому +6

    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
      @craigrocksayers5127 Рік тому

      i have same issue

    • @kelseaplaysmusic
      @kelseaplaysmusic Рік тому +5

      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
      @kelseaplaysmusic Рік тому

      Live not lice lmao

    • @chathurialwis
      @chathurialwis Рік тому +1

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

    • @austinedwards6334
      @austinedwards6334 Рік тому

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

  • @stevedavis6802
    @stevedavis6802 Рік тому +6

    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
      @JongYoonKim  Рік тому +1

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

    • @stevedavis6802
      @stevedavis6802 Рік тому +2

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

    • @JongYoonKim
      @JongYoonKim  Рік тому

      @@stevedavis6802 So glad to hear. Thanks.

    • @henkselderbeek1398
      @henkselderbeek1398 11 місяців тому

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

  • @Terbo_Editzz
    @Terbo_Editzz 5 місяців тому

    Thanks you bro ❤️ thank you so Mach 😍

    • @JongYoonKim
      @JongYoonKim  5 місяців тому

      My pleasure. You may like this video, too. ua-cam.com/video/jPscJcikfeo/v-deo.htmlsi=5N2DWJPor-Sw-R_P

  • @johnsunder28js93
    @johnsunder28js93 6 місяців тому +1

    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
      @JongYoonKim  6 місяців тому

      Thank you for your interest. Let me publish another video for that. You may want to watch this video, too. ua-cam.com/video/fyUtH1r2mgM/v-deo.html

  • @waldinocompartilhandoideia1591
    @waldinocompartilhandoideia1591 3 місяці тому

    Wow! What a class! Thanks!

  • @beyondbaycubicle9286
    @beyondbaycubicle9286 8 днів тому

    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?

  • @sharswebdesigns1
    @sharswebdesigns1 4 місяці тому

    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?

  • @paybackmafia9554
    @paybackmafia9554 4 місяці тому

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

  • @rudolfius1896
    @rudolfius1896 7 місяців тому

    Thank you perfect

  • @user-bm9oc5fn2v
    @user-bm9oc5fn2v 5 місяців тому

    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.

  • @unclezay
    @unclezay 4 місяці тому

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

  • @dewaldvanzyl4827
    @dewaldvanzyl4827 3 місяці тому +2

    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

  • @sonalibalodhi.5015
    @sonalibalodhi.5015 Рік тому

    Thnku so much

  • @heddasdesign6610
    @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
      @heddasdesign6610 Рік тому +1

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

  • @usercdRik.
    @usercdRik. Рік тому

    This is clear and simple. Thank you so much 😊

    • @JongYoonKim
      @JongYoonKim  Рік тому

      My pleasure. More videos will come. Stay tuned.

  • @insearchof..918
    @insearchof..918 4 місяці тому

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

  • @chifferhuertas
    @chifferhuertas 5 місяців тому

    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.

  • @johnwayaohesa665
    @johnwayaohesa665 10 місяців тому

    I can't find the images that I downloaded

  • @user-bm9oc5fn2v
    @user-bm9oc5fn2v 5 місяців тому

    and what is the buttons footers etc
    sizes

  • @baltimoreplayground5581
    @baltimoreplayground5581 Рік тому

    what version of dreamweaver is that sir?

  • @nomercymegalo4838
    @nomercymegalo4838 3 місяці тому

    2:32 Start of website tutorial

  • @craigrocksayers5127
    @craigrocksayers5127 Рік тому

    thanks

    • @JongYoonKim
      @JongYoonKim  Рік тому

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

  • @woodyiswa3023
    @woodyiswa3023 3 місяці тому

    it wont let me marge when i try select the row

  • @user-bm9oc5fn2v
    @user-bm9oc5fn2v 5 місяців тому

    sir what about that side space

  • @hoehoehello5736
    @hoehoehello5736 8 місяців тому

    thank you daddy Kim

  • @TheFadingMan
    @TheFadingMan 7 місяців тому

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

    • @JongYoonKim
      @JongYoonKim  7 місяців тому

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

  • @amanmirchandani2469
    @amanmirchandani2469 4 місяці тому

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

  • @SKYFACEPHOTOGRAPHY1
    @SKYFACEPHOTOGRAPHY1 11 місяців тому

    how do i save it

  • @avidself
    @avidself Місяць тому

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

  • @royaladvancedproduction
    @royaladvancedproduction 9 місяців тому

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

  • @rchristy5767
    @rchristy5767 5 місяців тому

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

    • @JongYoonKim
      @JongYoonKim  5 місяців тому

      Do you mean image download link?

  • @Mufeesnilaan-sf4it
    @Mufeesnilaan-sf4it 23 дні тому

    we can do this tutorial in 2019 version right ?

  • @davidiousdesign
    @davidiousdesign 5 місяців тому

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

  • @t-error9395
    @t-error9395 Рік тому

    good tutorial but how about mobile and tablet view?

    • @JongYoonKim
      @JongYoonKim  Рік тому +1

      Thanks! This video will answer your question. ua-cam.com/video/yooWJuomLW8/v-deo.html

    • @t-error9395
      @t-error9395 Рік тому

      @@JongYoonKim thank you

  • @diego.almeida
    @diego.almeida 8 місяців тому +15

    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.

  • @xy4611
    @xy4611 Рік тому

    why nobody uses adobe dw

    • @JongYoonKim
      @JongYoonKim  Рік тому +1

      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
    @JasonMatthewChampion 9 місяців тому +3

    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
    @finnochpress Рік тому +6

    Tables are for tabular data only. We stopped designing websites like this in the 1990s. This is ridiculous. Professor? I wonder....UA-cam 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.

  • @bigloo106
    @bigloo106 Місяць тому

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