PDA

View Full Version : Please help on these questions...




easahk
Dec 2, 2007, 08:34 AM
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. :)



Photomax
Dec 2, 2007, 12:04 PM
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...

Fleetwood Mac
Dec 2, 2007, 12:05 PM
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.

easahk
Dec 2, 2007, 12:31 PM
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. :)

Photomax
Dec 2, 2007, 01:37 PM
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!

angelwatt
Dec 2, 2007, 07:23 PM
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.