Hey Everyone! Have you ever wondered how some web pages got their sites to “do that?!”

Well, if you want to model your site after another, a good way to find the html code and css of each site is to download the Firefox plug-in “Firebug.” Once installed, go to a website and right-click anywhere on the page. Then, click “inspect element.” Once you do that, a split screen will appear at the bottom of the screen, like this:

Once the screen is open, you can click on any part of the html or css and see the element highlighted on the web page above.  The neatest feature is that this program allows you to change the layout of any web site yourself! If I wanted to adjust the height of the header, I could do it myself by clicking on the css tab and changing the increments. You can also inspect any specific part in the website by clicking on the second option in on the tool bar which has an arrow on it. If you click the button and then a header, you can find the specific code for that line.

This is very fun and a dangerous tool if you procrastinate– so use wisely!

-Becky Reiser


~ by Southern Discomfort on January 27, 2010.

%d bloggers like this: