Skip to main content
Known Participant
Aug 6, 2020 9:47 PM UTC
Question

33 years in Adobe products, 30 minutes ever in Dreamweaver question (don't laugh too hard)

After decades telling clients I don't/won't do html (I'm Illustrator/Photoshop/InDesign).. I have to do html. Today I downloaded Dreamweaver and opened a template a client provided. No problem changing out images, adding header, changing text (just started dumming it in)... but when I get the cursor blink just beyond the last text in the paragraph and add an IMG - the whole layout shifts. 

 

I know seasoned pros are probably hating this thread already, and even beginners are laughing. I get it. I only got this request 75 minutes ago so no time to watch tutorials yet (weekends for that), car business is hurry hurry hurry, and once I gety one done it will be "now do these other 25".

 

How can I force the layout back to two columns so I can insert the logo you see on the right example (or do I need to create it's own block)? The logo should be floating just below the text block. Thanks in advance. 

 

[Moderator added the image to replace the link]

This topic is closed to new replies. Start a new post to keep the conversation going.

4 replies

Nancy OShea
Community Expert
Community Expert
Aug 6, 2020 11:54 PM UTC

DW assumes you have basic coding skills.

When things break it's almost always caused by code errors like orphaned opening or closing tags.

 

<p> This is good. </p>

 

<p>this is broken

 

Go to Window > Results > Validation to check your code for errors.

 

Translate
Nancy O'Shea— Product User & Community Expert
BenPleysier
Community Expert
Community Expert
Aug 6, 2020 10:53 PM UTC

To add an image, you need to stay within the containing element, which in this case would be downstream elements of the html-table element.

 

Please keep in mind that Dreamweaver is not a drag and drop type of program.

 

Edit: You may do well following this tutorial https://www.w3schools.com/html/

Translate
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Known Participant
Aug 7, 2020 5:07 PM UTC

Thanks. Going to start on tutorials today. I wish Adobe would make a WYSWYG version of Illustrator then I'd be an instant web master )

Translate
Nancy OShea
Community Expert
Community Expert
Aug 7, 2020 9:20 PM UTC

"I wish Adobe would make a WYSWYG version of Illustrator then I'd be an instant web master "

I don't think that's what you meant.  Illustrator is already WYSIWYG because it's a graphics editor.

 

Just so you understand, there is no tool in the world that can make you an instant web developer anymore than there is a tool that can make you an instant electrician or plumber.  What you don't know would fill volumes of books and at least a 4 year college degree program to explain.  Dreamweaver is a good tool but tools don't build websites, people do. 

 

If you're really serious about doing this professionally, start studying UX/UI theory, HTML and its relationship to CSS, responsive layouts, client-side & server-side programming, safe practices, web accessibility, privacy regulations, the usage of frameworks, search engine optimization and much, much more... 

 

Related links:

 

Good luck!

 

Translate
Nancy O'Shea— Product User & Community Expert