May232011 Web Design Basics of Photoshop #04 – Designing a Website Article posted by gordenweb 19 Comments Here’s a look at how to mock up a website design in Photoshop.Video Rating: 4 / 5 Related Tags: Basics, Designing, Photoshop, Website Did you enjoy this article? Share it! Related Posts Responsive Website Template Design in Bootstrap with easy steps. (Hindi/Urdu) WordPress Tutorial For Beginners | Create an Ecommerce Website In Under 15 Minutes Website Design Photoshop cs3 video tutorials for beginners Design a Creative Portfolio Web Design Layout In Photoshop About the Author: 19 Comments+ Add Comment TheLunatic1011 May 24, 2011 at 4:04 AM wow.. what cant you guys do??? cakalusa May 24, 2011 at 3:28 AM @TheLunatic1011 Divide by zero…no, wait, they can. stas9SH May 24, 2011 at 3:07 AM Dachis you’re my hero Alaev100 May 24, 2011 at 2:48 AM its like lynda.com but much shorter and cooler. Thank’s DEADLYINK May 24, 2011 at 2:18 AM Really thought you were going to go into how to make the different elements interactive. Wasn’t really sure photoshop had that capability or not. You did go over a few really nice shortcuts that were helpful. thanks WestDrake May 24, 2011 at 1:19 AM Nice tutorial. Great explanation of the basics on how to make a web design but I was kinda disappointed that you didn’t explain what the recommended sizes for a web page should be and why. browness8 May 24, 2011 at 1:03 AM the clicking noise is really loud… and kinda annoying. but good video haha IMf410 May 24, 2011 at 12:43 AM Cool video thank you very much!!!… But how do you get the HTML or CSS code to upload to your site? Would you use Dreamweaver if you have no coding expertise? iFirstComment May 24, 2011 at 12:19 AM So how do I add HTML funcionality? That’s just an image :O mobabur94 May 24, 2011 at 12:05 AM @iFirstComment it’s just a mock up werty1432k May 24, 2011 at 12:05 AM what were the page dimension? ShockinLaura May 23, 2011 at 11:56 PM Could you show us how to convert it to html/css? sikyrace May 23, 2011 at 11:36 PM like this series conorucd May 23, 2011 at 11:04 PM How would a site iike this rank in search engines – I mean is it like using flash? or are the words searchable and users with various disabilities friendly? KungenBaz May 23, 2011 at 10:39 PM Umm, at 02:45, how come the thing you make there don’t apear ABOVE the “lifehacker” text? bluelizard81 May 23, 2011 at 10:06 PM @KungenBaz as he clicked on the background layer first, the rectangle layer was then created above that layer and below the logo layer. yomamma101091 May 23, 2011 at 9:08 PM Sounds like Jesse Eisenberg playing Mark Zuckerburg talking about facebook. nokhazali May 23, 2011 at 8:35 PM A very help full websit for free Adobe Photoshop Cs5 step by step training fell free to visit >>>>>>> wordprestutorial.co.cc <<<<< just copy thsi url and past in ur browser ydna008 May 23, 2011 at 7:45 PM This should be about how to design Facebook.