• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

updating to CSS and Responsive

New Here ,
Jan 05, 2021 Jan 05, 2021

Copy link to clipboard

Copied

I am a 67 year old programmer who has been developing for the web since day 1. I code at that JavaScript DOM manipulation layer.  Never used Dreamweaver.  I want to help a professor update his Dreamweaver files to use CSS and add in a Menu etc.  The professor is my age and has been using Dreamweaver since day 1, and never updated his 'template' to use CSS.  He has 800 or so web pages.

 For example:
He is here:
 
<BODY BGCOLOR=#000000 TEXT=#FFFFCC LINK=#00FF33 VLINK=#0033FF ALINK=#FF0000>
 we want to go to something like this
body {
  background-color: #F5F5F5;
  color: #191970;
  margin: 2em; }
a:link, a:visited {
  color: blue;
  text-decoration: underline; }
a:hover {
  background-color:#6F98A9; }
a:focus {
  color: #333333;}
 
I am looking for some quidance on how I can edit his files and still be compatiple with Dreamweaver.  Most of the pages show image files with a description.  Thanks for reading  
TOPICS
Other , Product issue

Views

124

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 05, 2021 Jan 05, 2021

Copy link to clipboard

Copied

Dreamweaver has no issue with using CSS. Older versions used now deprecated or obsolete html attributes (like BGCOLOR) to style things, but CSS was  available and the program understood most of it (especially basic things like color, background-image,etc). Adobe moved away from using the old html attributes for style in CS6 back in 2012. Current versions default to css property/value sets, though there are still some units and now-standard properties the program has issues with.

If the site uses .DWT Template files, all you should need to do is create an external .css file, then in the .DWT, link to that .css in the <head>. That edit should then propagate to all of the child pages made from the .DWT. After that it's a matter of removing html attributes from the .DWT, propagating the changes, and adding equivalent css to the external .css file (no waiting for the child pages to update there since only the external css is being modified).

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 05, 2021 Jan 05, 2021

Copy link to clipboard

Copied

LATEST

Which code editor have you been using up until now?  I ask because DW is merely a glorified code editor + FTP and site management tools built in.  So there's no secret sauce required.  You use DW pretty much as you would any other code editor. 

 

"<BODY BGCOLOR=#000000 TEXT=#FFFFCC LINK=#00FF33 VLINK=#0033FF ALINK=#FF0000>"

The bigger issue here is that your friend's site is grossly outdated.  We haven't used HTML code like this in a very, very long time.

 

And then there's the prospect of maintaining an 800+ page static HTML site.  Ugh!  Stop the madness.  This has to be rebuilt responsively and with a dynamic (database) solution if possible.  An online CMS like WordPress might be the better option here.  Wordpress.org is open source and most reputable hosting plans support it.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines