DESIGN FOR WEB// Software Workshop 1

ollymoss.com
- Black
- Dull
- Incomplete
- Space
- Empty

malikafavre.com
- Busy
- Gifs
- Bright
- Stop moving

360landstrasse.sf.tv
- Photo
- Streetview
- German

mercertavern.com
- Hipster
- Clean
- Lost type
- Vontage
- Monotone
- Boxes

noble-design.co.uk
- Girly
- Red

caavadesign.com
- CD
- Space
- Circle



Questions for my own site:

What is the purpose of this website?
- To inform
- To entertain

Who is the target audience?
- Gamers
- Historians
- Designers
- Anyone with and interest in Computer Gaming or the history of the technology involved

What do the target audience need?
- Simple layout
- Side-scrolling timeline
- Facts
- Clean colours
- Visual clues hinting at computer gaming


Limitations of Web

Fonts- You have to pay and annual fee for specific fonts, if you run a commercial site. To get around paying, use standard fonts. Specify a font family, use 'if' quotations. 'IF' user doesn't have Helvetica, use Ariel, ect.

You can also use 'WebScript' to install a font onto a website. People can download these fonts so you need a licence.

WWW.fontsquirrel.COM is a website for free web fonts.

Work in RGB only. Work with 'websafe colours' only.

On a retina display iphone the dpi is 227. However if this was transfered to an old screen the screen would be massive.



HTML and CSS can build websites.
HTML stands for Hyper Text Markup Language.
URL - Uniform Resource Locator
CSS- An add-on to HTML, which is limited, Adds in more graphic based websites. Cascading Style Sheets
FTP- File Transfer protocol
CMS- Content Management System
WYSIWYG- What you see is what you get system, like Dreamweaver.



Dimensions: 1024x768  (look in diary for specifics)
Font: Arial, Helvetica, Sans Serif
Alignment:  Left
Menu: Home, About, Contact, Work, Play
Background: White
Text: Balck