Choose a contextual selector type for your css style
- Tag ( redefines an HTML element
- Name selector should be body
Choose where your rule will be defined
- New style sheet file
Save as
- styles
Type
- font-family: any kind
- font - size: 100%
Background
- Background - colour: # 666
Block
- text - align: center
Box
- Padding: top = 0
- Margin: top = 0
(same for all)
Click - apply and okay
Insert - layout objects - Dive tag
Thursday, 22 November 2012
Notes
slice measurements
Header:
W - 960
H - 161
Galleries:
W - 240
H - 39
Purchase:
W - 240
H - 39
About Me:
W - 240
H - 39
Contact:
W - 240
H - 39
Content:
W - 960
H - 650
Footer:
W - 960
H - 110
Header:
W - 960
H - 161
Galleries:
W - 240
H - 39
Purchase:
W - 240
H - 39
About Me:
W - 240
H - 39
Contact:
W - 240
H - 39
Content:
W - 960
H - 650
Footer:
W - 960
H - 110
Tuesday, 21 August 2012
Sunday, 19 August 2012
Notes
- Command k - to get GO to appear
- 1000 pixel - largest size on web
- File - save to web:
- Jpeg
- Dng
- Gif, png8 (same like gif)
- Png-24 (most work) helps to put logo's on websites, though not many people use this file because its to big of a file.
- Creates the squares
- Use clone tool to get rid of the squares
Typagraphy
- Contrast
- Legibility
- Body text size
- Younger the age font size 8 & 9
- Older the age font size 10
- To much space the text becomes lighter to read
- No space it becomes harder to read
- Font Families
Font:
- Teenagers read differently
- Business people read more advanced
- Can change the baseline ( hard to do well)
- Hieracry - useful information
- Serff - old fashion eg. A, T
- San Serff- modern eg. A, T
- Adobe Kuler: Is pretty cool
Adobe Kuler is a colour resource to help you choose multiple colours in different shades to help you with designing your website.
http://kuler.adobe.com/#themes/rating?time=30
DW: Dream Weaver
Notes
<html> opening tag
<head>
<title> cool web page </title>
</head> /= end tag
<body>
</body>
</html> end tag
Heading - h6(less important, smaller text)
Web design: is measured in pixels and RGB.
Rapper - box that wraps around the whole contents
Photoshop - slice tool - treat all the different areas as indivuals
<head>
<title> cool web page </title>
</head> /= end tag
<body>
</body>
</html> end tag
- index html: Important ( first page always index)
- link: href
- <p>: Paragraph
- Slice tool: Used in web design
Heading - h6(less important, smaller text)
Web design: is measured in pixels and RGB.
- 9M font size
- Body Rule
- Float
Rapper - box that wraps around the whole contents
Photoshop - slice tool - treat all the different areas as indivuals
Subscribe to:
Posts (Atom)