Static HTML page

Creating Webpages with HTML   Blog1

Aim:

In this assignment, we were supposed to create static web pages with HTML. The HTML page should consist of images, hyperlinks, lists, table, headings and formatted text.

Objective:

Our objective for this assignment was to create two Web pages that were linked together with the use of hyperlinks. The first page should basically have the information about the company whereas the second page informs the visitor of site about the company’s executives and directors.

Implementation

After looking at a couple of web pages I had created in my freshmen year during the programming one course, I was ready to start with the assignment. With the basic knowledge I had in the creation of Web pages, I thought using a table to represent all the information that will be displayed on the screen. I also designed some images that were later added to the page to make it more visual appealing. 

The arrangement of the HTML objects in the table was a bit of a problem because I did not really understand the manipulations of the rows and columns of a table using the colspan. Usually if I wanted some text or image to occupy a whole row, I assign a large number like 7 to the colspan attribute of a row. I later got to understand that the colspan attribute expands a columns across a row thereby making other colums smaller or deleted. With the knowledge of this, I used this to form the layout of table and hence determining where images, text and hyperlinks are located.

Again, another issue concerning the creation of the web page was the size of the images used. It was a bit hard determining what size of photo to be used. I had to do a little trial and error to fit the images appropriately. I also realized that every image I tried setting was tiled at the position I put it so that also added to my experimentation on the size property of the cell I was insert the image.

Google Sites:

For this, our aim was to web development technologies from google to create web pages without writing HTML code. This seemed easier since everything you wanted to see was just a click away. I was given an array of templates to choose from for everything I wanted to do.

The only problem with this was that it was hard to figure out how to reverse changes made to your web page. Apart this, everything else was quite straight forward.