Tuesday, 28 October 2014

OUGD504 - A Brief History Of... Website - Web Design Workshop 1

Terms

HTML - The main language used for coding
CSS - The language used for coding the aesthetics of the HTML

SEO - Search Engine Optimisation - Helps the page get to be found in a search engine.
FTP - File Transfer Protocol - The process of the website going live.
URL - Uniform Resource Locator - Web address.

HTTP - Hyper Text Transfer Protocol - The system that gets the page from server to screen.
UI - User Interface
UX - User Experience

Colour

There are 216 web-safe colours that will be reproduced exactly the same on every screen. These originate from the 256 colours that were capable of being displayed on 8-bit screens. The 216 colours are expressed in hexadecimal code, which is a hashtag followed by a series of six numbers or letters.

Using CSS allows you to specify an RGB colour using the colour codes from photoshop and illustrator etc etc, but if you choose a non-web-safe colour and the page is displayed on an older device, the colour may not appear the same.

Fonts

You should use standard, web-safe fonts so that the page will look consistent across all devices. Choosing a font family gives you a first choice font to use, then if that font isn't installed on a particular device, it uses the font you specify as second choice, and so on and so on. 

CSS allows you to upload fonts on your website so your first choice font will always be available for use. This font must have a free distribution licence though, as uploading it to your site makes it downloadable. 

Important Default Lines of Code

<html> and </html>

Tells the browser what coding language is being used.

<head> and </head>

The space between is where you put the coding for things you don't want to physically appear on the page, but is where you put the information that the browser needs to read certain functions, such as the use of CSS and SEO.

<title> and </title>

Goes within the previous coding to specify the name of the individual page.

<body> and </body>

The area to code the contents of the website.

/*      */

An area to include notes within CSS code that won't have any influence on the outcome

No comments:

Post a Comment