Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Eazkk123

macrumors member
Original poster
Jan 17, 2007
62
0
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. :)
 
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...
 
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.
 
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. :)
 
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!
 
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. :)

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.
 
Last edited by a moderator:
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.