Considerations before designing
limitations 216 web safe colurs
reproduced consistently through HTML
use hash tags to reproduce colours
hexadecimal code
example
red
hashtag: ff0000 / ff0
colour on screen RGB
photoshop web safe only
web safe fonts
looks for typeface that is installed on all computers
1.helvetica
2.arial
3.times new roman
css @font-face allows for any typeface = installs font to website
however breaches copyright
size, dimension, pixel resolution
design website to work on any computer screen
1024 x 768 standard?
file formats
PNG/GIF/PDF/JPEG
72ppi / 96ppi
lossy/compressed
Scamp
Sketch/mock up
3xdesigns - different directions
wire frame - dimensions/widths/hieghts
dreamweaver = input codes from design sketches/mock ups
designs decisions before dreamweaver
save everything on user work folder/root folder for website to work
user work
home page must be called indew.html
copy root folder to user work through dreamweaver when opening
never file and open - must work on user work
save and preview every time you make a change
index.html
about.html contact.html gallery.html shop.html
use stylesheet.css for all aesthetics then linked to all html pages
helvetica, 12pt = 16px
768px - 1024px = container
header = 160px
body space = 608px
logo square = 160px
No comments:
Post a Comment