SarahWillmott-CollegeDays: Web design basics

We had a sessions with learning about the basics of creating a website. Below are various points you need to know and also some screen grabs of the process outcome.

Basics:

www

Browser

URL

History

Reload

Download

Upload

Bookmarks

File sharing

Ecommerce (online shopping)

HTML- everything online

CSS- style of website, colour, shape, size

Java & php - sending stuff online to service

Flv - online video or mp4 or swf (swf Is gaming and animation)

Http - start of he wen address no longer needed. Reads where you're going to. Google.com is the same as http://www.google.com

Java - interactive pieces such as drop down boxes

Common tags:

<body>

<div>

<h1>

<p>

<title>

<img>

<a>

Theses above are for opening.

To close these use / for example

<header> this is the header <header/>

The CSS doesn't just changes it, it styles it. Used for backgrounds, forms, styling and sizing the page.

Jpegs or png - do not edit jpegs, these are for final images. Png 24 is best for the web.

Uses grids and golden ratio, use web safe fonts.

Below are screen grabs of playing around with the coding on a page.

Start page

Changed the heading size and also font by adding <h1> Hello World <h1/> then <helvetica> in the code

By changing the numbers by the colour this changed the background and box colour

Same again for the box

Changed the colour of the text with putting white next to the heading & also got rid of the box by taking it out of the code.- picture below

Changed the colour of the background & also added a heading underneath with a smaller sized font and grey not white

SarahWillmott-CollegeDays

Friday, 31 January 2014

Web design basics

No comments:

Post a Comment

About Me