Advertise on Bikeforums.net



User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 36
  1. #1
    la vache fantôme phantomcow2's Avatar
    Join Date
    Aug 2004
    Location
    NH
    Posts
    6,266
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How wide should I design a website?

    I'm building a website that will eventually become a small online store. Because I'm more familiar with photoshop, I'll be making it there, slicing the images, and a friend of mine will import it into dreamweaver. I remember in high school I took a class that dabbled in web design and the teacher always suggested making the site 800px wide, so anybody with 800x600 can view it without scrolling sideways. That was six years ago. Does anybody still use 800x600? I haven't seen anyone run less than 1024px wide for a few years. Would it be prudent to keep it 800 wide, or can I expand that a hundred pixels -- or even push it to 1024?
    C://dos
    C://dos.run
    run.dos.run

  2. #2
    The Site Administrator: Currently at home recovering from a couple of strokes,please contact my assistnt admins for forum issues Tom Stormcrowe's Avatar
    Join Date
    Mar 2006
    Location
    South Florida
    My Bikes
    Techna Wheelchair and a Sun EZ 3 Recumbent Trike
    Posts
    16,007
    Mentioned
    10 Post(s)
    Tagged
    4 Thread(s)
    Why not design a render that will work on multiple resolutions?
    on light duty due to illness; please contact my assistants for forum issues. They are Siu Blue Wind, or CbadRider or the other 3 star folk. I am currently at home recovering from a couple of strokes. I am making good progress, happily.


    . “He who fights with monsters might take care lest he thereby become a monster. And if you gaze for long into an abyss, the abyss gazes also into you.”- Fredrick Nietzsche

    "We can judge the heart of a man by his treatment of animals." - Immanuel Kant

  3. #3
    Blocking your fire exits coffeecake's Avatar
    Join Date
    Aug 2009
    Location
    sa-saska-what
    My Bikes
    Xtracycle conversion, RM Sherpa 30, Opus Mondano, Omega mixte, Norco Sasquatch (early 80's)
    Posts
    641
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Web Design Ledger is a pretty good resource. As for the 800 px resolution, you'd be terrified to see what some people are still using.
    Most people are other people. Their thoughts are someone else's opinions, their lives a mimicry, their passions a quotation.
    ~ Oscar Wilde

  4. #4
    la vache fantôme phantomcow2's Avatar
    Join Date
    Aug 2004
    Location
    NH
    Posts
    6,266
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Tom Stormcrowe View Post
    Why not design a render that will work on multiple resolutions?
    Because I'm a noob. I'm making a pretty design in photoshop that's a fixed width.
    C://dos
    C://dos.run
    run.dos.run

  5. #5
    Senior Member
    Join Date
    Jun 2008
    Location
    Near Sacramento
    Posts
    4,872
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Keep it simple. You don't want to build a website that is dependent on screen widths. Lots of folks now are using internet enabled phones and other minimal graphics interfaces. Keep that in mind.
    -------

    Some sort of pithy irrelevant one-liner should go here.

  6. #6
    You Know!? For Kids! jsharr's Avatar
    Join Date
    Apr 2005
    Location
    Just NW of Richardson Bike Mart
    My Bikes
    '05 Trek 1200 / '90 Trek 8000 / '? Falcon Europa
    Posts
    6,082
    Mentioned
    11 Post(s)
    Tagged
    3 Thread(s)
    17 feet, six inches.
    Are you a registered member? Why not? Click here to register. It's free and only takes 27 seconds! Help out the forums, abide by our community guidelines.
    Quote Originally Posted by colorider View Post
    Phobias are for irrational fears. Fear of junk ripping badgers is perfectly rational. Those things are nasty.

  7. #7
    riding once again jschen's Avatar
    Join Date
    Oct 2005
    Location
    San Diego, CA
    My Bikes
    '06 Cervelo R3, '05 Specialized Allez
    Posts
    7,360
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not everyone wants to view at full screen width even if they've got the room to spare. I own a 17" MacBook Pro, but if you make a page that requires 1024 pixels horizontal to look right, it won't look right when I first visit your page at my typical browser window size. 800 pixels across is reasonable. If you want me to give you 1024 pixels, you'd better have a REALLY good reason. Pretty isn't a good reason. Do you REALLY need more than 800 pixels across for good functionality, good ergonomics, and an uncluttered feel?
    If you notice this notice then you will notice that this notice is not worth noticing.

  8. #8
    Footballus vita est iamlucky13's Avatar
    Join Date
    Jun 2002
    Location
    Portland, OR
    My Bikes
    Trek 4500, Kona Dawg
    Posts
    2,118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The overwhelming majority of monitors now display natively at 1024 pixels or wider, but there are plenty of people like my parents who turn the screen resolution down to increase the view size because it seems simpler to them than changing the font and icon sizes for their operating system.

    There's also an increasing number of users with mobile devices that are 320 pixels wide or even smaller. Realistically those are best served using a second stylesheet, but since you've already said you plan to build the site fixed as a photochop, that's not much use to you.

    For my website, I used a fluid layout that defines widths as percentages of the screen width using CSS.

    For what you're doing, I wonder if it might be wiser to help them set up a hosted ecommerce service. It's taken almost two decades, but there's finally starting to be decent looking and flexible options for small businesses to conduct online sales without the upfront expense of building and hassle of maintaining the site themselves. It's not ideal for all, but it's an option.
    "The internet is a place where absolutely nothing happens. You need to take advantage of that." ~ Strong Bad

  9. #9
    la vache fantôme phantomcow2's Avatar
    Join Date
    Aug 2004
    Location
    NH
    Posts
    6,266
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Jschen, you've convinced me: I'll make it 800px. I too sometime don't use my entire window to view websites, especially when I'm pretending to be productive at work. I didn't think of that!

    The other reason I'll make it 800px is because the product for sale will most likely be purchased by middle-aged people and above. I don't expect them to be rockin 24" widescreens

    Is a homepage size of 125kb too large? I expect it to be around that, but definitely not over.
    Last edited by phantomcow2; 07-08-10 at 07:10 PM.
    C://dos
    C://dos.run
    run.dos.run

  10. #10
    la vache fantôme phantomcow2's Avatar
    Join Date
    Aug 2004
    Location
    NH
    Posts
    6,266
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I do plan on learning Dreamweaver; I've already begin delving into CSS and plan on making a full CSS version of the site for mobile devices. Going with a pre-packaged ecommerce website is against everything I stand for. It is not, never has been or will be an option. I appreciate the suggestion, it's just that I want this to be a learning experience for me.
    C://dos
    C://dos.run
    run.dos.run

  11. #11
    riding once again jschen's Avatar
    Join Date
    Oct 2005
    Location
    San Diego, CA
    My Bikes
    '06 Cervelo R3, '05 Specialized Allez
    Posts
    7,360
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Remember to allow for scroll bars on the side, borders in windows (whatever the typical size in WinXP should be fine), etc. You don't get to use ALL of that 800 pixels! To me, 125 kB for a homepage seems a bit excessive, but by modern standards, it's acceptable. Heck... Google's homepage takes up approximately 100 kB (just checked).
    If you notice this notice then you will notice that this notice is not worth noticing.

  12. #12
    your nightmare gal chipcom's Avatar
    Join Date
    Sep 2005
    Location
    The Cracker Factory
    Posts
    24,352
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Liquid design that adjusts to any resolution (gracefully degrading for a set minimum width) is best.
    Set widths are so 90s and scream "amateur!" (or "clueless marketing weenie with a print background")
    Set width of only 800 is even worse.
    "Let us hope our weapons are never needed --but do not forget what the common people knew when they demanded the Bill of Rights: An armed citizenry is the first defense, the best defense, and the final defense against tyranny. If guns are outlawed, only the government will have guns. Only the police, the secret police, the military, the hired servants of our rulers. Only the government -- and a few outlaws. I intend to be among the outlaws" - Edward Abbey

  13. #13
    Pwnerer Wordbiker's Avatar
    Join Date
    Jun 2005
    Location
    Pagosa Springs, CO, USA
    My Bikes
    Road, MTB, Cruiser, Chopper, BMX
    Posts
    2,878
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Make it wide enough for chipcom's ass.
    Quote Originally Posted by ahsposo View Post
    Ski, bike and wish I was gay.

  14. #14
    riding once again jschen's Avatar
    Join Date
    Oct 2005
    Location
    San Diego, CA
    My Bikes
    '06 Cervelo R3, '05 Specialized Allez
    Posts
    7,360
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Using a fixed width (750 pixels of content, centered on a boring background) on their corporate website didn't stop ITA Software from becoming an industry leader. It didn't scare away $100 million of venture capital during a time when VC deals were all but nonexistent. And it didn't deter Google from deciding to buy the company for $700 million. There is nothing wrong with a design that's simple and functional. It's not that the ability to adjust to other resolutions is bad. But it's not necessary, so for PC2's first webpage, I'd recommend simple and functional. Plain functionality beats eye candy without substance any day. And for just getting started, it will be a lot easier to troubleshoot and maintain.

    Disclaimer: As an ITA Software consultant, I am a bit biased.
    If you notice this notice then you will notice that this notice is not worth noticing.

  15. #15
    Senior Member chi-james's Avatar
    Join Date
    Sep 2009
    My Bikes
    team miyata, '73 p-14, MB-3, centurion lemans, Mystery TT, mongoose atb '85
    Posts
    331
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    building a online store is a solved problem lots of pre-built web store fronts available, the idea of framing out a webpage and then cutting it up to fit html tables is pretty archaic nowadays and in my recollection is/was apropos "brochure ware" websites.

    if you're set on "building" it your self, I'd start with one of the many available css templates that you can find in various places online and go from there.

  16. #16
    la vache fantôme phantomcow2's Avatar
    Join Date
    Aug 2004
    Location
    NH
    Posts
    6,266
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Obviously the consensus is that a liquid design is best. This is accomplished by CSS, correct? I don't fully understand. Will the banner I create be scaled down?

    Photoshop has the option to either use CSS or html tables.
    C://dos
    C://dos.run
    run.dos.run

  17. #17
    -=Barry=- The Human Car's Avatar
    Join Date
    Apr 2006
    Location
    Baltimore, MD +/- ~100 miles
    Posts
    4,077
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can achieve a lot of scalability by using width attribute in percents over pixels.
    i.e. <img src="whatever.jpg" width="80%" />
    Cycling Advocate
    http://BaltimoreSpokes.org
    . . . o
    . . /L
    =()>()

  18. #18
    billyymc
    Guest
    Quote Originally Posted by Wordbiker View Post
    Make it wide enough for chipcom's ass.
    jscharr already said that

  19. #19
    You Know!? For Kids! jsharr's Avatar
    Join Date
    Apr 2005
    Location
    Just NW of Richardson Bike Mart
    My Bikes
    '05 Trek 1200 / '90 Trek 8000 / '? Falcon Europa
    Posts
    6,082
    Mentioned
    11 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by billyymc View Post
    jscharr already said that
    Is 17' 6" wide enough?
    Are you a registered member? Why not? Click here to register. It's free and only takes 27 seconds! Help out the forums, abide by our community guidelines.
    Quote Originally Posted by colorider View Post
    Phobias are for irrational fears. Fear of junk ripping badgers is perfectly rational. Those things are nasty.

  20. #20
    Chepooka StupidlyBrave's Avatar
    Join Date
    Sep 2006
    Location
    South Central PA
    My Bikes
    1990 Trek 1400 7spd; 2001 Litespeed Arenberg 10 speed
    Posts
    1,155
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Does this server make my website look bigger?

  21. #21
    Senior Member Ultraslide's Avatar
    Join Date
    Mar 2010
    Location
    Evansville, IN
    My Bikes
    73 Raleigh Supercourse, 99 Specialized Stumpjumer, 08 LeMond Tourmalet
    Posts
    782
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Liquid designs, imho, are only useful where the end user has some control of the content, like iGoogle. Fixed width designs tend to look and function best for content merged into a static presentation, ala Facebook - fixed at 1024 - and the second most visited site on the web.

  22. #22
    derailleurs are overrated bigbenaugust's Avatar
    Join Date
    Feb 2005
    Location
    KIGX
    My Bikes
    2009 Motobecane Fantom CX, 2011 Windsor Shetland mini-velo, 2012 Motobecane Fantom Cross Uno SSCX
    Posts
    1,691
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    3200px wide! (dual 1600x1200 here)
    --Ben
    Carrboro Bike Coalition - putting the "bike" in "CARrboro" :)
    2011 Motobecane Fantom Cross Uno, 2009 Motobecane Fantom CX
    Previously: 2000 Trek 4500 (2000-2003), 2003 Novara Randonee (2003-2006), 2003 Giant Rainier (2003-2008), 2005 Xootr Swift (2005-2007), 2007 Nashbar 1x9 (2007-2011), 2011 Windsor Shetland (2011-2014)
    Current Linux Usage (by machine): Arch: I Debian: II openSUSE: I

  23. #23
    your nightmare gal chipcom's Avatar
    Join Date
    Sep 2005
    Location
    The Cracker Factory
    Posts
    24,352
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Wordbiker View Post
    Make it wide enough for chipcom's ass.
    whoa, I may need a bigger monitor!
    "Let us hope our weapons are never needed --but do not forget what the common people knew when they demanded the Bill of Rights: An armed citizenry is the first defense, the best defense, and the final defense against tyranny. If guns are outlawed, only the government will have guns. Only the police, the secret police, the military, the hired servants of our rulers. Only the government -- and a few outlaws. I intend to be among the outlaws" - Edward Abbey

  24. #24
    your nightmare gal chipcom's Avatar
    Join Date
    Sep 2005
    Location
    The Cracker Factory
    Posts
    24,352
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Ultraslide View Post
    Liquid designs, imho, are only useful where the end user has some control of the content, like iGoogle. Fixed width designs tend to look and function best for content merged into a static presentation, ala Facebook - fixed at 1024 - and the second most visited site on the web.
    This is what us old purists call "print" and marketing" thinking. Just because a site is popular does not mean that it is as usable and accessible as it could be, which could make it even more popular...and perhaps even encourage old grouches like me to consider joining.

    Optimally, the site would be able to present the same content in a wide variety of presentations, based upon the user-agent and the user settings we can sniff on the client side. Meh, I'm rambling. Your point is perfectly valid, just not my way of thinking.
    "Let us hope our weapons are never needed --but do not forget what the common people knew when they demanded the Bill of Rights: An armed citizenry is the first defense, the best defense, and the final defense against tyranny. If guns are outlawed, only the government will have guns. Only the police, the secret police, the military, the hired servants of our rulers. Only the government -- and a few outlaws. I intend to be among the outlaws" - Edward Abbey

  25. #25
    your nightmare gal chipcom's Avatar
    Join Date
    Sep 2005
    Location
    The Cracker Factory
    Posts
    24,352
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by StupidlyBrave View Post
    Does this server make my website look bigger?
    "Let us hope our weapons are never needed --but do not forget what the common people knew when they demanded the Bill of Rights: An armed citizenry is the first defense, the best defense, and the final defense against tyranny. If guns are outlawed, only the government will have guns. Only the police, the secret police, the military, the hired servants of our rulers. Only the government -- and a few outlaws. I intend to be among the outlaws" - Edward Abbey

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •