Design Practise: OUGD504 - Design for Web: Studio Brief 02 Workshop 01

Tuesday, 29 October 2013

OUGD504 - Design for Web: Studio Brief 02 Workshop 01

Aim:

Web standards and limitations
Layout
Setup
Basic Coding

Web Standards:

Acronyms, abbreviations etc

HTML - Hyper Text Markup Language

XHTML - Extended Hyper Text Markup Language

CSS - Cascading Style Sheets

API

WYSIWYG - What You See Is What You Get

MIME

SQL

MYSQL

SEO - Search Engine Optimisation

FTP - File Transfer Protocol

URL

XML

PHP

ASP

JSP

CGI

AJAX

ASCII

DNS

GIF

HTTP

HTTPS

UI - User Interface

UX - User Experience

WWW - World Wide Web

Limitations

Colour in HTML - Web safe colour. 216 colours. RGB colour mode is capable of reproducing 16,777,216 colours.
When CSS was introduced all these colours can now be used, however, as they are not all web safe they look different on different screens
Fonts are limited, and there are only standard ones. If you want to use a downloaded fonts you need to buy the license for distribution.
On Font Squirrel a lot of fonts have a Web Font Kit where you can use them on your website for free

Size, dimension, pixel resolution

640 x 480

800 x 600

1024 x 768

1920 x 1080

2880 x 1800 (220ppi)

File Formats

PNG

JPEG

GIF

PDF

Photographs take up too much data, and therefore takes ages to load on a page so they need to be compressed. By changing the resolution of the image this helps

Lossy

Dreamweaver

<head> is something that isn't seen on the website, but is what helps it function, for example, it is where CSS document would go

<p></p> This is an open and closed paragraph tag. Anything between these two tags would class as one paragraph.

The logo/icon on a web tab is called a favicon

<body> Everything you want to be visible in the website goes in the body tags.

When there is a broken image or Error 404 on a webpage, this is because the files aren't in the one folder where the website is getting the information from.

Creating a Site

When you create a site you need to create a local folder where all your files will go into.

File Names

No spaces
No exclamation mark/question mark/ampersands etc
All in lowercase letters
Max 8 characters

Once this is done, you need to Create a New Site on Dreamweaver, and call the site name whatever you want. Then you find the local site finder, and choose the local folder you made.