Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> Deciphering Code, Code disassembling process of major sites
FirefoxRocks
post Jul 30 2006, 06:23 PM
Post #1


Super Member
*********

Group: Members
Posts: 273
Joined: 14-April 06
From: Ontario, Canada, North America, Planet Earth
Member No.: 21,845



Can anyone actually get the code from the home pages of MSN, Yahoo!, Yahoo! Canada and eBay?
I tried view Source and then copied it into an HTML editor, it took a while to decipher the code.

How can I make my websites look like Yahoo! or MSN's if I cannot understand why they used the CSS in the first place? Do they use special software to design the page?

By the way, if you can give me some tips on how to make my front page like theirs, it would be greatly appreciated.
Go to the top of the page
 
+Quote Post
rvalkass
post Jul 30 2006, 07:50 PM
Post #2


apt-get moo
Group Icon

Group: [MODERATOR]
Posts: 2,048
Joined: 28-May 05
From: Hertfordshire, England
Member No.: 7,593
Spam Patrol



Do you simply want to mimic the layout or the functionality too? If you want to mimic the layout then copying the source will give you an exact replica, although quite often images will not appear etc. The sites all use CSS to create the page. I think MSN and eBay store it in a separate file, while Yahoo has put a couple of thousand lines of CSS at the start of the HTML!

QUOTE
How can I make my websites look like Yahoo! or MSN's if I cannot understand why they used the CSS in the first place? Do they use special software to design the page?


The reason they use CSS is to make pages load faster and to make editing a whole lot easier. With a CSS file you can simply set all text marked as, say, "example", to appear in bright blue with a yellow highlight. If you then decide that you want a green highlight round it you change it once in the CSS and all text marked as "example" will change, which saves a hell of a lot of time if you have 100-odd examples.

It is most likely they do use special software to design the page, something like Adobe/Macromedia Dreamweaver, but this is no more special than software that anyone else uses to design a web site. I don't think there is any software specifically made to design pages in the style of MSN, Yahoo and eBay tongue.gif

To make a front page in the style of one of the sites you just need to mimic the layout, but replace their content with your own. There's not really much else I can say to help. Just remember that copying source code directly is technically illegal and can people very annoyed, especially large international-global-mega-corporations like MSN, Yahoo and eBay.
Go to the top of the page
 
+Quote Post
TypoMage
post Jul 31 2006, 01:32 AM
Post #3


Master of All Typos
*********

Group: Members
Posts: 621
Joined: 30-July 06
From: Earth, Usa, Maine, Waterford,
Member No.: 27,507
Spam Patrol



sad.gif Frown I do not think that is a good idea because Yahoo or others your are going to copy may have something to say about it. You could use there style smile.gif But do not completely copy it. For it is iliegal.
But using their style is safe and a ok way.(If it wasn't then almost 2/3 of web pages wouldn't be their.
Go to the top of the page
 
+Quote Post
FirefoxRocks
post Aug 1 2006, 11:07 PM
Post #4


Super Member
*********

Group: Members
Posts: 273
Joined: 14-April 06
From: Ontario, Canada, North America, Planet Earth
Member No.: 21,845



I've decided to use the content layout similar to Yahoo! + MSN's.
The navigation bar should be like the Yahoo! Sidebar.
The top panel should be like eBay's, only with different functional content.

There! I didn't copy and code directly (which is copyright infringement) and I combined stuff from all 3 sites. smile.gif tongue.gif
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. How do you test your php code(75)
  2. Redirect Code Help(8)
  3. Myspace Music Player(9)
  4. Other Free Hosting Sites(36)
  5. Simple C File Handling In Action(3)
  6. Which Proxy Sites Can Be Used To Access The Websites?(26)
  7. Wap Source Code Viewer(4)
  8. Blogging Sites Going To Be Banned In India ?(16)
  9. Check Referrer To Prevent Linking Yours From Other Sites(8)
  10. Each And Every Nokia Code For Your Mobile(6)
  11. Three Neat Avatar-based Sites(7)
  12. Freelance Sites(5)
  13. Html Code Tester. Online Script(15)
  14. Php Linking(4)
  15. How Do I Code A Design?(6)
  1. Colleges In Tamilnadu(124)
  2. Php Code?(12)
  3. Full Web Building Tutorials(2)
  4. Mozilla: Firefox Plugin Shipped With Malicious Code(3)
  5. Hackers Hijack A Half-million Sites: Phpbb Forum Users Must Read(8)
  6. Create Table - Mysql Code - Help(1)
  7. Engineering / Business Major Combination(1)
  8. Please Can You Review My Blog(3)
  9. Recommended List Of Money Making Sites(0)
  10. Creating A Fully Featured Cms(0)
  11. Why Doesn't This Code Work On Computinghost?(2)
  12. Add Flashing Inbox To Invisionfree Forum(0)
  13. Money From Digg?!(2)


 



- Lo-Fi Version Time is now: 20th July 2008 - 08:32 PM