HTMLStarter.com
HTML, CSS, JavaScript for beginners - Interactive Training

Project - Creating a Web Page of Your Bookmarks

As a first exercise, you are going to create a simple, yet very useful, web page consisting of the list of your favorites (or bookmarks). Although this is presented as an exercise, if properly and completely developed, would turn out to be a very useful tool.

Many people, including yours truly, and you too, may use different computers at home, at work, at libraries and other public places, and if one is not using an online bookmarking service, it is nearly impossible to remember all the web addresses of the many web sites one usually visits. But, if you keep a copy of your bookmarks saved in your flash drive, it will be a matter of clicks to access any one of your favorite web sites or web pages.

Statement of the project:- Using ordered or unordered lists, and the proper links, create a list of web sites. Separate the list into groups and place a main heading as well as sub-headings for the different groups.

As a starting point you can use the following list:

Name (or description)URL (web address)


My favorite search web sites
Googlehttp://www.google.com
Binghttp://www.bing.com
Askhttp://www.ask.com
My emails
Yahoohttp://www.yahoo.com
Hotmailhttp://www.msn.com
GMailhttp://www.google.com
Reference
Wikipediahttp://www.wikipedia.com
Dictionaryhttp://www.webster.com
Medicalhttp://www.webmd.com
News
TIMEhttp://www.time.com
NPRhttp://www.npr.com
BBChttp://www.bbc.com

When you apply the list to your project, it will be in the following form :

<a href="the URL">the NAME</a>

For example, for the first item in the list, it will be,

<a href="http://www.google.com">Google</a>

Continue expanding your list. Ultimately, you may end up creating your own web diretory on your desktop, laptop, or flash drive. You don't have to worry about the disk space. In fact, if you make a list of 1000 entries, the space it takes will be less than the space required by one picture or one mp3 music file.


More exercises with the same list

  1. Make table of the lists with rows having alternate background colors, and the entire table centered in the middle of the page.
  2. Create a framed page so that yor list will be in the menus frame while destitation pages will be opened in the main frame.



 

Send This SITE To A Friend   |  Add to favorites   |  Terms of service   |  Privacy statement   |  Contact us
Copyright © 2009-2012 HTMLStarter.com