|
know how to use: insert bar, document toolbar, document window,select tool, hand tool, zoom tool, property inspector
Know how to start, open, and create a new file
Design view, code view, code and design view
Common web page elements : text, images, hyperlinks, banners, navigation bars, image maps, forms, flash
using help
Sketch out on paper your site BEFORE you write or code the site
-determine the names of each page --> file names (history-> history.html)
-determine the relationship of each page to other pages
create an assets folder for images and sound files
You create the files before you add content
Upload a site- each page or FTP
create a root folder
ip address, domain name, local site, remote server
navigation structure
be able to add pages or folders
1-30 site maps - http://www.sitemap.org
This can be done after you finish your site
XML web site creator - http://www.xml-sitemaps.com/
page layout: white space, KISS, consistent themes
head content: meta tags, keywords, description
Body, body color, default font, unvisited links, visited links, Section 508
how to add meta tags, title
background color, hexadecimal value based on 16 for red, green, blue
uses numbers up to 9, "A" for 10...."F" is 15. White is "FFFFFF"
text edits using the property inspector - headings, paragraphs, line breaks, bold, italic, fonts
add an image
importing text from Microsoft word
fonts: Sans-serif fonts -block style- Ariel,Veranda, Helvetica
Serif fonts (easier to read on paper) Times New Roman, Times, Georgia
links, contact points, mailto
Navigation bar
Insert date (Insert-common-date)
preview in browser
viewing your site in smaller window sizes
design of web page- symmetry, balance, asymmetric layout, above the fold, avoid horizontal scrolls
Working with text
unordered list, bullet, ordered list, numbered list, definition lists, list item
CSS, Cascading Style Sheets, internal, external, inline
http://www.adobe.com/go/vid0152
selector-name of the tag with style declarations, declarations-property and value
create css (edit-> preferences -> CSS styles panel -> switch to all ->new css rule +.....
Apply and edit a CSS
Insert and Align graphics
gif, jpeg, png, opacity, asset panel
enhance an image
to change the file size of an image use an external editor like Photoshop
adding a border, V space, H scape
insert a background image
Working with links
internal links, external links
create an external link
insert rollover
vector graphics. flash text
Navigation bar
