Intro to web pages

posted by: Ms. Martin 3 June 2010 No Comment

As we have just learned, web pages are structured using HTML, styled using CSS and made dynamic using JavaScript.  We’re going to spend some time getting familiar with these three technologies, starting with HTML.

Complete the following to get some familiarity with HTML:

  • Open Firefox (double click the link on your desktop)
  • Visit 3 websites you commonly go to and right click on the page then select ‘View Page Source.’  This will allow you to view the full source of the page.  What are some things the pages have in common?  Differences?
  • In the Tools menu, select Firebug and open Firebug.  This should open a window at the bottom of the open website which shows the page’s code.  Firebug allows you to make immediate modifications to the current web page!  On the left is HTML and on the right is CSS.  Try making some changes.  Can you change the background color of the page?  The title of the page?
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>