I just joined the site and am so overwhelmed by all of the useful info here. But for some reason I cannot find what I'm looking for. With that said, I don't know exactly what questions I need to ask to obtain the correct info I'm looking for but here goes... I'd like to design and create my own website. I am extremely good at creating graphics, backgrounds, and such and know exactly what I want my site to be. I just cannot grasp the HTML thing I've found many tutorials on how to create a web page in PSD but am still stumped. Are there templates out there that only have an "outline" of a page that you can just insert your own backgrounds, buttons, images, ect.? Also, I think I'd be able to understand the basics of HTML if I actually read a one page document along with seeing what the page looks like. Any advice would be appreciated! Oh and just FYI, I do have PS, Illustartor and Dreamweaver if that helps...
Are you after slicing tutorials like these? http://www.1stwebdesigner.com/css/psd-to-html-burnstudio/ http://net.tutsplus.com/articles/news/converting-a-design-from-psd-to-html/ http://www.elated.com/articles/photoshop-to-html-step-by-step-layout-1-minimal/ You can do that with any template by swapping the old images for new ones, but they must have the same filename and size. If you want HTML boilerplate, have a look at this site: http://www.960development.com/xhtml-boilerplate/ This is what I normally use: <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'> <head profile='http://gmpg.org/xfn/11'> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <link href='style.css' rel='stylesheet' type='text/css' media='screen' /> <title>My Site</title> </head> <body> <div id='container'> <div id='header'> <!--end header --></div> <div id='content'> <!--end content--></div> <div id='sidebar'> <!--end sidebar--></div> <div id='footer'> <!--end footer--></div> <!--end container--></div> </body> </html> Code (markup):