Ok so this was the last class for the term and web design has come to an end. At this point I feel as if I'm comfortable moving forward especially now since I've gotten much better at CSS which I thought was soooooooooo hard lol but now it actually isn't...And I've even learnt a few things from w3schools which I've implemented in my final project for example...border-top-style:dashed;border-right-style:solid;border-bottom-style:dashed;border-left-style:solid;
In addition to that, I have also learnt something really cool and that is text-decoration:blink; with this you don't have to only stick to be boring and use only bold, underline etc. and by using this it makes your page look a little more creative.
I have put alot of effort into my final project and I feel satisfied with my effort and it's really amazing how I actually remember most of the codings like the back of my hand and when I need reinforcing I check my notes or go to w3schools :)
Friday, April 29, 2011
Monday, April 4, 2011
9th Blog Post
On week 9 I learnt a few things. Firstly, if you want to repeat an image on your page all you hav to do is repeat it either on the x or y axis for eg. repeat-x or repeat-y. Next, I learnt that padding affects the whitespace on a pageso you can use this to make the page look more organized and more reader-friendly.
FInally, I learnt that if you wanted to make changes to a specific div id element for eg a specific list items you would write it like this in your CSS: #list ul li a{ }. By doing this only this particular list will be affected by the particular styling and other lists on the page wont be affected.
FInally, I learnt that if you wanted to make changes to a specific div id element for eg a specific list items you would write it like this in your CSS: #list ul li a{ }. By doing this only this particular list will be affected by the particular styling and other lists on the page wont be affected.
8th Blog Post
This week we continued with CSS and we learnt about a few designing issues when doing a webpage.
Firstly,we learnt that some fonts are lost in some background colors so it is wise that you choose a readable font (most sans-serif are good choices for eg Arial, Helvetica, Geneva and Verdana etc). Next, we learnt that not only can you attach pictures to your web page, but you can also edit them for eg. img {margin-right:8px; border-style:solid; border-width:1px; border-color:
#000000;}.
In addition, we learnt that depending on what type ofstyle you want for your layout you can achieve that (as in in terms of column layout). For eg, if you want a 2 column layout or 3 etc all you have to do is float the info you would want to the left for eg: float:left; , and info that you would want to the right for eg:float:right; etc.
Finally, we learnt that menus must be distinct from the main part of the page because most times that's where the viewer looks first.
This can be done by using bold, a different color, or underlined text for links within the body of a page and this will help users scan and register the navigation items more easily.
Firstly,we learnt that some fonts are lost in some background colors so it is wise that you choose a readable font (most sans-serif are good choices for eg Arial, Helvetica, Geneva and Verdana etc). Next, we learnt that not only can you attach pictures to your web page, but you can also edit them for eg. img {margin-right:8px; border-style:solid; border-width:1px; border-color:
#000000;}.
In addition, we learnt that depending on what type ofstyle you want for your layout you can achieve that (as in in terms of column layout). For eg, if you want a 2 column layout or 3 etc all you have to do is float the info you would want to the left for eg: float:left; , and info that you would want to the right for eg:float:right; etc.
Finally, we learnt that menus must be distinct from the main part of the page because most times that's where the viewer looks first.
This can be done by using bold, a different color, or underlined text for links within the body of a page and this will help users scan and register the navigation items more easily.
6th Blog Post
This week we learnt Css. Firstly,we learnt how to write a comment in CSS which is:<!-- comment goes here --> (this doesn't show on the page).
Secondly, we were taught that we use div id elements to divide up a page and this can be advantageous in terms of applying different styling to the different sections of a page for eg colour, text, postion etc. If we wanted to create a div for a paragraph it would be written like this...<div id="paragraph">. So, when styling it in CSS you wouldsimply write...#paragraph (to identify that specific paragraph.
Also, we learnt to apply padding,width, positioning,background-color,border-style etc. to a web page.
Apart from div id's, we learnt about class id's as well. It basically is the same as the div id but it is more specific and in CSS is represented like this: .page.
Secondly, we were taught that we use div id elements to divide up a page and this can be advantageous in terms of applying different styling to the different sections of a page for eg colour, text, postion etc. If we wanted to create a div for a paragraph it would be written like this...<div id="paragraph">. So, when styling it in CSS you wouldsimply write...#paragraph (to identify that specific paragraph.
Also, we learnt to apply padding,width, positioning,background-color,border-style etc. to a web page.
Apart from div id's, we learnt about class id's as well. It basically is the same as the div id but it is more specific and in CSS is represented like this: .page.
Friday, March 11, 2011
7th Blog Post
This week again the lecture was quite short as we have basically completed the course so quick and I guess it's because we're smart lol just joking...but once again we continued working on our own web pages for our final project and we got a few questions to practice for our CSS test on Monday.
6th Blog Post
This week's class was fun. We continued looking at CSS...We basically did a bit of revision here and there and...well lets say the lecture was short and we mainly focused on creating our own webpages for our final project.
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.
Subscribe to:
Posts (Atom)