CSS Test week.
If I thought the HTML test was hard, this CSS test a neva nuting good. From the start to the finish I had to read
the questions properly because option A) was like a [.],[#],[;],[:] different from B,C or D. 20 multiple choice
questions again and 3 of the questions separated the "cream of the crop". *grin*
After that whole ordeal we were introduced to CSS 3. Really Dwight?... its like spending 6 weeks to learn to drive a standard vehicle when the automatic would take 1 day.
CSS 3 is MUCH, Much , much easier than what we have been learning thus far. And it is way more flexible than its predeccesors.
However, since I've gotten so accustomed to what i know i'll stick to that evil...atleast for now.
I'm not really interested right now to know CSS 3. I'll probably spend my summer practicing a bit but it ain't necessary to know at the moment especially since most browsers don't yet support it.
Oh btw, If you were wondering...I got 19/20 on that CSS test and the full marks only eluded me cuz mi decide at the last second to rub out di right answa and shade crap.
Monday, April 18, 2011
Week Se7en
There really isn't much work left in the semester...we have exhausted the requirements of the course
really. Dwight was lucky to got landed with a group of geniuses, we made his work easier. Yes we whine
every week about the work load but we get it done. kudos to us *lol*
Anyway this week we just revised that hell of a midterm that we got to do. Fixing
two broken web pages. Page 1 was easy enough... but page 2, IDK what the hell was that.
I think Shepherd takes pride in stressing people, then again hadn't I procrastinated on di ppl dem work
till hours before it due, i'd have a different story to tell. But thats just how it is... SIGH!
Also we revised more CSS, because one of the famous Shepherd torture test was nigh.
p.s that midterm really highlight my weak spots. Gah... positioning is the -itch of CSS.
*note When using the "position" property in CSS it must be followed by the left and Top properties.
really. Dwight was lucky to got landed with a group of geniuses, we made his work easier. Yes we whine
every week about the work load but we get it done. kudos to us *lol*
Anyway this week we just revised that hell of a midterm that we got to do. Fixing
two broken web pages. Page 1 was easy enough... but page 2, IDK what the hell was that.
I think Shepherd takes pride in stressing people, then again hadn't I procrastinated on di ppl dem work
till hours before it due, i'd have a different story to tell. But thats just how it is... SIGH!
Also we revised more CSS, because one of the famous Shepherd torture test was nigh.
p.s that midterm really highlight my weak spots. Gah... positioning is the -itch of CSS.
*note When using the "position" property in CSS it must be followed by the left and Top properties.
Week 6ix
This weeks was less stressing because most of the class time was dedicated to working on our final projects. Additionally we went more in-depth with the ID and Class selectors in CSS.
The "Class" selector makes matching a rule with multiple elements that carries the class attribute
within the Html possible.
The ID selector while serving a similar purpose, it applies to only the content of one element
as the Id attribute is unique inside the html page. The following example shows how the class and id
selectors are written in CSS.
class .p { } The period (.) identifies a class
Id #p { } The number sign (#) identifies an Id
Its also very important to note that the Id attribute takes priority over the class attribute.
The "Class" selector makes matching a rule with multiple elements that carries the class attribute
within the Html possible.
The ID selector while serving a similar purpose, it applies to only the content of one element
as the Id attribute is unique inside the html page. The following example shows how the class and id
selectors are written in CSS.
class .p { } The period (.) identifies a class
Id #p { } The number sign (#) identifies an Id
Its also very important to note that the Id attribute takes priority over the class attribute.
Monday, March 28, 2011
Week 5ive
Yippy MORE CSS!!!
*if only the macs could just stop working*
Must every week of this course start with a sigh?
SIGH!
Just a little recap... It is important to note that CSS rules are only applicable one of two ways.
1) A link from the HTML page to the CSS page;
<link rel="stylesheet" type="text/CSS" href="style.css"/>. This is known as
an external link (external style sheet).
2) By utilizing the "style" element, CSS rules can be applied within the HTML
page. This is called inline styling.
***Inline styling takes priority over that of the external sheet.
CSS is a whole collage of worrysome work. I don't even know where to begin. In a nutshell CSS makes the following possible. The styling of font, text, background, border, margin, padding, dimensions, positioning, outlines, table, list, classification and I'm sure I missed some.Yes crazy stuff.
This week we got into div/span...more so divs. Divs are 'divisions' or sections that
groups elements so CSS can easily manipulate the layout of the document.
So a typical web page would have more than one columns and to properly position
the content of the HTML, CSS makes easy work of the Div element.
EG. HTML <div class="left">
<h2>Menu</h2>
<p>...</p>
</div>
CSS .left {float:left
position:;
top:;
left:;}
With the Use of the Div I would be able to position or apply styling to the <h2> and <p> tags , or anything else that appears within that Div.
Good Stuff ehh?
*if only the macs could just stop working*
Must every week of this course start with a sigh?
SIGH!
Just a little recap... It is important to note that CSS rules are only applicable one of two ways.
1) A link from the HTML page to the CSS page;
<link rel="stylesheet" type="text/CSS" href="style.css"/>. This is known as
an external link (external style sheet).
2) By utilizing the "style" element, CSS rules can be applied within the HTML
page. This is called inline styling.
***Inline styling takes priority over that of the external sheet.
CSS is a whole collage of worrysome work. I don't even know where to begin. In a nutshell CSS makes the following possible. The styling of font, text, background, border, margin, padding, dimensions, positioning, outlines, table, list, classification and I'm sure I missed some.Yes crazy stuff.
This week we got into div/span...more so divs. Divs are 'divisions' or sections that
groups elements so CSS can easily manipulate the layout of the document.
So a typical web page would have more than one columns and to properly position
the content of the HTML, CSS makes easy work of the Div element.
EG. HTML <div class="left">
<h2>Menu</h2>
<p>...</p>
</div>
CSS .left {float:left
position:;
top:;
left:;}
With the Use of the Div I would be able to position or apply styling to the <h2> and <p> tags , or anything else that appears within that Div.
Good Stuff ehh?
Monday, February 21, 2011
Week Fo4r
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. :)
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. :)
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)