Please help on these questions...

Discussion in 'Web Design and Development' started by Eazkk123, Dec 2, 2007.

  1. Eazkk123 macrumors member

    Joined:
    Jan 17, 2007
    #1
    I really like the website www.ge.com and would like to know...

    - How does ge.com website load up so fast?

    - How do I take there basic layout (without pictures or anything) just the layout and import it to photoshop and dreamweaver?

    - The size of the white box which holds the site expands relative to the amount of text how do they do that?

    Help Appreciated. Thank you. :)
     
  2. Photomax macrumors regular

    Joined:
    Nov 26, 2007
    Location:
    Seattle
    #2
    It would be pretty easy to recreate that layout generally. Be careful about following one particular design as your creation will look just like it which is a form of plagiarism.

    Most of the better designs like this are done with Modern Web Standards. A CSS file is doing all the work for the appearance. There is a set background color, a set width for the white box and a mixture of margins and padding to position the various elements.

    If the white box does not have a drop shadow then no graphics are needed. CSS will set the box to white. If a drop shadow is present then the CSS is using a background image to display the box. Rather than using a full size image (which would be slow to download) the CSS will use a tiny sliver of the graphic (cropped in Photoshop etc) and then repeat it down the X or Y axis. This saves bandwidth and the box will expand or contract as needed to surround the content.

    The best way of creating an elegant design is with lean structured XHTML and CSS...
     
  3. Fleetwood Mac macrumors 65816

    Fleetwood Mac

    Joined:
    Apr 27, 2006
    Location:
    Canada
    #3
    1) They're using fast dedicated servers and not shared hosting accounts.
    2) Don't bother, make your own. It would take five minutes to hammer out the typography, background and a container div. I'd do a good job for five bucks :p
    3) This is built in functionality for div's and table cells.
     
  4. Eazkk123 thread starter macrumors member

    Joined:
    Jan 17, 2007
    #4
    Help...

    Can someone provide me with there css style sheet and the basic layout? So I can import to photoshop or dreamweaver, I remember my cousin did this and I would like to know how. Also does ge.com use javascript?

    Help Appreciated. :)
     
  5. Photomax macrumors regular

    Joined:
    Nov 26, 2007
    Location:
    Seattle
    #5
    Use Firefox to see how sites are built. Download the Web Developers kit and the Firebug kit from Firefox directly.

    Learn more about html and CSS here: http://www.w3.org/

    Look for the brown box on the left that says "W3C A to Z" and then study the CSS and HTML pages.

    If you want to learn to do this effectively then learn how to combine XHTML and CSS. Its better than learning (and spending $400) on Dreamweaver.

    You might want to use a CSS editor. A good one is Style Master which comes with a great tutorial. http://westciv.com/

    Good luck!
     
  6. angelwatt, Dec 2, 2007
    Last edited by a moderator: Jan 14, 2011

    angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #6
    If you don't know how to get the CSS you won't likely be able to make very good use of it. You just have to look at the source code and see the url for their CSS, that's it.

    You'll likely need to learn a bit more about web design before you'll be able to do anything with it. Just letting you know.
     

Share This Page