Adding CSS to an existing site

Our Chorus has had a website up for many years, developed
first in FrontPage, then in MS Expressions Web. We expect to
continue evolving it and adding content.
http://www.sandiegofestivalchorus.org
I finally bought DreamWeaver CS4 and it works very well to
update the site the way I have always been doing it. Now I am
thinking about using Style Sheets to make future updating easier.
Right now the only style I find reference to is "h1" and I've not
yet investigated where it applies.
I've been going through some of the tutorials and what I
think I have learned is that I can embed styles in the code for the
site or create a new style sheet and put all the style info there.
Is that correct?
My main question is: How much effort should I put into using
CSS approaches? If it is worth it, should I create a new style
sheet?
Once I have created some styles, will I have to go through
the whole website identifying the style for each styled element?
Or should I save CSS for my next new website?
Thanks,
John Fistere

I sure wouldn't approach it that way. Make sure you
understand the three
types of selectors well before you embark on this: id, class,
and type.
Then you will most likely want to REBUILD each page
completely (since most
of the HTML infrastructure will be different anyhow).
I will frequently do this by working on the existing page,
and creating the
new layout structure at the top of the page, so I can
conveniently drag and
drop layout elements from bottom to top as I fill out the new
layout.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"JFistere" <[email protected]> wrote in
message
news:gf1u2e$s8p$[email protected]..
> Thank you for such a speedy response.
>
> As I understand it, the process will be to pick an
element, such as a
> certain
> level heading that is the way we want it start a new
style sheet and name
> that
> style. Then we go through the complete site selecting
the same type of
> elements, and associating the CSS style wilth them. Then
we pick another
> element and add its style to the same style sheet and go
through the
> process
> for that type of element.
>
> There will be two of us working on the website, and I
understand that we
> can
> use checkout control to avoid overwriting each other's
work. How does
> that
> work when there is a style sheet involved? Do we check
that out
> separately so
> that one of us can make changes to it, and the other can
use it read-only?
>
> Thanks,
> John Fistere
>

