About the page

A short report of the pages and process

Preparations

The first i wanted to ensure i knew about before

i started to code was to code was how to use the

proper semanti tags. the tags i read about was the

'body', DOCTYPE html, and 'head'. I also made myself a

>

not in the bakc of my head to always remeber to close

the tags i used. Another thing i wasgoing to ensure, was

not writing the tags in big cases.

The one thing i always have to remind myself is patience,

patience, patience. I tend to get very annoied when i make

mistakes, naturally, nut this often causes even more mistakes.

This was one of the things a had to get in my head before startin off.

Another part of my preparatin process was talking to my classmates

This was a very good thing to get the ideas running.

Semantic tags

One of my goals for this page was to use a devent amount

of semntic tags that we have been thought in the classes

until now. This tags are for example 'p', 'h1', 'h2' and so on.

I have also used sematic tags as 'header' where i have my

navigation menu. The 'body' consists of all content in the

page, unless the head, where i have linked to the css file.

The 'main' is everything that is in the body, unless the header.

Im some of the pagesi have also used section, for example in the

portfolio, i have used it to section the pictures with the

matching text descripion.

At last i have the footer. In which i inlcuded my name as the author,

my study program and email. I had a problem with the footer

positioning, and therefore chose to not put a footer i the

'contact' page and the 'about me' page.

Process

I have decided to make a separate CSS file for the main page

and the rest of the page.The reason for this is that I made

the main page a long time before the rest of he pages,

and had everything clear. To avoid messing up, I chose to

start a ne CSS file. Also, the other pages were gong to have

a different style than the main page. I was told that this

would not be a problem, and chose to focus on the rest of the

task insted of using time to fix this.

Early in the procecess i fond out tat i very much liked

having a background picutre instead of a background colour.

i had a few problems along the way the make the picture stick

and the text scroll on top, but i figured out with good help from

the TA's. This was something i wanted to use for all my slide, which

i think tunrned out well.

I found that i prefered to use the sematic tags 'h2', 'h3'

and 'p' insted of the list function. This might be the

wrong way to do it in some parts, but this i what i found best.

The reason fro this was tht for heach sematic tag you could

set the type of font and size, which i liked.

Something i notcied along the way, was that i had forgotten about

the semativ tags as i got carried away with coding. This resulted

in all of my code ended up in the header. I did not notice this

until i had problems and had to make everything right. However,

this was not a very big problem and got resulted quickly, with

just a few problems.