Adobe Photoshop Website Design Tutorial (Medium Difficulty)

In this video tutorial you will learn how to design a header to your html website, how to slice the photoshop document and how to save it as a website document. You will also learn how to link the menu bar.




Enter your e-mail address below to receive notifications when there are new posts & updates:

After subscribe, check & verify your email address

50 Responses to “Adobe Photoshop Website Design Tutorial (Medium Difficulty)”

  1. xboxAndrew360 says:

    Check my Video for free designs 😉

  2. OrangeCity12 says:

    what text is used

  3. peteypablo314 says:

    I’m not gay but if I ever ran into you, man I’d kiss you.. You, sir, have made my life exponentially easier and have shown me the process of creating a website in less than 10 minutes. I’ve been watching tutorials and fooling around with Photoshop, etc for months now and because of you I now understand how a website is made and more importantly I can do it now, on my own and finally get some dreams and goals of mine going.. You are a god-send, thank you so very much sir I’d love to see some mor

  4. FireDuckful says:

    @ZitrokLaus Get a 1024px width, make some rulers at 28 px (left and right), and work between that. 960 px grid is standard. 🙂

  5. ZitrokLaus says:

    width normally is 1005px 😉 cause with an 17″ monitor (1024x768pixels) the page would fill the complete width of the monitor. the 19px-gap come with the scrolldownbar from the browser 😉

  6. spicytauren says:

    lol @ roller coaster tycoon, that’s ancient 🙂

  7. 609juelz says:

    @Th3ycallm3tom
    why? because of theft?

  8. 609juelz says:

    @Th3ycallm3tom
    why?

  9. patricia09cute says:

    @SweetSaryna it’s only a header not a layout that’s why it’s small

  10. 55951234 says:

    I think you should re-layout it with CSS.

  11. zacksloth says:

    wow this is the first tutorial where i felt “dizzy”… dude zoomed in too much and moves around too much :s

  12. FractalFragger1234 says:

    i just have to say please dont quit your day job and if your day job is web design then quit!!!

  13. SweetSaryna says:

    950×150?? how very small

  14. TheChrisnextel says:

    good tut but after watching I felt soo dizzy…

  15. zaxwop says:

    this is the absolutely wrong way to make a website. if you want to do it the right way, go to die-seologen.de

  16. TheIzzycro says:

    w w w.team-pwr.site11.c o m

  17. internettopmentor says:

    I’m a fan of your work. Connect with me on facebook by clicking How To Do Internet Marketing The Right Way

  18. TheJoomla says:

    >>> freelanceportal.vze.com
    Work From Home: freelance projects IT support jobs portal. Web designs, CMS programming, podcasting, SQL development, PHP programming, ASP projects. Animation experts, web bloggers, article writers. videos. XXX template designing, themes and templates. WordPress, Drupal, Jomla, xcart, zen Cart support. Forum moderator, ebay sellers earn Cash NOW!

    Free Tutorials and cheat sheets.

    >>> freelanceportal.8rf.org

  19. monkeymack2 says:

    zoom out a bit dude!! gees

  20. Tmavy says:

    2) 10:20 DON’T USE border=”0″ inside img tag. Instead try use css selector: img {border: none;}

    3) FIRST OF ALL dont use tables!!! For positioning graphic layout. Instead CSS + DIV tags!

  21. Tmavy says:

    helpful tutoriale, but two things in in are really bad habits in use:

    1) 9:02 DON’T USE align=”center” in html tags(deprecated). Instead try use css for example: table {margin: 0 auto} – aligning horizontal or i you want to align align objects inside element: table {text-align: center; [or] vertical-align: top, middle, or bottom; }

  22. DELPHIIII says:

    You talk funny.

  23. iProRyan says:

    Well Done! Good Tutorial. Subscribed.

  24. thrombox says:

    @Th3ycallm3tom “It’s a bad idea to have your site coded in tables let alone have it automaticly coded by photoshop.”

    Why is this the case? (I am a noob)

  25. ComputaholicTV says:

    Great video! I like the beginning of the video! Can you tell me how you did it? Is it just a load of images from Photoshop with transitions or what? Thanks and well done!!!

  26. littlejenz says:

    hey need how font color your html website or background color go to my channel and see them

  27. rahil0000000002 says:

    We Make Brands, We Promote Brands & We Promote People.
    Web Development – Product Launch – Brand Campaigning – Event Management – Product Promotion.

    SOFT WEB MARKETING
    812, Tulsiani Chambers,
    Nariman Point,
    Mumbai – 400021
    Maharashtra, INDIA

    wwwsoftwebmarketingcom

  28. webconnect1 says:

    Thanks for sharing all information…my name is sam
    working in webconnecttechnologies
    All step are very helpful actually i am at training…

  29. tomelders says:

    This is disturbingly bad. Deprecated tags, invalid tags and a mixing of style and markup. You’re teaching some very bad habits.

  30. tenkal1844 says:

    LOL HTML Center should be aviod. It is deprecated.!!!!!

  31. dadadee100 says:

    What pisses me off is that when you put the colour in you have to use the american way of spelling it(color) instead of the normal way

  32. NoSuchThingAsOrange says:

    This is very good thank you.

  33. vegetarian7710 says:

    slow down

  34. Johnsonharris says:

    ­This video is very helpful for beginners to design a site like this. By using notepads its useful for small sites but if you want to design a big site it will not be helpful. You need to type all tags in the notepad. If you want to design a site, editplus and note tab pro are very helpful.

  35. prashantramakrishna says:

    very good i like the video upload ,

  36. ApasoTutorials says:

    REAL AWESOME check mine to
    /watch?v=kU7Bsn8eOXI

  37. ThinkLikeCat says:

    Sound like Harry Potter… Thats bad

  38. TurioralsForYou says:

    /watch?v=kOih7VATTdE check mine video
    HD and Good please check it

  39. TheJoomla says:

    >>> freelanceportal.vze.com
    Work From Home: freelance projects IT support jobs portal. Web designs, CMS programming, podcasting, SQL development, PHP programming, ASP projects. Animation experts, web bloggers, article writers. videos. XXX template designing, themes and templates. WordPress, Drupal, Jomla, xcart, zen Cart support. Forum moderator, ebay sellers earn Cash NOW!

    Free Tutorials and cheat sheets.

    >>> freelanceportal.8rf.org

  40. hiveproductions says:

    yes, you are an idiot.

  41. redfoxarts says:

    how do you use the website layout in notepad??? is it possible?

  42. TheJoomla says:

    >>> freelanceportal.vze.com
    Work From Home: freelance projects IT support jobs portal. Web designs, CMS programming, podcasting, SQL development, PHP programming, ASP projects. Animation experts, web bloggers, article writers. videos. XXX template designing, themes and templates. WordPress, Drupal, Jomla, xcart, zen Cart support. Forum moderator, ebay sellers earn Cash NOW!

    Free Tutorials and cheat sheets.

    >>> freelanceportal.8rf.org

  43. csubex says:

    That’s the problem with me. The first I usually do is start utorrent…

  44. EIectroMagneticPulse says:

    i love to htmilin ‘

  45. MrRefinery says:

    it was good

  46. pzsharp says:

    here is a good video on webdesign.

  47. dragonx20091 says:

    sorry but i just cant help how ridiculous you look you look like a cross between the waltons and the brady bunch

  48. Th0nixx says:

    @iyz7 Intersting sight to see this vid. Okay, you’re right..

  49. iyz7 says:

    @Th0nixx Now I when I learned some on my own I can see your point but it was his video that finally made me to start learning it, I was procrastinating for a decade, just found a book I bought in 1999, I am really enjoying studying web design now and without this guy, I doubt to start until my job demands it. I think he, like a true talented teacher, is more about inspiration than facts.

  50. MrTheNewBEN says:

    I appreciate the video…but it’s really laggy for me and it’s stressing me out………


Powered by WordPress | Visit www.iFreeCellPhones.com for Free Cell Phones. | Thanks to Palm Pre Blog, Find Best CD Rates and Fat burning furnace