Similar Messages

  • Need Help Adding Flash Intro To Existing Site

    OK I'm helping a buddy of mine out and he's already got his sie built for him by someone else, the index file is .php. Now I've got this little Flash animation that we want to run first, then when it's done go to his website. When I try to add it to the top of the index page all that happens is the site loads like in normally did but with the Flash movie at the top instead of being another page. What do we need to do to have it load on it's own first?

    yes.  the index.html should embed your flash intro swf and at the end to your swf (and in a skip intro button code) you should open the current main page (using getURL or navigateToURL).

  • How to apply CSS to Existing Site

    Help! I am a Macromedia Dreamweaver user. I manage a few simple sites on a volunteer basis. I was recently forced by a new computer purchase to upgrade to CS4 for Vista compatibility.
    I have never used Style Sheets. I've spent several hours this afternoon combing the web for instructions and found that most of the information assumes way more knowledge than I have, and the more basic articles seem to provide nice overviews of what CSS is and why one might want to use it, or possibly how to build a new site using CSS, but they have not answered my "how to" questions about my existing sites.
    My two most pressing unanswered question are these:
    1)  I seem to have successfully created a new CSS rule by selecting a section of text in the document, setting the Property Inspector to CSS and then naming the rule and choosing a font style and size (although the new rule dialog box never appeared - I did it all in the Property Inspector). Do I have to go through the whole site and apply this rule individually to each section of body text? The existing document has all the text set by its specific features (e.g. Arial Bold 10), not using "heading 1" "heading 2" etc.
    2) I do not use Dreamweaver to upload my finished documents. I use a site-managemet ftp page on my host server. Once I've created these CSS style rules, is there anyting that I need to upload besides my edited pages?
    Thank you in advance for help.

    If you are using the same font family, font size, colour, etc... you can use a separate style sheet and just use
    body {font-size:14px; font-family:arial, helvetica, sans-serif}
    this will make all your site the same body style.
    Do I have the book for you:  CSS in easy steps by Mike McGrath  isbn#1-84078-301-x
    It's a really good beginner's book to CSS.  And really easy to read!  Was a huge help to me in my beginnings of CSS.
    Also, www.lynda.com is a great resource.
    Hope this helps!
    You'll need to upload that extra css page with the rest of your site!
    Message was edited by: JulesN

  • Attach existing CSS style sheet to existing site

    Hello all,
    I have an external CSS style sheet called default.css. I have an existing site of 61 pages that I want to apply default.css. Is there a way to apply a CSS file to multiple pages? Or am I doomed to going through the process 61 times?
    Thanks for your time.

    Thanks for replying Ben.
    I 'forced' it to work. Fortunately, the pages were all linked to the same style sheet, so I just did a 'Find and Replace All'.
    Thanks again.

  • Adding phone layout to existing desktop site - No scratch page created

    Trying to make a phone version of site created in muse but no scratch page is created in desktop plan after adding phone layout. Ideas?

    I'm following adobe help tutorial  http://helpx.adobe.com/muse/tutorials/creating-mobile-layout-designs-muse.html#id_25691htt p://
    Under heading "Adding Phone Layout to Existing Muse Site"  #3 starts refering to "scratch page"

  • Issues editing HTML on an existing site.

    I am attempting to replace the existing content in a site's left panel with custom HTML. 
    I refined the HTML working with a new blank subsite and was able to use the "Edit HTML" option directly in the Left Panel without adding a Content Editor Web Part. 
    When I go to the existing site I am unable to get the "Edit HTML" option within the panel itself and when I add a Content Editor Web Part it completely breaks my formatting. 
    Is there any way to apply HTML directly to an existing site panel without using a web part?

    Hi  ,
    According to your description, my understanding is that you want to customize the quick launch of your SharePoint 2010 site.
    For your issue, you can use the SharePoint web interface or SharePoint Designer 2010. You can have a look at the blog:
    http://sharepointpromag.com/sharepoint/four-ways-add-or-remove-quick-launch-menu-control
    http://msdn.microsoft.com/en-us/library/office/ms466994(v=office.14).aspx
    http://office.microsoft.com/en-in/sharepoint-server-help/configure-the-quick-launch-for-site-navigation-HA102130960.aspx
    Best Regards,
    Eric
    Eric Tao
    TechNet Community Support

  • Using Muse to add a mobile layout to an existing Site?

    I have some customers who already have live sites built outside of Muse who are interested in adding a mobile layout. Is it possible to add a mobile layout with muse to an existing site? I plan on trying this out this weekend but wanted to know if anybody beat me to it.
    Thanks!

    If you're looking to design and publish just a mobile site, you can easily do it through Muse. When you start a new project in Muse you can select the Initial layout to be Phone and begin planning and designing your mobile site. If required, you can later add the Desktop and Tablet layouts to your project as well. Then when you're ready to publish your mobile site (to either Adobe hosting through Business Catalyst or to your own third party host), you can upload the site to a host directory of your choice so as to not touch the existing desktop site files. Alternatively, you always have the option to export the site as HTML and publish it anywhere you like through a FTP client like WinSCP or Filezilla.
    Thanks,
    Vinayak

  • Manage Sites - All my existing Sites have disappeared..?

    I have recently recovered form a hard drive crash and set up a new home directory.
    When I open the <Manage Sites> dialog box in Dreamweaver CS4 all of my existing sites have disappeared and the list is empty.'
    If I track the path in Finder <username/library/Application Support/Adobe/Dreamweaver CS4/en-US/configuration.SiteCache> I can see that all of the sites are still listed in folders there.
    Is there a way to redirect Dreamweaver to see these existing sites?
    If not, can someone suggest the best way to recover from this/
    Thanks

    Correct - in order to keep those that are currently on the iPad they need to stay checked, and additional albums that you check will be added to those that are already on the iPad. Synced photos can't be deleted directly on the iPad, they can only be deleted by un-checking/de-selecting them on that tab.

  • Adding replication to an existing database.

    I am looking at adding replication to an existing database. This database has lots of existing containers many of them are 1G in size. How will this be handled when the master and client initially start? Will the master just start sending to the client? Is there another option?

    Yes. This, and the alternatives, are described in the Ref Guide, on the page entitled "Initializing a new site".
    Alan Bram
    Oracle

  • Integrate Tribevita template into existing site

    Hi all
    I am going through the pleasure of integrating a new Tribevita template into an existing site ie so the crucial sales data etc is maintained. From my research, this is a bit of work and basically it seems you are copying various parts of the new template into the current (old) site.
    I gather the process of integrating a new site involves:
    1. Recreate the folders, web app layouts, forms, content holders, photo galleries etc from the new template, into your existing site.
    2. Change the relevant ID's in the html in the new site, so they match the ID's of those just created in step 1
    3. Then.... ftp all the new template's pages, assets, css, files etc into the OLD site....and in theory you will have your new & improved website all while maintaining all that traffic and sales data.
    The new template site is a reponsive site from Tribevita - Flora Design, so I don't know if that will have any issues moving across to the old site.  Has anyone gone through this process and can you give me any advice on things to look out for and if the above the correct method to do this changeover.
    Many thanks.
    David  

    Hi Buzzvick - glad you messaged me as I've been meaning to let you know but couldn't find this thread.
    OK it did go smoothly but here's what I learnt.
    First make sure the template you bought is almost EXACTLY what you want. Ie products display the same as you want them to, search pages etc work how you want to. Find one that you would be happy to use as is just with minor changes like colours.
    Create your template on a test site. Write down your login details as you will refer to it often. FTP copy this new site.
    FTP copy your new site again and save it as a working file (e.g NEW SITE - Working file)
    Create all logos and banners in the sizes you will need for new template.
    FTP copy your old site - save it as ORIGINAL SITE and lock it in your files.
    FTP copy you old site again and save it as working - use this to compare the files for when you upload the new template
    FTP copy your old site once again and save it somewhere else just in case you need it!
    copy your products and customers for backup
    do a sync if you are using onesaas etc
    I also printed all invoices from start of BC / made sure I had a foolproof backup
    Create a new start page and say you are doing updates (if you are tackling it all in one day)
    (I was recommended to check duplicate scripts, css, images, templates etc but I realised this would take hours / days so skipped it and bit the bullet - If i had more time I would have but as I was prepared for our site (=my site) to be offline and have customers call if problems I jumped right in).
    FTP across the template to your website - I used the 'working' file and deleted files on my computer once I had uploaded them so I new what was still to be done.
    Update the template and page module numbers etc (I used a script from BC Gurus that showed the module ID numbers next to it - message me if you need it).
    Screenshot the NEW template (on test site) and also OLD template ID numbers (using script above) and print it out - this will save hours as easy to cross compare.
    If the menus don't show - which ours weren't - RECREATE them... this took me 2 hours to work out why they weren't showing as I just duplicated them and it didn't work!!
    Now change over page templates - start with unpopular pages like about us etc
    Using firebug fix up any styling etc and update css.
    I also removed / delete all my old styling sheets and just kept the new template one (hence your site might look a bit fuzzy so make sure you do it on a crappy sales day or with the maintenance page loaded)
    - I used FTP with my new template file in one screen and current site in the other screen and deleted anything that wasn't in the new template (make sure your original site backup is on file).
    Check all categories, pages etc - e.g update home page etc
    Check ipad / iphone versions (I use firefox web tools that resizes screen as our new site is responsive)
    Make site live (remove maintenance page)
    Pretend you are a customer and sign up for your newsletter, sign up for access / do an order. TEst it all.
    Add in all Google analytics and trackings.
    Update your SEO info e.g title tags - I went page by page through my old site templates and copied any SEO or scripts I'd need and saved it in word
    Recheck site again - Pretend you are a customer and sign up for your newsletter, sign up for access / do an order. Test it all again.
    Recheck site again from other browsers - Pretend you are a customer and sign up for your newsletter, sign up for access / do an order. TEst it all.
    I also kept a notepad handy and highlighted all the above once done. I also wrote down anything little that needed to be changed and kept going on the above. If you start fixing little things as you go you will never finish. I employed my 90% principle - get 90% done then do the remaining little 10% once 90% is up.
    And good luck! It took me from 8am Saturday morning to 5.30am the Sunday morning - so almost a good 24hours! Luckily I'd had a super early Friday night (no life that weekend!) and did it from my home office. So I'd recommend only conquering it when you can pull an all nighter so the site is done.
    Hope that helps

  • Hi Guys,  I am using the full width video widget on a site. The widget was working perfectly however I have just added additional content to the site and re-uploaded and now the video is not working! Please help I have tried everything and am freaking out

    Hi Guys,
    I am using the full width video widget on a site. The widget was working perfectly however I have just added additional content to the site and re-uploaded and now the video is not working! Please help I have tried everything and am freaking out as this web-site has been payed for by my client.
    Alex

    Many thanks.
    With those symptoms, I'd try the following document:
    Apple software on Windows: May see performance issues and blank iTunes Store
    (If there's a SpeedBit LSP showing up in Autoruns, it's usually best to just uninstall your SpeedBit Video Accelerator.)

  • Can I load an existing site in iWeb?

    I have a website that I put together with an old program I can't use in OS Leopard (wouldn't want to anyway). I want to start using iWeb to work on my web pages. Can I load the pages of my site into the iWeb program to edit? How do I do that? Thanks.

    No, iWeb can't open, edit, or import an existing site.

  • Issue in adding Space to the existing Virtual Machine from added repository

    Hi,
    I'm facing issue in adding Space to the existing Virtual Machine (Guest OS) from added repository.
    Environment details :
    VM Server : /OVS => 130GB
    /OVS/935970F2CC2D4B4391701397517F1001/ => 512 GB
    Things I have done :
    •     I created a VM (Guest OS) in the VM Server with 120 GB
    •     After creating the VM (Guest OS) , When I tried adding a VIRTUAL DISK of size 150 GB , I got an error “Maximum available Disk space is only 10GB”.
    My query :
    •     Will I be able to add space to Existing VM from the added Repository ( /OVS/935970F2CC2D4B4391701397517F1001/ ) , whose system.img is stored in path /OVS/running_pool/34_rhel/ .
    Kindly help me out in this.
    Thanks in advance.
    -- Sri

    Hi all,
    I checked with Oracle on the above and got the info currently , the we can utilise only the space available in the existing repo and cannot extend to additional repo.
    Work around is : Clone it to the other repo , or Use Symbolic link .
    Thanks,
    Sri.

  • File not found when adding a link to another site collection on the navigation page

    When I am adding a link to another site collection in the navigation page, I got the following error. Is there any limitation for the navigation setting? why can't we add a link to another site collection in the navigation page?
    This is SharePoint 2007

    Hi
    the URL provided is working?  (check it in separate browser window )
    Romeo Donca, Orange Romania (MCSE, MCITP, CCNA) Please Mark As Answer if my post solves your problem or Vote As Helpful if the post has been helpful for you.

  • Can not open existing sites in iWeb 09

    I can't open sites that I built in iWeb 09 after my hard drive has been reformatted, I can only open new.

    if you were using time machine or any other backup system you should be able to recover a copy of the domain file.
    All your iweb work is in the domain file, if that isn't frequently backed up, you lose your edited work. Your published site should still be fine but if you republish iWeb now it will overwrite your published site and it will be gone as well.
    By default, the "domain" file is in your user/library/application support/iWeb folder.
    You will have to start over if you want to make changes to your published site. If you have to redevelop your site, publish to a local folder until you get it the way you want it, because when you publish to your server it will overwrite your existing site. in the future keep your domain file frequently backed up and keep copies somewhere other than your hard drive.
    Hopefully you were using time machine, if not I feel your pain.
    Sincerely, David

