Practical 1 (simple HTML pages)

The first practical for the Web Tech class had its objectives as learning and understanding how to write HTML pages, learning the use of tags, learning how to create the basic HTML objects; such as tables, links, list, img, etc. Truthfully, we have done some HTML during the very first weeks of my PROGRAMMING I class in my freshman year. I remembered that during those times that  the major difficulty i faced was organizing the content of the web page in a nice and appealing way. However, one thing i learnt was the use of tables throughout the page to organise the content of the page. I started out this practical assignment with that thought of tables in mind. Fortunately, during that week out Human Computer Interaction class focused on web designs and how effective and efficient the content of a webpage could be set up. We came to a conclusion that web sites should be clean, make all the necessary information the users needs available to them, should have a sense of consistency in their design and most importantly be visible enough for the users to interact with the system. (a little jist about the orientation i had before starting with my practical)

In building my first web pages for the first practical, the internet on campus was not really working so i had trouble going online to get access to online resources on HTML. Most of what i did was to play around with the few HTML tags i knew of. Basically, i started out on the index page to create a fundamental skeletal framework all the web-pages should have. The webpages had a simple 3x8 table as a grid. The first row was designed to have the name of the company or the website, the second row was for space, the third row housed the other links in the website, the fourth row was left to indicate to the user the current page of the site you are currently viewing, the fifth row housed the main content of the page, the sixth has again the other links to the other pages of the website, the seventh row has other links outside the website and finally the last row contained a signature of the designer of the website.


After getting and defining the purpose of the grid, i copied the grid layout and pasted that across the other web-pages to be created. This was just to make sure all the pages are the same. In getting the actual design of the pages, i did not have access to the internet so i opened to view the source code of the many web-pages i had saved. In looking at this code i was able to try out new tags, select the Hexadecimal representation of the different color codes used in the design of these saved web-pages.

In conlusion, i would say that after this practical though i learnt about more HTML tags and the use of these tags i realised that the major thing that made webpage intersting and sometimes frustrating was defining the color theme throughout the pages. Without the right or appropriate color scheme, the webpage despite its content loses the reason for the pages to be viewed at all by any user. I realized in talking with some friends that the use of actual tables doesn't give the develop the room and flexibility to develop better grid and design layout for the websites, He advised i tried using the DIV and SPAN tags next time. or my next assignment i would learn and try out the using these tags.