Discussion in 'Personal and Professional Photography Websites' started by acluckhardt, Sep 10, 2005.
I took a quick at the site...looks pretty good. My only comment on the site itself is that you might want to change the white writing to a darker color...it's kind of hard to read on the green background...but that could just be me
As far as the pics, I'm too new to comment on the quality, but I really like the one of the tree with the snow (I think it's the second one on the portfolio page. I also like the country road one.
Keep up the good work!
now thats interesting, you've used microsoft office to create a website? I didn't know that was possible . Its not a big deal, but you may want to use a program to clean up some of the source html, as m$ buts alot of stuff in the source thats not needed. If this is the first website you've built I'm impressed, good effort matey
You got some promising work there - I too like the picture of the snowy tree. thanks for sharing your site.
Keep it as a single image and save it as a gif or a jpg but it seems that you have too many dpi for this to load quickly. They are relatively small files each but there is something going on with it. Could even be your host not having a fast enough connection because it's pretty slow here and we have 4meg cable.
alex, check the webmaster sticky thread above, there is a download speed tool there thats quite handy for measuring your sites performances and gives a decent analysis of what you need to do for faster download times.
To optimise it for speed, you should try to make what ever text in the graphic as text on the website and use tables, inline styles to format it correctly. It may not look exactly how you want it too, but download time will never be an issue.
Below probably will not be very precise, but its the approach i would take. Its just to give you some ideas of the possibilities:
This is how I would seperate the image elements:
1. The background (starbust)
2. The globe
3. the rest can be done with tables and stylesheets/inline styles
With the image you have. you can position the starburst image in the background of a table cell as gif. My guess is that you you only need to save the image with 32 colours, its only black and white. that should save some download time.
Within the table that contains the gif above, you can then place a table within the center with your text. The font looks like Arial, so you should be safe by using it on your website. You make the borders red by using inline styles - just experiment with those until you get it right:
Finally you can put the gold globe there on the left. You have to do quite a bit of tweaking to get the rays aligned with the background with the globe streaks.
try padding the image borders with space to position it pixel by pixel, ie:
<img src="globe.gif" style="padding:10px 2px 5px 0px;">
for your reference its padding:top, right, bottom, left (clockwise).
in addition, i think there is some css style where you can change the transparency of the image (alpha) do you could get the globe to blend into the background. But i would imaging this isn't compatible across most browsers.
I myself would leave the globe without the transparency, i think its a bit more bold that way.
Besides using tables and table cells mentioned above, you can also structure the whole thing in css which is very tidy way of building websites, although the learning curve is a bit higher and you have to do alot of browser tweaks, but you can build really slick sites that can load very quickly with very efficient code.
Coming from a fellow 14 year old webdesigner:
I like the site, but the background images can get distracting. Try a gradient, or a nice solid color instead.
Use CSS to control your fonts, and layout. Tables weren't meant for layouts. They are designed to hold tabular data.
Using 3 lines of CSS can save you from needing to put: border="0" on all of your images
Using CSS you could eliminate the need for <font> tags every 10 lines.
Using CSS you could cut the loading time in 1/2.
In your portfolio, you have a side-to-side scroll bar. That is generally looked down upon.
If you have AIM, let me know. I can help you out with some other stuff.
Separate names with a comma.