Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Apr 2006
    Location
    UK, England
    Posts
    268
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Using PSD web templates as index files

    Ive got a few PSD web templates but I dont know how to import them as index files so i can create a webpage in Dreamweaver by using them. Any suggestions?

  • #2
    Senior Coder
    Join Date
    Feb 2006
    Location
    USA
    Posts
    1,013
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What you do is...
    1) Cut out all of the pieces that need to be images in the final page and you save them as GIF, JPEG, or PNG.
    2) Use semantic markup[1] written in HTML 4.01 Strict or XHTML 1.0 Strict to give the page its structure.
    3) Start using CSS to make the page look the way you want it to.
    4) Decide which images have meaning (often these have text in them) and which are just there to make the page look good.
    5) For the images with meaning you make <img> elements for them or use CSS Image Replacement [2].
    6) For the images that are just decorative, you should use CSS to add them as background images to elements in the page as much as possible.

    [1] Semantic code: What? Why? How?
    The Meaning of Semantics (Take I)
    Semantic code
    Creating Semantic Structure
    Semantics, HTML, XHTML, and Structure
    Standards don't necessarily have anything to do with being semantically correct
    Semantic Coding

    [2] I use and recommend the Gilder/Levin Method of CSS Image Replacement which uses an empty span element, because it's the method that's still usable with the images disabled and CSS enabled scenario, which to me is more important than the empty span elements.
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions
    Java != JavaScript && JScript != JavaScript
    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •