Sunday, February 27, 2011
5th Blog Post
This week's class we continued to look at CSS. We learnt a new CSS rule which states that a selector is what is outside of the curly brace and declaration is whatever that is outside of the curly brace. We also learnt how to write a comment in CSS which is for eg /* I am pretty */. Finally, we learnt how to add a background image to a website by background-image: url("Unknown.jpeg"). This of course is an example. Lastly, we learnt how to make changes to the height, width etc. of the background of a website, font, links, the first letter of a paragraph etc.
Saturday, February 19, 2011
4th Blog Post
Ok so this week we had our first test and I got 15/20. I know I did make a few minor errors but mi proud lol. Anyways, this week we went in depth with CSS. We learnt about the block element- this puts information to be in a line and doesn't allow anything else (any other line) to be beside it. It has to come after. Also, we learnt that there are 3 types of DOC TYPE namely: strict, transitional, and frame set.<p> and <h1> are block elements. We also learnt about in-line elements for e.g. strong and emphasis. It allows sentences to be adjacent to other sentences on a page. div (a block element) and span ( a in-line element) are used for organization on a page.
Finally we learnt how to add a header and footer to our page and how to make things on the page float left and right.
<div id= "header"> is used to add a header on the page.
<div id= "footer"> is used to add a footer on the page.
<div id= "left"> is used to float things to the left on the page.
<div id= "right"> is used to float things to the right on the page.
We learnt how to add colour, width, height etc. to our headers, footers. For e.g.
P.S When writing html codes <!doc-type html> should be at the top our page.
Finally we learnt how to add a header and footer to our page and how to make things on the page float left and right.
<div id= "header"> is used to add a header on the page.
<div id= "footer"> is used to add a footer on the page.
<div id= "left"> is used to float things to the left on the page.
<div id= "right"> is used to float things to the right on the page.
We learnt how to add colour, width, height etc. to our headers, footers. For e.g.
#header
{
background-color:red; height:80px;
}
P.S When writing html codes <!doc-type html> should be at the top our page.
Thursday, February 10, 2011
Preparation for test
Ok so I've just started studying for our first test on Monday and I've decided not to go too in depth as yet just waiting for the weekend but I want to pass cause I don't wanna be know as a dunce bat lol!!
3rd Blog Post
As time progresses, our Web Layout & Design class gets even more exciting. As usual we began class with a brief revision of the previous class. We were once again reminded that HTML is about semantics, structure, meaning and not necessarily presentation. In addition, we learnt some new tags. These are <ins> (insert), <li> </li> (list items), <del> (delete). We were also introduced to the Anchor Tag which is <a> </a>. For every Anchor Tag there must be a title attribute as it gives it a description.
By using the Anchor Tag, we learnt how to link our web pages and also, how to create a link to another website foe eg <a href="http://www.youtube.com">. We also, learnt how to create a link to someone's email for eg <a href="mailto:yanikeelloyd@gmail.com.
Next piece of info I learnt was that by using href="..//..//home.html you can navigate from a page back to home. This of course is an example for you could have just put the name the page instead of the dots.
Last but not least, we learnt how to add photos to our web page by way of <img src="(name of the photo).jpg".
Looking forward to next week's class!!
By using the Anchor Tag, we learnt how to link our web pages and also, how to create a link to another website foe eg <a href="http://www.youtube.com">. We also, learnt how to create a link to someone's email for eg <a href="mailto:yanikeelloyd@gmail.com.
Next piece of info I learnt was that by using href="..//..//home.html you can navigate from a page back to home. This of course is an example for you could have just put the name the page instead of the dots.
Last but not least, we learnt how to add photos to our web page by way of <img src="(name of the photo).jpg".
Looking forward to next week's class!!
Sunday, February 6, 2011
2nd Blog Post
The second day of class basically began with a revision of the previous class. We also did in-class activities on writing simple html codes just for practice. Though this can be very tedious at times, it is also fun and can be perfected with lots of practice. In addition, the class learnt that the following html code: <html xmlns="http://www.w3.org/1999/xhtml"> must be placed at the top when writing html codes in order for it to follow the correct procedure. We also discussed in depth some notes on html tags we learnt from the previous class for example title, head etc. and we learnt about other tags such as: <prev> (which eliminates white space and changes the font too), <l-- (which is used when writing a comment), <br/> (which gives a new line. It is called an empty element because it doesn't have any content), </blockquote (which is used when you wish to cite where you got info. from) etc. Whilst we were learning about these tags we also practiced using.
P.S. Codes that are in green are comments, codes that are in red are values, codes that are in blue are html tags, and codes that are in grey are attributes.
P.S. Codes that are in green are comments, codes that are in red are values, codes that are in blue are html tags, and codes that are in grey are attributes.
1st Blog Post
On the very first day of class the class learnt (or rather) was reminded of how to create an add-on (that is firebug) on firefox. Secondly, we were also reminded of the meanings of the abbreviations HTML (Hypertext Markup Language) and CSS (Casading Style Sheet).
I learnt that the basic structure of a html code includes a head, title and a body. It was also very important that we remember that ONCE A TAG IS OPEN IT SHOULD BE CLOSED and also, one has to be very meticulous when writing html codes as the slightest mistake can produce a negative outcome. Finally, we also touched briefly on CSS, more specifically, we learnt how to change the background colour of a webpage and also the colour of the font. Each time we touched on something new in class we practiced it, therefore, there were quite a few in-class activities which helped in understanding the material more clearly.
I learnt that the basic structure of a html code includes a head, title and a body. It was also very important that we remember that ONCE A TAG IS OPEN IT SHOULD BE CLOSED and also, one has to be very meticulous when writing html codes as the slightest mistake can produce a negative outcome. Finally, we also touched briefly on CSS, more specifically, we learnt how to change the background colour of a webpage and also the colour of the font. Each time we touched on something new in class we practiced it, therefore, there were quite a few in-class activities which helped in understanding the material more clearly.
Subscribe to:
Posts (Atom)