Webpage Layout and Design with css(week 6)

Elements used to make a website or webpage attractive to customers or users is very important. How to align text, position images, apply color, ensuring an image does not make text difficult to read, selecting appropriate fonts combined helps to attract people to a site. To become a good designer, one has to take into consideration all the things mentioned above. The style sheet applies several property functions that help to decorate a page. Such function properties include:

1. Applying color to tex/font = {font-color:black or #000000;}

2. Inserting an image=

3. Applying a background color= {background-color:blue;}

To name a few. Certain rules apply to these functions as well, for example if a word is not spelt correctly,an image is not found in a particular folder or quotations are not used then the stylesheet won't style the pages. I have also come to realize that function properties that I thought were difficult to understand became easier to use after I practiced them and became familiar with them (as was expected).

Webpage layout and Design with css(week 5)

In this class, we further learnt how to use the style sheet. We were shown how to use images as our backgrounds and how to set such images in terms of repetition etc. and went on to effectively apply such skills in our own style sheets in practice exercises.

Webpage Layout and Design with Css(week 4)

This class proved to be a very informative one. In earlier sessions, we were introduced to the topic of css-Cascading Style Sheets but for this class we went in depth. As the name suggest Cascading Style Sheets are used for styling and decoration as opposed to its html counterpart that serves as a basis of foundation and structure. With the style sheets I was able to give my page or pages "fancy" designs. The sheets allowed me to control several aspects of my pages including font, position and margins.

People may believe that the things found on websites are controlled by one particular thing but the sheets proved otherwise, the style sheets proved otherwise.I was even able to apply color to different things found on my pages. For instance I was able to apply color to different elements on the same page- text, background, block etc. I thouroughly enjoyed this class as I believe I fully understood what was taught in the class.

Webpage layout and Design with css(week 3)

In this class, we were taught how to use the link and navigation tags. With these elements I was able to link a html document to several others. I learnt how to link a document I made to pages of other websites or webpages and equally important, I learnt how to link all my pages, that is if my folder contained more than one page, I was able to link them to each other.

In the beginning, I was quite puzzled in regards to successfully using the links and navigation tags. However throughout the classes and practice exercises I learnt how to use the tabs. I came to realize also how important such tabs were, as our midterms and finals would employ such functions.

WEB LAYOUT AND DESIGN WITH CSS (WEEK TWO)

This class served to be very informative as well. We put into practice things learnt from the previous week. There was also a tutorial that gave in depth information as well in regards to how to effectively and efficiently use the elements. There was also a lot of interaction with several elements and as we practiced how to PROPERLY use them.

WEB PAGE LAYOUT & DESIGN WITH CSS (WEEK ONE)

On the first week of class, we were introduced (or reintroduced for some) to the terms HTML- Hyper text Mark-Up Language and CSS- Cascading Style Sheets. With only basic knowledge of the mentioned topics prior, the class proved to be very informative. HTML is used for structure whereas CSS is used for styling and layout. We were also introduced to elements such as Opening and Closing Tags-where there is an opening tag there must be a closing tag. HTML has a head and a body.

We also discussed attributes and values and how to differentiate between the two. An Attribute is followed by an equal sign (=) and the value is found between quotation marks (" "). Attributes and values are used for special commands such as assigning an id, changing the colour of text, highlighting a specific paragraph etc. On the first week of school we also learnt how to use such elements.