HOME | DD
theartofsin — making a website in Photoshop
by-nc-nd
Published: 2007-09-07 13:51:58 +0000 UTC; Views: 30790; Favourites: 327; Downloads: 1011
Redirect to original
Description
For beginners and people familiar with photoshop.
This is my first tutorial on deviant art...
if it doesn't make sense please message me....
lol i made this in about 2 - 3 hours...
its a quicky but i hope you can take something away and learn from it
thanks for checking it out.
please note, this is just a simple way to create a website.
if you wish to learn more about html & css, check out w3school [link]
Related content
Comments: 135
sorry didnt reply sooner D:
this is very basic for someone to use these days but you could always check out wordpress
to do this yes and no.
easy way would to be to sign up to a cheap web host and upload files there 
👍: 0 ⏩: 0
Oh, great! That's what I wanted
Thanks for sharing. I had no idea what to do after making a layout in Photoshop. The coding itself doesn't look so scary.
👍: 0 ⏩: 1
least it gives you the concept if you wish to continue on with coding
CSS, Div's and Classes are your friend
👍: 0 ⏩: 1
Yeah, I know. I'm only beginning with that, had the basics on lessons recently ^^'
👍: 0 ⏩: 1
good luck
hope it all goes well
👍: 0 ⏩: 0
haha hope you liked it.
its a easy way to make a basic website
👍: 0 ⏩: 0
wow! this is veeeery very helpful. thanks so much!
👍: 0 ⏩: 1
glad it help ^_^ , hope to bring a slightly more advanced tut soon :3
👍: 0 ⏩: 0
set the border to 0
example 
👍: 0 ⏩: 0
This tutorial is very helpful, so I don't have to constantly re-code my website, but I have having problems with the images. For some reason, they are spacing them apart. I followed your tutorial to a T but I am kind of confused with this spacing stuff. Could you help?
Thank you in advance!
👍: 0 ⏩: 1
is it displaying the pictures with gaps in between?
👍: 0 ⏩: 0
It is fabulous!
Thank you so much!
I finally got to know how to use the slice tool through your tutorial. Thanks a lot.
I have a question, when I opened the .html file.. The images didn't show up :/ and so the URLs I typed didn't open.. I put a URL of "www.google.com" for example, and it said it was not found.
I'm sorry I'm a beginner to this. - very beginner :S
👍: 0 ⏩: 1
were you trying to upload the images to a website and use the links in your .html files?
👍: 0 ⏩: 1
Nope! I saved the .html file in a different folder XD My fault sorry! and OMG Thank you for replying!
I still can't solve the problem of URL, when I type the URL "Www.google.com" and I try the page, it says the page is not found :/
👍: 0 ⏩: 1
did you create a link in ur html file and wish to be able to click it and take you to google?
👍: 0 ⏩: 1
Well, While slicing.. editing slice options.. I typed in the URL "www.google.com" but when I click it, it says it wasn't found as searching on the PC for the html file not searching the web for it..
Excuse me I know it's so much newbie ;S I'm sorry for that~ But I find the topic interesting xD
👍: 0 ⏩: 1
try putting http:// at the start of google.com
[link]
👍: 0 ⏩: 1
Thank you!
It's not working!
It looks for the URL in the PC not the server!
I saved the "google.com" webpage to a folder in the PC and typed it's link in the URL and it worked! It opened the webpage! whatever I type in the search engine and press "search" it doesn't work!
do I have to change settings somewhere?
👍: 0 ⏩: 1
i'm just a lil confused lol.
is the google.com webpage a copy of google.com website you saved?
👍: 0 ⏩: 1
I'm sorry for making you confused.
Well, the whole problem is that it doesn't look for the URL in the web! It looks for it in the folder where I saved my website-made-by-photoshop.
and thank you
👍: 0 ⏩: 1
lol its ok, it might make it easier for me to understand if i wasn't constantly partying and clubbing haha.
so are you trying to access what you made over the internet? have you uploaded it to something?
👍: 0 ⏩: 1
Yes, I'm trying to access the internet through what I made with photoshop. O.O
and No, I haven't uploaded it to anything.
O.O
Okay thank you
I got it XD
I'm super sorry and grateful for your help and care.
thank you
*face grows hot*
👍: 0 ⏩: 1
its ok
i really should put a new tutorial up sometime lol
👍: 0 ⏩: 1
*waits for the new tutorial*
And thanks a zillion for being so helpful :(
👍: 0 ⏩: 1
its ok :3
next tutorial will most likely involve coding a bit.
👍: 0 ⏩: 1
Interesting!
I been always waiting for one :3
👍: 0 ⏩: 0
really helpful thank you for making this tutorial
👍: 0 ⏩: 1
its all good
👍: 0 ⏩: 0
How have I lived my entire life without this? I have no idea.
You have opened a whole new world to me
I LOVE IT.
👍: 0 ⏩: 1
glad u like it
👍: 0 ⏩: 0
dont think so, then again its 4am here and i just got back from clubbing haha.
u could get a trial verison of Photoshop and do it
👍: 0 ⏩: 1
Thanks for the tutoarial^^
But I 'v noticed that this is an old way of making a website, but I'm kinda new to all this web making and I'm currently trying to make my own^^
I Hope you can make more tutorials soon that would be great
👍: 0 ⏩: 1
yeah its old lol, i'm far beyond this now
pm me if you need help with anything
👍: 0 ⏩: 1
This really is the old-school way (2001) of creating websites.
You know how webdesigners make websites these days?
👍: 0 ⏩: 1
lol this was uploaded ages ago lol.
and yeah, being a freelance web developer lol PHP, MySQL, HTML, CSS etc...
i thought of uploading something more advanced but haven't had time or anything :C
👍: 0 ⏩: 1
its ok :3 glad it helped
👍: 0 ⏩: 0
thats what its meant to be 
^_^
👍: 0 ⏩: 0
its all good
👍: 0 ⏩: 0
Great tutorial =] Do you happen to know of any free/cheap programs with a slice tool? I can't find one on my GIMP 2 download, or my PS Elements 3.0...
👍: 0 ⏩: 1
| Next =>