Maybe you are looking for

  • ITunes library sharing

    I have an iMac, my wife has a MacBook Pro. What is the best way for her to be able to access my iTunes library? Do I push everything to the Cloud? Or should I be trying to figure out home "sharing" more?. Shde can access everything that was bought on

  • How can i get my phone turned back on if it shut off due to an update

    My phone shut off when it did an update back in march and i havent been able to turn it back on. It is showing to connect to itunes and i have done that but nothing is showing up on my itunes account that it was there.... What shoud i do? thanks

  • Update ABAP Report in SAP R/3 with data from xMII

    Hi Experts, How do we update some PP reports in SAP R/3 from xMII . We have sucessfully got all the data from the historians in the plant and also established connection between SAP R/3 and xMII. 1. We also need to store the data passed in SAP R/3 in

  • Hirarchical profiler query

    Dear experts, After going through the oracle documentation on hirarchical profilar i have executed the procude myself. After that process i have some data in following three tables 1> dbmshp_runs; 2> DBMSHP_FUNCTION_INFO; 3> DBMSHP_PARENT_CHILD_INFO;

  • 92021Win64_Disk2.zip  download issues

    Hello there, Everytime I try to download the file: 92021Win64_Disk2.zip from http://www.oracle.com/technology/software/products/oracle9i/htdocs/win64soft.html it downloads for about 2K then gives me an error: "Unexpected server disconnect" then drops