The day that we all dreaded. Time to prove that four weeks wasn't wasted. From day 1 Dwight 'a breathe down wi necks' about this test. Anyway the test pretty much covered exactly what we have been doing...20 tricky multiple choice questions.
So that was that, now to get into this week's lesson.
What I have realised with web designing is that you can never get too complacent. Just after battling with HTML I must now go to war with CSS. Yes introduction to Cascading style sheet. Since most of the styling elements became depracted in HTML 4.0, CSS was established to handle this duty specifically.
HTML - Content, Document Structure
CSS - Styling, Layout
Css basically functions with rules that make relations to the elements that appear in the HTML. The rules tell the element how to perform. So for example in the CSS a rule like this could be written.
p {font-family:Garamond;}
CSS identifies the p element in the HTML and then indicates that the paragraph
should be in arial font. So thats it for starters...I can already tell that there will be nightmares about this.
p.s I got 18/20 for the test, thought u all should know. :)
Monday, February 21, 2011
Week Thr33
Sigh!!
The Hard part, Linking and Navigation.
This week its all about making webpages link. Yes from now on, i'll be able to make more than one web page and successfully navigate from one to the next. Like every thing in html, at first glance it appears complex but as you get into it you realize its not that much. Linking is essential to web design as it
allows for navigation between and throughout web pages. A link is created with the use of the <a> element, and like most elements once there is an open tag there should also be a close; </a>. Within this element there is also the linking attribute "href" whose value is the page that you want to link to. So for example a link should look like this.
<a href="http://www.google.com/">Google</a>.
It is also important to note that a link can be a word, phrase or an image.
This week its all about making webpages link. Yes from now on, i'll be able to make more than one web page and successfully navigate from one to the next. Like every thing in html, at first glance it appears complex but as you get into it you realize its not that much. Linking is essential to web design as it
allows for navigation between and throughout web pages. A link is created with the use of the <a> element, and like most elements once there is an open tag there should also be a close; </a>. Within this element there is also the linking attribute "href" whose value is the page that you want to link to. So for example a link should look like this.
<a href="http://www.google.com/">Google</a>.
It is also important to note that a link can be a word, phrase or an image.
Wednesday, February 9, 2011
Week Tw2
Week two went over much more smoothly for me. Basically we were just revising everything form week one and filling the void. I had done some additional reading, so i came sorta prepared. Having read week one notes, going over was just to get the information registered. Structure of the webpage was the main topic this week. Structuring under the rules of xhtml rather than html required some added rules. Again the four main elements of a webpage was emphasized, html; the root element of the page which contains all the other elements, head; the element that acts as a container for other header elements, title; the element that identifies the content of the document , it provides an insight to what the page is about and the body; the element which contains the actual information that is shown on the page.
Additionally, we learn that some elements can carry what are called attributes which is in the opening tag of an element and provides extra information about the element that carries them. The head, and body element utilizes them alot. Within an hour we covered all that was learnt in week one and then we were on to new things. Other than structure, a web page needs an appearance that is appropriate to the information being present. That is where the body element plays a vital role. Information can be organized in the body with the use of Heading levels and presentation elements. Heading levels are basically headers that give hierarchy to information, heading level 1 being the highest and heading level 6 being the lowest. It is very obvious that heading level 1will get more attention than say level 6. Presentation elements also serve a similar purpose where they give style to words which makes them stand out. So from bold to italics, even underlined tostriked through, information can be organized meaningfully on a webpage. Though some of these presentation elements are deprecated in xhtml, it is useful for designers to know them.
Additionally, we learn that some elements can carry what are called attributes which is in the opening tag of an element and provides extra information about the element that carries them. The head, and body element utilizes them alot. Within an hour we covered all that was learnt in week one and then we were on to new things. Other than structure, a web page needs an appearance that is appropriate to the information being present. That is where the body element plays a vital role. Information can be organized in the body with the use of Heading levels and presentation elements. Heading levels are basically headers that give hierarchy to information, heading level 1 being the highest and heading level 6 being the lowest. It is very obvious that heading level 1will get more attention than say level 6. Presentation elements also serve a similar purpose where they give style to words which makes them stand out. So from bold to italics, even underlined to
Monday, February 7, 2011
Week 1ne
Well well.
What a way to start a new course...30 minutes late to class. Sigh
What can I say... I thought I was at a computer science class. There was a lot of talk about tags & elements - the lecturer (Dwight Shepherd) was speaking another language and i was just lost. Seriously for real, I was expecting to at least understand a little but unfortunately I was utterly confused. It took me about 10 minutes before the info started to soak in. We were "untangling the web". Getting introduced to the web from a new perspective... not as someone who is surfing the web, but understanding the construct and structure of what makes a web page come alive. To begin writing a page I would first need to get certain tools and firebug for firefox was the answer. After about 20 minutes or so, I kinda created my first web page...not that it was any good. The class ended and this is what i now know.
The basic construct of a page:
<html>
<head>
<title><title>
</head>
<body>
<p>
</p>
</body>
</html>
What a way to start a new course...30 minutes late to class. Sigh
What can I say... I thought I was at a computer science class. There was a lot of talk about tags & elements - the lecturer (Dwight Shepherd) was speaking another language and i was just lost. Seriously for real, I was expecting to at least understand a little but unfortunately I was utterly confused. It took me about 10 minutes before the info started to soak in. We were "untangling the web". Getting introduced to the web from a new perspective... not as someone who is surfing the web, but understanding the construct and structure of what makes a web page come alive. To begin writing a page I would first need to get certain tools and firebug for firefox was the answer. After about 20 minutes or so, I kinda created my first web page...not that it was any good. The class ended and this is what i now know.
The basic construct of a page:
<html>
<head>
<title><title>
</head>
<body>
<p>
</p>
</body>
</html>
Subscribe to:
Comments (Atom)