December 9, 200718 yr Hey guys, I have just created a quick website layout in photoshop and i was wondering if their was anyway i could view it in a web broswer? thanks a lot
December 9, 200718 yr are you using cs3? if yes, without coding the site you could do this: file ->save for web and devices this will pop up a box, just click save, go to save as type and change it to HTML and images. This will save the page and you can view it in a browser....it won't be coded though it will just be the image in the browser. Alternatively you can save the image as a jpg/gif/png and then open a browser window and just drag the image into the browser window, it does the same thing and will just display the image
December 9, 200718 yr Author O thanks a lot I'll give that a go. And does anyone mind spending a minute explaining to me what coding is/does. I know this is probably a stupid question but I'm clueless. Or ever point me in the direction of a site that explains it. thanks a lot
December 9, 200718 yr There are different "coding" languages. These "coding" languages has different rules of how you can place the codes. Codes are needed when you're making a website. You can make the layout on photoshop but then you will only have this layout without any functions... Every button/link on a website is coded. You can also put the background color with coding or maybe the size of the text. You can even color the text and lots of other things. HTML is needed when you're coding website. HTML stands for HyperText Markup Language. Here's the HTML structure: <html> <head></head> <body> </body> </html> As you can see we write these words within < and > and these are called tags. Almost every tag has an end tag, <HTML> is the first tag we got here and that is the one that tell us we are gonna be using HTML. This is an open tag. The last tag is </HTML> and it tell us that we are ending the HTML codes there. That's the closing tag. I am not good in explaining stuff so I would recommend reading a HTML tutorial. There are several free ones you can find on the web. Here's a tutorial I recommend: http://www.w3schools.com/html/html_intro.asp Good luck!
December 9, 200718 yr Author Ok, thanks. So can anyone code stuff? Or do you need to learn ALL html? Can you get programs to code stuff for you? thanks
December 9, 200718 yr To code a website you really need to know all, html, there are programs that help you design pages but you still have to code some parts, some of these programs are NVU, Dreamweaver or notepad on your computer, go to www.w3schools.com to learn some html!
December 10, 200718 yr You can also slice the image and get PS to code it automatically in either table (bla) or css form. The code is pretty bad, but if your just starting out, it will help. This one helped me before: http://www.photoshopcafe.com/tutorials/sup...website%204.htm But you should learn HTML and CSS. It will really let you do things that PS wont.
December 10, 200718 yr I wouldn't rely on such things as photoshop to cutup a design and do the coding, I see it as lazy web design. It is seriously best to start learning Html and css right at the very beginning. Try these sites: http://www.htmldog.com/ http://www.w3schools.com/w3c/default.asp
December 11, 200718 yr you don't need to know -all- HTML tags, just the following really: - html - head - title - body - link - (style - used for CSS) - meta - (script - used for javascript) - strong (or - em (or i) - div - span - ul + ol - li - h1,2,3,4,5,6 - p once you know what all those are for, and when to use them, then you are ready to start learning how to put them all together into a decent website. And the best way to learn (for most people) is to DO IT - just experiment in a text editor (for Win users, I recommend Textpad for a lightweight beginners tool)
December 11, 200718 yr Author Ok thanks for the replies guys, I've pretty much learn all the things you said penguin and the basics of CSS so where can i start to learn to put it all together?
Create an account or sign in to comment