Web Scripting Notes
WEEK 2
HOMEWORK
-Create your SiteMap.
-Create a Mock-up of the index [Recommendations of 760px x 410px]
READING: pgs 32,41 Ch. 2,3,4
NOTES
monitor resolution 1024 x 768
make sure you make your mock up smaller so it doesnt cut off any of your layout.
Suggestions on portfolio sites
-be aware of your audiences
-give your audience easy access to what they want.
SITE MAPPING - is the first step in designing a website. You design a flow or a path that you want your visitors to take. [site mapping is like a family tree of how the pages are related.]
HTML
-less strict
-html,head,doctype
VS.
XHTML
strict
lowercase
----------------------------------------------------------------------------------------------------------
WEEK 1
Always save as HTML
Or Text-only document.
Definition of HTML - Hypertext markup language
head - Is the heading of your webpage, it is the first major part of the coding.
body - Is the body of your webpage what will have most of the information.
title - self explainitory.
h1 - stands for header 1, there can be numerous headers but header 1 is your main heading.
p - stands for paragraph.
----------------------------------------------------------------------------
SECTIONS WILL ALWAYS START AND END WITH HEAD, BODY, STYLE.
Element - is what you call sections in the HTML coding.
----------------------------------------------------------------------------
XTML & HTML
HTML is the older web scripting method; is obsolete.
XTML is more flexiable, more modern method.
MAJOR DIFFERENCES
"/" is required in the elements in XTML
- in HTML it is NOT
----------------------------------------------------------------------------
IMAGE CODING
img - sourse
src - atribute
IMAGE URL - value
ALL THREE MUST BE PRESENT!
----------------------------------------------------------------------------
ELEMENTS IN DESENDING ORDER OF USE...
HTML
HEAD
BODY
DIV
P
LINKS AKA "A"
U, B, BR, I
----------------------------------------------------------------------------
HOMEWORK
Design your own website; type up a proposal by next class.
HOMEWORK
-Create your SiteMap.
-Create a Mock-up of the index [Recommendations of 760px x 410px]
READING: pgs 32,41 Ch. 2,3,4
NOTES
monitor resolution 1024 x 768
make sure you make your mock up smaller so it doesnt cut off any of your layout.
Suggestions on portfolio sites
-be aware of your audiences
-give your audience easy access to what they want.
SITE MAPPING - is the first step in designing a website. You design a flow or a path that you want your visitors to take. [site mapping is like a family tree of how the pages are related.]
HTML
-less strict
-html,head,doctype
VS.
XHTML
strict
lowercase
----------------------------------------------------------------------------------------------------------
WEEK 1
Always save as HTML
Or Text-only document.
Definition of HTML - Hypertext markup language
head - Is the heading of your webpage, it is the first major part of the coding.
body - Is the body of your webpage what will have most of the information.
title - self explainitory.
h1 - stands for header 1, there can be numerous headers but header 1 is your main heading.
p - stands for paragraph.
----------------------------------------------------------------------------
SECTIONS WILL ALWAYS START AND END WITH HEAD, BODY, STYLE.
Element - is what you call sections in the HTML coding.
----------------------------------------------------------------------------
XTML & HTML
HTML is the older web scripting method; is obsolete.
XTML is more flexiable, more modern method.
MAJOR DIFFERENCES
"/" is required in the elements in XTML
- in HTML it is NOT
----------------------------------------------------------------------------
IMAGE CODING
img - sourse
src - atribute
IMAGE URL - value
ALL THREE MUST BE PRESENT!
----------------------------------------------------------------------------
ELEMENTS IN DESENDING ORDER OF USE...
HTML
HEAD
BODY
DIV
P
LINKS AKA "A"
U, B, BR, I
----------------------------------------------------------------------------
HOMEWORK
Design your own website; type up a proposal by next class.