midterm challenge

the midterm exercise was a little challenging ..but with lots of sleepless nights and nightmares of webpage building it was complete.

midterms

The midterm....
studying for the test begins.

practise practise practise....

I realise theres alot to do when it comes to building a website from scratch .
overwhelmed most of the time but with research and determination and putting inthe hours everything will come together.

....CSS world continues

Diving in styles.
This week was no playground.we were reminded to practice at this point if we were to be good at this stuff.
I enjoyed this class learning all the cool styles that can be applied to make your web page unique.

Techniques i have learned:

-To use DIV tags with CSS to layout my webpage.
The

tag gives you the ability to name certain sections of your webpage so that you can affect them with style .
example:

this centers the content in the div.
he primary attributes of the div tag are style ,class and id.



-To add a background image which can be repeat or no repeat.

-Adding background color e.g h1 {background-color:#ffe425;} .this is applying a specific hex color to the heading 1.

-styling links
-styling fonts (color ;size).

Practise is all i can think of.

week 4 css intro

this weeks class we were thrown into the world of Cascading Style Sheets .

(sigh ).Where the magic (designing)happen.
Style sheets are linked to an html page. it defines how the html elements will be displayed.it enables you to personalize the appearance of your webpage.

fun fact : CSS created by the World Wide Web Consortium (W3C).

I made my first css file and learnt how to :
apply background colours.
difference between in-line and block elements.
A block element is an element that takes up the full width available.for example the heading element and divs.

An inline element only takes up as much width as necessary, for example span.

css continues to week 5
fun fun fun!!

*_*






·

okay here goes ....Week 3

LINKS AND NAVIGATIONS

In this weeks lesson i was introduced to anchor tags and inserting images.(cool stuff)

also learnt that A web page can contain links(hyperlinks) which are specified by the element.The links enables the user to navigate between pages , to link a specific part within a webpage and also to others sites.These links can be displayed using not only words but also images.

An example of a link

deviantartwebsite


note: descriptions are wise so that the user can know where they are going.

Week 2

Getting down to the "Matter".

Wow!Its week 2 !!

This week we focused on the structure of a page .

We took a closer look at the four main elements :html,head,title and body.These elements should be seen on every xhtml document.

We also visited the attributes these elements carry such as style,class,id,title.

Overwhelmed but having a better understand at this point we learned about headings and the many attributes ,making paragraphs ,creating line breaks.All of which we had to practise on our own page ( see my page below ).

Going into week three I have a much clearer understanding of what I have gotten myself into .




-------------------------------------------------------------------------------------------------------------------------

new tags

this a break

this is another

this is the last

heading levels

this is a heading level 1

this is a heading level 2

this is a heading level 3

this is a heading level 4

this is a heading level 5

this is a heading level 6

break tag

presentation elements

this is a bold text

this is a italic text

this is a underline text

this is a stroke text

this a big text

this is a ^super

this is a emphasized text

this is a stronger

this is a

blockout

this is a abbreviation jam

-------------------------------------------------------------------------------------------------------------------------
.

Highlights

• Do not use all caps when writing the language
• each document should have a opening tag and a closing tag .

the 1st Week-Introduction

This course at first scared me. Thinking about html with the (>)and the ( " ")...had me wonder will i ever know it all.Indeed,Mr.Dwight Sheppard assured the class that it will become apart of us .
The first class started with downloading additional software such as firefox ,textedit and fire bug which were essential tools needed for this awesome learning experience.It was interesting ,to learn the importance of HTML(hyper text mark up language) and CSS (cascading style sheets) ,there differences and purpose to making a successful website.
The class proceeded in actually creating our"first webpage" name ''Giraffe" .The step by step construction of the page was given.

Highlights

• Getting accustomed to writing the language accurately .
• not scared of html any more