Convert PSD to HTML (Part 2) using Adobe Dreamweaver

In this tutorial, we will set up a site in Adobe Dreamweaver and import animated web banner that created in Adobe Animate CC. I recommend you to watch following videos.
PSD to HTML: • Convert PSD to HTML us...
Animated Banner: • Simple & Easy to Follo...
• Apple Watch SE: amzn.to/3xx3gMN
• Laptop Stand for Desk with 360 Rotating Base: amzn.to/48qcM16

[@MACODJ]

mine behaviors button in the menu of dreamweaver is not working! it is not function, why?

[@Letuslearnprogrammingtogether]

Did you resolve it?

[@jasonlester4422]

I think you made a very good presentation, I'm just surprised photoshop is still exporting to tables rather than using divs. Yes, I know it is "legacy", but that seems to be the only option. Am I missing something?

[@junamtiaroiu098]

@JongYoonKim, any chance that you have a video on server side management (upload you website to the server, create a database, setup a responsive interface that allows users to create listings, have those stored in a database, and use the webpage search feature to list that data)

[@SambangParinda]

very nice sir, now im can convert my psd design to html 😀 thanks very much

[@jasonlester4422]

I've found how to export to div. Have you done a tutorial to show this process to others yet? It would make a great companion to tutorial. Great job

[@JongYoonKim]

No, I haven’t yet. I’ll try. Thanks for your suggestion.

[@CityTEch996]

how to add search bar

[@Fartharderful]

man this is great. its like listening to your uncle explaining things in a way you can remember.

[@factsfeed7147]

The end result is better than the 90's version for sure ? But dreamweaver and web builder like wordpress or mobirise are like kodak versus canon and nikkon. Dreamweaver is an old player trying to adapt to today's demand but mobirise is an amazing up to date reigning website builder. can kodak ever come back and beat canon ? not sure. web builders like mobirise have +4000 templates ready to be edited and used. How do you compete with that ?

[@promix1186]

how wel can you customise in mobirise ?

[@zackk8056]

Great videos. I'm wondering is there any chance to show how you'd take this final project and then post it to your Wordpress site?

[@mightyeye4624]

That would be a super useful video!

[@cirtasport]

can i use brackets instead of dreamweaver ?

[@JongYoonKim]

Sure! Brackets, TextWrangler, BBEditor…any html editor works.

[@sitikanthamuhuri]

informative video. Does this can only be done with Dreamweaver or another text editor like vs code, sublime, etc. also? If it is then please show it by using those text editor.

[@TerryKovarik]

Very nice - can you do something similar but using bootstrap in Dreamweaver so we can better understand responsive images - I got my Animated web banner working on my web page using bootstrap but it doesn't behave correctly when you scale it down to like an Android phone size. The animated banner scales but it leaves a very big gap between the banner and the next page object.

[@JongYoonKim]

Thank you so much. BOOTSTRAP...yes, I'm working on it with Dreamweaver. Dreamweaver's bootstrap setting seems quite complicated to me. It may take some time, but I'll do my best.

[@jogstyler]

Hi How can make this it responsive using dreamweaver. Thanks

[@merlin88888]

How do you make the banner a slide show presentation

[@rekha1610]

What if we do not have dreamweaver... How to open this type of files in android browser

[@mochigamingdeumNPC]

@jong-yoon kim thank you for this great video, on the Behavior button, where you can request the image swap when the mouse rolls over, do you need any third party plug in? Because the Behaivor Shift+F4 is blocked on my software. Can you please provide guidance? Thank you

[@kaushikbedaysee965]

in dreamweaver in the middle top where there are options code/ split/ live select the icon (>) from live to design it should fix your problem

[@TheSiukib]

@@kaushikbedaysee965 thank you so much that really help me a lot!

[@MACODJ]

Dont stop to create this video!

[@JongYoonKim]

I will keep creating and posting more videos. Thanks!

[@MACODJ]

@@JongYoonKim i have to study your videos, i get a new job in this section

[@hamzaaydogan2341]

Thank you, good health :)

[@JongYoonKim]

Thank you. Stay healthy!

[@whoeileen]

your videos helped me so much! BUT the behaviour for the button in dreamweaver doesnt change.. can u help me with that please?

[@JongYoonKim]

Hmmmm....can you specify your question? First, I would recommend you to double check your file formats.

[@AlexHernandez-be8pu]

why does the font seem to slightly change width when you hover over them? is there a way to fix this?

[@JongYoonKim]

Very nice catch! Honestly, I didn't get why that happened. I tried again in different color, and it didn't happen. Maybe purple created that? Anyway, thanks for your detailed observation.

[@SAIDGAHI]

Good Job. Thank you

[@JongYoonKim]

My pleasure.