subject: Uses And Benefits Of PSD To CSS [print this page] Uses And Benefits Of PSD To CSS Uses And Benefits Of PSD To CSS
CSS or cascading style sheet is used to describe the presentation features of a document written in mark up languages like HTML or XHTML. The primary use of CSS is to separate the document content from elements of document presentation like colour, font and layout.
Why is there a need for separation of content and presentation? Well it can give you greater access to the content as well as more flexibility and control over the elements of presentation. CSS also allows multiple pages to share formatting and reduces complexity and repetition in structural content of the web page.
Wed designers originally design the web page and draw out the potential layout of each web page on PSD or Photoshop document. PSD helps in graphic designing and editing. But the finally the webpage has to written in Hypertext mark up language format or HTML for the browser.
HTML has been called the building blocks of web page. Once the design is approved it needs to be encoded in HTML or XHTML which is a higher version of HTML.
HTML allows images and objects to be embedded. It also helps to denote structures like headings, links, quotes, paragraphs, lists etc. CSS is also used in HTML coding to define the look and style of the texts and other content. So you need conversion of PSD to HTML and PSD to CSS to create a web page that is then recognized by the web browser.
The web browser actually uses the HTML tags to interpret and display the content. So where does CSS fit in you ask? Well prior to CSS all presentation elements or features of the document had to written in HTML mark up sheets only.
So headings, alignments, links, lists, font, colour, background, boarders and sizes had to be explicitly and repeatedly written within HTML. Using CSS means the coder can now shift the elements of presentation on to separate style sheet which in turn allows for simpler mark up sheet.
The entire process becomes less complex. Two kinds of conversion occur before a web page is finally loaded and displayed by the browser. These are PSD to HTML and PSD to CSS.
