| You need to be adept at deploying a series of | | | | body or content and the concluding footer. This can |
| embedded commands to be able to achieve a | | | | be achieved through the use of Photoshop Guides. |
| conversion such as PSD to XHTML coding. The | | | | You don't get them ready made; you have to create |
| methodology is all over the web designing and web | | | | the guides. |
| developing forte, but needs professional training to | | | | In order to create a guide you have to drag the |
| iron out for effective data conversion. | | | | embedded grid lines from the edge of the data to be |
| There are a number of online as well as real time | | | | converted to the document areas you wish to |
| resources now dedicated to the endeavor and they | | | | separate. This calls for the deployment of a |
| follow the same protocol but differ in manner of | | | | professional on the job or could turn out into a |
| approach. While some imply hiring of specialists | | | | nightmare. |
| in-house the other strategy is to outsource the job. | | | | Step3: Depending on the conversion desired - PSD to |
| Converting PSDs into HTML | | | | xhtml or PSD to CSS you need to then focus on the |
| The endeavor of addressing any type of conversion, | | | | text editor code HTML tags. There are numerous |
| some highly recommended ones being PSD to HTML, | | | | commands in this step that need to be followed |
| PSD to CSS, and conversions of initial formats to | | | | correctly, with the right know-how. |
| table-less HTML, XHTML slicing and/or table-less | | | | Deployment of the html and content reference, body |
| XHTML entails deployment of a few steps. | | | | tag, created guides and the Photoshop Marquee Tool |
| Step 1: You need to first review the ingrained Layer | | | | is easy if you know all about these dimensions. |
| Comps. When the web designer creates your web | | | | The endeavor requires you to address page specific |
| pages he or she adopts Layer Comp in Photoshop to | | | | changes like guides for padding, margins, page |
| embed the desired design protocol. It is imperative | | | | segments, graphics, dedicated text elements and |
| for you to address each Layer Comp and identify | | | | deployment of Toggle to evade overlapping of Layer |
| differences that need to be tackled to achieve the | | | | Comp Guides. You also need to know all about |
| desired design and code. | | | | universal common coding in the desired format for |
| You can take for example when you try to convert | | | | anchors, paragraphs, tables and lists. |
| PSD to XHTML or convert PSD to CSS one layer | | | | Identifying the right text elements and modules for |
| comp could display rollover status while the other | | | | easy navigation is very essential. Not that the |
| may have differences in the background images. | | | | endeavor cannot be addressed in-house but it needs |
| These differences have to be ironed out to get the | | | | a professional approach. This can only be achieved |
| desired result. | | | | through training in the use of Adobe programs and |
| Step 2: when converting PSD to XHTML or | | | | features and Hyper Text Markup Language structural |
| attempting to convert PSD to HTML you need to | | | | semantics. |
| separate the base design into the main header, the | | | | |