PDA

View Full Version : Another new site, made on Photoshop

tkd
3rd of August 2006 (Thu), 04:52
Hi,

I have finally got my site online, please take a miute to flick through it.

http://www.timkdavies.co.uk (http://www.timkdavies.co.uk/)

Its only really a temporary design until I get my head around Dreamweaver.

cheers, tkd
MagicallyDelicious
3rd of August 2006 (Thu), 05:06
Nice easy to navigate.

Lovely Black & White work :)
backlot
3rd of August 2006 (Thu), 11:49
any particular reason you are not using your domain name address vs. hotmail?
and you really need to have a link from you different galleries back to home page
:cool:
tkd
3rd of August 2006 (Thu), 16:40
thanks for the comments.

backot, i appreciate yours most, constructive critisism (which isnt given enough on these forums).
i will get on top of that domain e-mail address. and secondly photoshop galleries dont seem to provide a link back to the homepage... or at least i dont know about it.

cheers
Box Brownie
3rd of August 2006 (Thu), 17:31
HTML and web design is not my best subject but I notice that the various pages you have all end in index.html

Well, a site can only have one index.html page

Try saving the 'sub' pages as e.g. /bugs.html then they should transition in the same window.

HTH and works as I describe :)
Flodev
3rd of August 2006 (Thu), 19:32
From user interface design point of view I must say the main layout is not very good (sorry :(). It is not clear that the 3 images are a menu.. it more looks like a misplaced banner. So try making a nice banner for the top perhaps, make those 3 images not as wide and place them next to each other, sepperated with borders. (great tip: http://www.usability.gov/) Also a overall padding of 10px or so might look nice.. or center everything?

for instance:
centering everything
<div class='everything'> ALL YOUR CONTENT HERE </div>
and in the header write:
<style type='text/css'>
body{
text-align:center;
}
.everything{
width:800px;
margin:auto;
}
</style>

padding of 10px (so that stuff doesnt stick to the left border)
add this to your body tag:
style='padding-left:10px;
so it looks like this:
<body style='padding-left:10px'>

I hope this is some insight..

regards,
Flo