A&P Website

Discussion in 'Lifestyle' started by horselover fat, Mar 29, 2010.

  1. horselover fat

    horselover fat in your driveway stealing your internet

    Joined:
    Mar 30, 2007
    Messages:
    625
    Likes Received:
    0
    finally got around to putting together a website, still some things to do to it and some more gallerys to add but the majority of it is complete.

    http://www.inthrutheoutdoor.net/index.html



    i would love any and all feedback




    also if there is anyone half assed versed in photoshop that could help me with my watermark idea that would be awesome too
     
  2. SkiMax

    SkiMax OT Supporter

    Joined:
    Dec 11, 2004
    Messages:
    26,750
    Likes Received:
    41
    Location:
    Chicago
    I would suggest making some kind of unique version of your name rather than just typing it in some generic font... I think that is one thing keeping it from looking really professional. maybe have a different kind of navigation menu ready as well because you're going to really run out of space once you get more galleries lined up there.
     
  3. horselover fat

    horselover fat in your driveway stealing your internet

    Joined:
    Mar 30, 2007
    Messages:
    625
    Likes Received:
    0
    you talking about using my name as the watermark?
     
  4. jared_IRL

    jared_IRL OT Supporter

    Joined:
    Feb 12, 2006
    Messages:
    17,737
    Likes Received:
    55
    He's talking about making a logo instead of just having your font spelled out in a generic MS word font. I agree

    just being honest - a couple things:

    Not digging the name. it's long and confusing. Hard to get people to remember.

    'casual photography of just about anything' - followed up ONLY by panning images of racecars = huh?

    sideways scrolling FTL. It took me 5 minutes to realize that it scrolled.

    That's all I got.
     
  5. SkiMax

    SkiMax OT Supporter

    Joined:
    Dec 11, 2004
    Messages:
    26,750
    Likes Received:
    41
    Location:
    Chicago
    no the yellow tex on the top right of each page
     
  6. percent

    percent deluded

    Joined:
    Jan 5, 2004
    Messages:
    12,371
    Likes Received:
    0
    Location:
    The Desert West
    None of the photographs showed up for me.
    The right click-disable script you are using is buggy. It takes two clicks to close the box. And disabling right click is annoying. It stops me from using things like "Right Click->Open link in new window" and tons of other stuff and doesn't do much of anything as far as protecting your images (people can always print screen).
     
  7. horselover fat

    horselover fat in your driveway stealing your internet

    Joined:
    Mar 30, 2007
    Messages:
    625
    Likes Received:
    0

    i know, i have to add some more galleries which ill do tonight

    also it didnt start to autoscroll for you when u went to the galleries? its suppose too

    i do have an idea for a logo but im not very adept at photoshop, basically i want a silhouette of a door opening in with maybe a stick figure coming thru and an EXIT sign over the door


    and for the menu i was just planning on having 4 or 5 current and then a link to archived photos



    i like the name but im flexible on changing the font to something else if/when i can get my logo completed
     
  8. horselover fat

    horselover fat in your driveway stealing your internet

    Joined:
    Mar 30, 2007
    Messages:
    625
    Likes Received:
    0

    will be changing that, its a default setting on the template i used


    pictures should show up now too, was messing with their permissions
     
  9. U Think U Know

    U Think U Know OT Supporter

    Joined:
    Jan 23, 2002
    Messages:
    944
    Likes Received:
    0
    Location:
    Mercer Island, WA
    What screen resolution are you developing for? A lot of important things (like the navigation and the rest of that main image) are cutoff on the site. This is what the site looks like in a 1024 x 768 browser window:

    [​IMG]
     
  10. horselover fat

    horselover fat in your driveway stealing your internet

    Joined:
    Mar 30, 2007
    Messages:
    625
    Likes Received:
    0

    even if u scroll down? i set it up for 1600 width


    tbh i hadnt really considered that, i guess i didnt think anyone would be using 1024x768
    ill look into seeing if i can get it setup so it shows correctly
     
  11. tetsuo

    tetsuo And shepherds we shall be...

    Joined:
    May 6, 2004
    Messages:
    9,444
    Likes Received:
    0
    1024x768 is the most common browser size on the net right now. always build for the lowest common denominator and then if you can have it scale up to a larger res, or have it center itself in case someone is using a higher res.

    also, the side scrolling isn't working for me in firefox. i only get an option to scroll up and down, not side to side.
     
  12. horselover fat

    horselover fat in your driveway stealing your internet

    Joined:
    Mar 30, 2007
    Messages:
    625
    Likes Received:
    0
    hmm, idk what is going on with the scrolling then

    works in both IE and Firefox for me



    maybe i will just get rid of the auto scrolling and put in scroll bars
     
  13. SkiMax

    SkiMax OT Supporter

    Joined:
    Dec 11, 2004
    Messages:
    26,750
    Likes Received:
    41
    Location:
    Chicago
    I made my website 800px wide so I knew I would never have a problem with people scrolling laterally...
     
  14. Girth

    Girth ¯\_(ツ)_/¯ OT Supporter

    Joined:
    Jun 28, 2002
    Messages:
    71,418
    Likes Received:
    107
    Location:
    Houston
    Beyond anything, the name of the site is very odd and long. Nothing seems to stand out even though you have some good pictures.
     
  15. horselover fat

    horselover fat in your driveway stealing your internet

    Joined:
    Mar 30, 2007
    Messages:
    625
    Likes Received:
    0

    appreciate the comment on the pictures



    as for the hate on the name, idk, wasnt expecting that
    i guess i was just trying to make something simple and let the pictures speak for themselves, although i know i need to get at least 2 more galleries up of non car related photography


    but thanks for the comments and im going to try to work out the sizing issue
     
  16. White Stormy

    White Stormy Take that, subspace!

    Joined:
    Sep 17, 2002
    Messages:
    85,489
    Likes Received:
    70
    Location:
    Sparkopolis
    You don't really have enough content to need your own site, and even if you did, you'd probably be better off just using Smugmug anyway.
     
  17. horselover fat

    horselover fat in your driveway stealing your internet

    Joined:
    Mar 30, 2007
    Messages:
    625
    Likes Received:
    0
    so what are the advantages of smugmug over a website? do u get more exposure? ease of selling prints?
     
  18. White Stormy

    White Stormy Take that, subspace!

    Joined:
    Sep 17, 2002
    Messages:
    85,489
    Likes Received:
    70
    Location:
    Sparkopolis
    1. Smashing Magazine has a post that mentions reading gravity (Tip #8). Your layout basically ignores the primary optical area and leaves the terminal area to uninteresting and confusing navigation.
    2. You have two "ALMS Mid Ohio 09" links with nothing to differentiate them. Why?
    3. Use title attributes on links to better explain them to the user. E.g.:
      Code:
      <a href="ALMS1.html" title="American Le Mans Series at Mid-Ohio (2009)">ALMS Mid-Ohio 09</a>
    4. If you're just going to use text for the logo, use text. Don't use an image of text.
    5. "Logo" isn't a proper use of the alt attribute on image content. The alt attribute should be capable of completely replacing the image on the page without losing context. A more proper alt attribute for your text-image would be "In Thru the Out Door Photography". It looks to me like the "2010" in the logo is there just for stylistic reasons and doesn't really add value to the content, so it's ok to leave that out.
    6. The text content area on the index page is blank... that's a pretty big waste of space.
    7. I suppose for a photo gallery site, it isn't really necessary to have proper alt attributes on all images in the portfolio, but you may have users who would benefit from them, anyway. At least use the title attribute to describe the image.
    8. The About page seems wholly unnecessary. That one sentence is something that could easily be added to the index/home page.

    edit: those are just the first things I noticed. My point is that a lot more goes into a great site than you probably realize (one of the reasons I recommended Smugmug).
     
    Last edited: Mar 30, 2010
  19. horselover fat

    horselover fat in your driveway stealing your internet

    Joined:
    Mar 30, 2007
    Messages:
    625
    Likes Received:
    0
    1. Never heard of Smashing Magazine(but thank you for providing a link, i did look at the article) but i will say that while it is true i did ignore their primary optical area the terminal area is where the navigation links are and while to me they were clear i guess to someone who isnt acquainted with racing or american le mans in particular could become confused i will try to change the name of the galleries to more suit the general public

    2. i can sort of understand why that can be confusing, especially to someone who isnt familiar with racing, and i'll change it so it reflects as being 2 different galleries; ie "ALMS Mid Ohio 09 Gallery 1", "ALMS Mid Ohio 09 Gallery 2"

    3. i guess im not sure what your referring too here(i have been drinking so bare with me) are you saying what is displayed on IE tabs? or the actually URL? if it is what is displayed on the tab i have keep that the same, at least in IE7. if you are referring to the actually URL then it displays the different galleries as ALMS1 and ALMS2 which would match point 2. as im going to change it

    4. Why? its easier on me to use an image then type it out

    5. I guess im not understanding what "alt attribute" means? your describing it as an image(which it is) but saying that that the date is there for stylistic reasons and not for substantial reasons which i put there to both show obviously year and to spruce up the "logo" as i dont have a decent watermark/logo set atm.

    6. i agree and i know i have to add more

    7. again im not to sure about what you mean by "alt attributes" unless you mean the title of the specific images themselves which i can edit and make them reflect their subject

    8. i agree completely and it will be removed
     
  20. White Stormy

    White Stormy Take that, subspace!

    Joined:
    Sep 17, 2002
    Messages:
    85,489
    Likes Received:
    70
    Location:
    Sparkopolis
    HTML elements can have attributes.
    When you're adding an image in HTML, you use:
    Code:
    <img src="example.jpg" />
    img is the element, src is the attribute, "example" is the attribute value, but src is not the only valid attribute for the img element. Two attributes of which you should be aware are alt and title.

    The title attribute:
    The alt attribute:
    So in a photo gallery that exists to display the graphical form of the photo, the image is a key part of the content, but a textual replacement wouldn't mean anything, so alt attributes would not be necessary. However, for other image content on your site, like the logo, you should use them. Really, you should use title attributes on all images that are part of the content.
     
  21. White Stormy

    White Stormy Take that, subspace!

    Joined:
    Sep 17, 2002
    Messages:
    85,489
    Likes Received:
    70
    Location:
    Sparkopolis
    It isn't really necessary, but there are a few decent reasons:
    1. The future: With a text element, making a modification to the meaning of the element is as simple as opening a text editor. When you use images for text content, though, making changes is more difficult. If you want to change the color of text in your logo, instead of changing a single color value in a CSS sheet, you have to load up an image editor. Separating content from style is good practice
    2. Speed: The logo image isn't very big (5KB), but it's still probably 20x bigger than the required HTML+CSS for a similar look. The bandwidth required to send the logo image out to 1 person could have been used for 20 people with a text element. And on an already image-heavy site (a gallery), it could be to your advantage to reduce the number of unnecessary HTTP requests made per page.
    3. Compatibility with older browsers: PNGs are great, but older browsers (especially IE) really suck with them. They all handle text just fine, though.
    4. Nontraditional browsers: Mobile phones, gaming devices, screen readers. I suppose it's unlikely that any blind people would be visiting a photo gallery, but accessibility is still a good goal to have..
     
  22. horselover fat

    horselover fat in your driveway stealing your internet

    Joined:
    Mar 30, 2007
    Messages:
    625
    Likes Received:
    0
  23. White Stormy

    White Stormy Take that, subspace!

    Joined:
    Sep 17, 2002
    Messages:
    85,489
    Likes Received:
    70
    Location:
    Sparkopolis
    You added good alt text to the logo. Title attributes on the ALMS links are good, but I would go ahead and add titles to all of the links instead of just the two.

    Instead of having the alt text on gallery photos set to an empty string:
    Code:
    <img src="large/1.jpg" alt="" title="Dodge Viper Competition Coupe Driven by Jeff Courtney" />
    you should leave it out completely (unset)
    Code:
    <img src="large/1.jpg" title="Dodge Viper Competition Coupe Driven by Jeff Courtney" />
     

Share This Page