Caputo's blog

Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy

Tutorial per convertire PSD in HTML

marzo 30th, 2009 by Giovanni Caputo

Per tutti i web designer una lista di tantissimi tutorial per convertire file PSD in HTML.

1. From PSD to XHTML Tutorial

conversation-psd-to-xhtml-tutorial-css

2. How To Create a Horizontally Scrolling Site

horizontally-scrolling-site

3. From PSD to HTML, Building a Set of Website Designs Step by Step

creatif-nettuts-from-psd-to-xhtml

4. Subcide: Creating a CSS layout from scratch

subcide-web-layout-tutorial

5. Build a Sleek Portfolio Site from Scratch – PSD+XHTML Tutorial

psd-vs-net-tutorial-convert

6. From PSD to CSS HTML in 4 easy tutorials

sanke-photograph-css-tutorial

7. Create a Killer Band Site with Drupal: A 6-part Tutorial Series

Read Part 1 – Design it Illustrator
Read Part 2 – Slicing it Illustrator
Read Part 3 – XHTML
Read Part 4 – Theming in Drupal
Read Part 5 -Drupal Admin
Read Part 6 -Wrap Up and Additional Resources

band-site-and-drupal-tutorial

8. How to make sexy buttons with CSS

how-to-make-sexy-button

9. Horizontal Menus That Grow on You

In this quick tutorial, I’m going to discuss how to create a neat little menu effect. I’m dubbing it the liDock, because elements in the menu resize as the mouse moves over them, similar to the dock on OS-X, and because it’s a list menu.

css-menu-growing-dock

10. CSS Template Tutorial

free-css-tutorial

11. CSS Gradient Text Effect Tutorial

css-gradient-text-effect

12. How to: CSS Large Background

large-background-css

13. Converting a Design From PSD to HTML

your-logo-psd-to-xhtml

14. Slice and Dice that PSD

paper-business-psd-to-xhtml

15. Blurry Background Effect

blurry-background-effect

16. Using CSS Sprites Tutorial

using-css-sprites

17. Hand-Drawn CSS Navigation

hand-drawn-css-navigation

18. Creating a table with dynamically highlighted columns like Crazy Egg’s pricing table

dinamically-highlighted-columns

19. CSS Menu Tutorial

n-design-cssmenu

20. Photoshop tutorial+ slicing part + coding css

This tutorial will show You how to make clean, nice vertical menu using Adobe Photoshop.

css-menu-blue

21. Slice a Template and Code it Using CSS

slice-a-template-and-code-it-using-css

22. Coding Your 1st PSD Tutorial

code-psd-tutorial

23. Making Simple Work of Complex CSS Layouts

generico

24. Making Your Footer stay put with CSS

sticky-footers

25. How to Convert a PSD to XHTML – Video Screencast

some-event-convert-psd-to-xhtml

26. Advanced CSS navigation

advanced-css-navigation

27. Tutorial: Coding A Layout

tutorial-coding-a-layout

28. Invasion of the Body Switchers – Learn how to switch styles

invasion-to-body-switchers

29. Float Tutorials – Step by Step

float-tutorial

30. CSS Slicing Guide: Picking The Right Layout

css-slicing-guide

31. Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous

accordion-tutorial

32. CSS Sprites + Rounded corners

rounded-box

33. 3 Simple Steps in Coding a Rounded Corners Layout

css-globe-3simple-steps-code-rounded

34. Style master CSS tutorial

lorem-ipsum-inc

35. Converting a Photoshop Mockup: Part Two, Episode One

some-website-tutorial

36. CSS Vertical Navigation with Teaser

vertical-navigation-tutorial-teaser

37. Fixed Footer Backgrounds with CSS

footer-background-that-work-tutorial

38. A simple introduction to 3 column layouts

3-column-layouts

39. Two column CSS layout

2-column-layout

40. CSS Layout Technique – Achieving 100% Height

css-layout-tehnique-100-percent-height

41. Vertical CSS menu with a ‘behavior’ file

vertical-css-menu

42. Sleek Design Code – HTML

sleek-shiny-design-tutorial

43. Breaking Out of the Box With CSS Layouts

Al seguente sito potete trovare inoltre altri 60 tutorial per realizzare Layout

60 Layout design tutorials

oppure potete visitare il seguente link per un ultimo tutorial:

http://www.webdesign.org/web/html-and-css/tutorials/portfolio-layout-10-learn-to-code-it.17281.html

Questo post è stato postato lunedì, marzo 30th, 2009 at 18:51 nella categoria Novità, Siti Web, Tecnologia. Tags:, , , , .
Puoi seguire tutti i commenti di questo articolo attraverso RSS 2.0 feed. Puoi lasciare un commento, o trackback dal nostro sito.

1 response about “Tutorial per convertire PSD in HTML”

  1. R Aflec said:

    "Great compilation! Thanks a lot for putting it all in one place, but there is another one to add to your list.

    http://www.xhtml-css-code.com/html/things-to-reme

    Though, not exactly a psd to html conversion article, but one must keep these tips in mind while coding a PSD into search engine as well as user friendly web layout.
    "

Lascia un commento

You must be loggati to post a comment.