Web standards and limitations
HTML - The language we need to learn
WYSIWYG - What you see is what you get
SEO - Search engine optimisation
FTP - File Transfer Protocol
URL - Domain name (Address to folder on server)
XML
PHP
ASP Advanced language
JSP
CGI
Information on a database such as the description of a product, Amazon is a good example where you type a word of a product which brings up hundreds of pages that contain that word.
HTTP - Hyper text transfer protocol
HTTPS
UI - User Interface
UX - User Experience - How easy, engaging, entertaining it is.
WWW - Worldwide web
Limitations
216 Websafe Colours
When colour first arrived on the web computers could only support a maximum of 256 colours on their 9-bit monitors. A list of 216 "Web Safe Colours" were identified.
These colours were/are reproduced consistently across the web using HTML, specifically a six or where possible a three digit hexadecimal code.
Red
#FF0000
#FF0
White
#FFFFFFF
#FFF
Black
#0000000
#000
The RGB colour mode is capable of reproducing 16 million different colours, significantly more than HEX 216 colours.
The combination of Red, Green, Blue values from 0 to 255 (256 unique shades for each value)
Red 256 x green 256 x blue 256 =
This wider range of colours can now be reproduced using CSS rather than HTML.
Example: For 100% Red would be - rgb(255,0,0)
WebSafe Fonts
For a chosen font to display consistently across different computers a standard front must be used.
Further to this a font-family is chosen giving several "fallback" options to ensure maximum compatibility between browsers and systems.
Change type to times if typeface isn't installed on computer. Specify a font family. Some common font families:
Serif Fonts~
Times New Roman
Put speech marks around "Times New Roman" to group it as one typeface otherwise it will look for separate words.
Sans-Serif Fonts~
Arial, Helvetica, sans-serif
Tahoma, Geneva, sans-serif
"TrebuchetMS", Helvetica, sans-serif
Verdana, Geneva, sans-serif
CSS font face - Allows you to install font onto the server, however breaches copyright for fonts.
Some fonts are free to use in print but not for web, need to pick a typeface that is free to use and to distribute.
Size, dimension, pixel resolution
640 x 480
800 x 600
1024 x 768
1920 x 1080
2880 x 1800 (220ppi)
Better starting at a smaller size then work to make it bigger rather than starting with a bigger scale and squashing it in.
Responsive website that responds to the change in size of the browser.
File Formats
PNG - Supports transparent image
GIF
PDF
JPEG - Does not support transparency
~
72 PPI? - Massively outdated pixel ratio. From 2000 onwards monitors could work at 96 PPI. 220 PPI.
RGB
~
Lossy
Compressed
Userwork
Store file on desktop but when working in Dreamweaver put the website folder into Userwork folder but remember to drop back on desktop when finished.
\
