My Own Website

I have created my own website and added background, heading, images,  links and  fonts  to show what I have learnt.

Screen Shot 2014-10-09 at 12.08.55 Screen Shot 2014-10-09 at 12.09.18Screen Shot 2014-10-09 at 12.09.42

The first part of the website I added code on HTML and  CSS background, heading and  font.

Screen Shot 2014-10-09 at 12.14.32 Screen Shot 2014-10-09 at 12.15.51

 

In the second part  I  changed the colours to light blue by using CSS with a background-color  because I wanted my website to look bright yet simple.  Screen Shot 2014-10-09 at 12.18.29Screen Shot 2014-10-09 at 12.19.11

 

In the third part I have moved the heading right, left or centre of this website by using  margin and padding.

 

Screen Shot 2014-10-09 at 18.42.23Screen Shot 2014-10-09 at 18.41.05

I have changed the background to make it look more fresh and exciting because my previous background was to simple and I wanted the feel more cutting edge and effective.

 

Screen Shot 2014-10-09 at 18.48.04Screen Shot 2014-10-09 at 18.47.14Screen Shot 2014-10-09 at 20.57.40Screen Shot 2014-10-09 at 20.56.44

I did some experimenting with different types of background but I feel that they were  boring or too busy.

Screen Shot 2014-10-09 at 21.04.48 Screen Shot 2014-10-09 at 21.03.42

 

In the end I chose this background.

 

Screen Shot 2014-10-09 at 21.17.43Screen Shot 2014-10-09 at 21.18.04 Screen Shot 2014-10-09 at 21.17.55

I have added colour of heading.

.Screen Shot 2014-10-09 at 21.22.56 Screen Shot 2014-10-09 at 21.23.04

 

Changed the font bigger and font-family in monospace.

 

Images

Screen Shot 2014-10-26 at 21.36.58 Screen Shot 2014-10-26 at 21.37.30

I have added images in my website by using this code. I put images in folder and images code in html. I did size image to fit in website.

Also I have put images of Airbus A380 on top of the border, just because I love this plane and had to have it in a prominent place on my website.The code that I used was:

Screen Shot 2014-10-27 at 17.23.53

Screen Shot 2014-10-26 at 21.47.32 Screen Shot 2014-10-26 at 21.46.12

I  know now how you can put images in any order in the whole body of a website in html.

 

Screen Shot 2014-10-26 at 21.47.01Screen Shot 2014-10-26 at 21.47.41

Link

Screen Shot 2014-10-29 at 17.52.57Screen Shot 2014-10-29 at 17.52.24

This is the link to connect to the Liverpool FC website.

Screen Shot 2014-10-12 at 16.20.36

 

I have created my website and I have been practicing in my own time. This shows me that I am confident and know how to start making a website by using software called coda 2. The next step is to make my website look professional.

Here is my website link:

http://www.minimise.org/student14/saadserver/demo%202/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s