Assignment 3

Basic HTML code exercises:

Please make sure to read the chapter 2 before doing this assignment, unless you are familiar with HTML basics. As you know after reading the chapter the basic skeleton of any web page is a combination of certain tags. Tags are language syntax codes between the <> brackets. For example, each HTML file starts with the <HTML> tag. On page 6 of the chapter 2 you could find the basics tags in a simple web page. In the following series of small exercises, you are asked to use a simple text editor such as notepad or WordPad to create the html page for each exercise. Once you create the file, please save it as exercise-table.html for the table exercise, exercise-frame.html for the frame exercise, and so on. Please make sure t save each one in a separate file. Make sure to view it via your browser, before submitting. The submission process is explained at the end of this assignment.

Exercise1 - Table:
Exercise 2 - Table with spans. In this exercise you are asked to use the rowspan and colspan attribute of the table data tag in order to span one cell over two or more rows or columns.
Exercise 3 - Frames. In this exercise you are asked to create a frame layout. Frames are special type layout where you divide your screen into several windows that are independent of each other.

<Frameset> - This tag sets the Frame layout. Each frameset divides the window into two or more rows or columns.

<frameset rows="*,*"> - This tag divides the window into two horizontally. The * is a wildcard to indicate the freedom on how the two windows will be displayed on the screen depending on the content.

<frameset cols="*.*"> - This tag divides the window into two vertically. The * is a wildcard to indicate the freedom on how the two windows will be displayed on the screen depending on the content.

<frame src="filetop.html"> - This tag identifies the html source file for a given window. If you have a frameset that identifies two windows, then you will have two frame src tags to identify the content in each window. The order of the source is left to right. For example, if you have <frameset="*,*"> tag then the tags for each * is defined with <frame src="left-file.html"> and <frame src="right-file.html"> See the example below:

<frameset rows="*,*">
<frame src="top-file.html" noresize>
<frame src="bottom-file.html" noresize>
</frameset>
The noresize is an attribute of the frames. If noresize is stated, then the defulat is an auto. This means the user can resize the frame window on their browser. <P>Before each aparagraph use this tag for paragraph spacing</P>

In order to get information on the correct syntax of the tags, please refer to the following Appendix and read all about each tag. Also the good online resources are listed below:

http://www.w3.org/TR/html4/intro/intro.html

http://www.htmlhelp.com/reference/html40/alist.html

http://hotwired.lycos.com/webmonkey/authoring/html_basics/

How to submit these exercises:

Once you know how to use the Secure FTP (SFTP) program, connect to the following directory using your SSH program:

Host name: ssh.hcc.hawaii.edu

User name: your hcc login

Pass: your hcc password

once connected go to Operation and choose Go to Folder and enter: /home/workers/ics102/your hcc login

From the local side (Left side) transfer the file for each exercise - You need to locate the file in your local side and highlight or double click on the file to transfer it.

Question? Send an email: monir@hcc.hawaii.edu

This cell is spanned three rows	This cell is not spanned
	This cell is not spanned
	This cell is not spanned

This cell is spanned over two columns
This cell is not spanned	This cell is not spanned