Tasks

  1. How to create an HTML file?
  2. Task 1.
  3. Task 2.
  4. Task 3.
  5. Global task 1.
  6. Global task 2.

1. How to create an HTML file?

Any text editor can be used for creating HTML files, but they should be saved with a proper extention such as .htm or .html

---> Open up a text editor, such as Notepad or Wordpad. Start a blank page and type your HTML code.

---> Save the file with one of the above extensions.

---> Open the file into your browser.

---> To further show the changes in the HTML code save the file prior to reloading into browser.

---> To further see the changes in the browser window choose the Reload button.
Go to Top


Task 1.

(Should be completed after Lesson 3.)

Design the following HTML document and save it as letter.htm


Instructions:

  1. Specify #F5E4F9 color for the background and black color for the text.


  2. Specify font Times New Roman, size 4 for the text.


  3. To align the text in the upper right corner use special code   to enter white spaces, where necessary. (Special coding for white space is needed because browsers display series of white spaces as one white space.)


  4. Specify H1 formatting and #9E408B color for the title "Letter of Intent".


  5. Draw horizontal rule under the title (40% wide and 3 pixels high).
Go to Top


Task 2.

(Should be completed after Lesson 6.)

Design the following HTML document and save it as pmg3.htm


Instructions:

  1. Specify white color for the background and black color for the text.


  2. Specify font Arial, size 4 for the text.


  3. Arrange the text and image gerb.gif as shown by placing them in table. Move your mouse over the image above to see the table cells.


  4. Navy colored strip is a table cell spanned over two columns and containing at least one letter, written with the same color as the background (navy).


  5. Specify italic style for the words "Address" and "E-mail".


  6. Specify red color and size 5 for the word "History".


Go to Top


Task 3.

(Should be completed after Lesson 7.)

Design the following HTML document and save it as first.htm


Instructions:

  1. Specify lightyellow color for the background, black color for the text and blue color for the links.


  2. Specify font Arial, size 4 for the text.


  3. Specify H2 formatting and red color for the title.


  4. Draw horizontal rule under the title (100% wide and 3 pixels high).


  5. Insert the image computer.gif (25% wide and 45% high), and position it relative to the text as shown.


  6. Modify the text http://www.hottelephone.com as hyperlink to http://www.hottelephone.com


  7. Insert the image next.gif (maintain its original size) and modify it as hyperlink to the file second.htm


  8. Files computer.gif, next.gif and second.htm are in the same directory, in which you have installed the HTML Tutorial (e.g. c:\html\tutorial).
Go to Top


Global task 1.

  1. Design a small web site consisting of at least 4 HTML documents.


  2. Include text and images in the HTML documents.


  3. Design one of the documents as a portal to the site, i.e. document presenting the whole site and having hyperlinks to the other documents.


  4. Include back hyperlinks to the portal in all other documents.


  5. Use tables to arrange the content of the documents.


  6. Add a link for sending an E-mail to the author.

Global task 2.

  1. Design a small web site consisting of at least 5 HTML documents.


  2. Use one of the documents to divide the window on 2 frames.


  3. In the first frame load the portal document for the site i.e. document presenting the whole site and having hyperlinks to the other documents.


  4. In the second frame initially load a document you consider important and then when user clicks a link in the portal document load the file corresponding to it.


  5. Include text and images in the HTML documents.


  6. Use tables to arrange the content of the documents.


  7. Add a form for sending comments to the author.
Go to Top