P
R
E
P
A
R
A
T
I
O
N |
Assessment
informal assessment
Download html editing software
Plan your page
planner
Graphics
--avoid Microsoft clipart
--using Google to find images
--copyright issues
|
River resources for assessment analogy:
http://www.mapsofworld.com/usa/usa-river-map.html
http://www.enchantedlearning.com/usa/outlinemaps/riverslabeled/
We'll use NVu
as our software because a) it's pretty easy to learn...it's good for
getting started, and b) it's free which is always good for teachers. If
you already know another html editor, challenge yourself to learn the
basics of NVu just for the experience, then you can build your web page
in whatever software you prefer.
http://nvu.com/download.php
Bookmark the html version of the NVu User's Guide or download the .pdf file so that you will have it available if needed: http://nvudev.com/guide/1.0PR/
|
1
(.25 hr.) |
Big Picture
Analysis of web page construction |
BIG PICTURE: Get the big picture of web pages on your computer and those on the Internet: http://nvu.com/websitehelp.php
ANALYSIS: Find a web page that you like or know. In your browser, click on
File-->Save and save it to your desktop. Now open the page in NVu.
Look at your page in the four modes using the four tabs at the bottom of NVu: Normal, HTML Tags, Source, and Preview.
Walk around the room and look at everyone else's web page. Mentally
compare the differences and similarities between the pages and how they
are constructed. |
2
(.25 hr.) |
filenames and file structure
--upper or lower case?
--no spaces
--less typing |
Is your server case sensitive?
Are you limited to 8.3?
Why "index.html" or "index.htm"?
|
3
(.25 hr.) |
To Table or Not To Table |
|
4
(.25 hr.) |
Entering and Formatting Text
--color
--size
--style
--which font
--why no word art (and alternatives) |
|
5
(.25 hr.) |
Inserting and Formatting Graphics |
Alternate text is helpful to making your webpage accessible. Learn more about accessibility:
http://www.webaim.org/intro/ |
6
(.25 hr.) |
Text Links:
--text link to another website
--text link to email address
--text link to another webpage that you made
--text link to a non .html document |
|
7
(.25 hr.) |
Graphic Links:
--another website
--email address
--another webpage that you made
--a non .html document |
|
8
(.25 hr.) |
Background --color
--picture
**tiling
**only one |
|
9
(.25 hr.) |
Beyond Table Basics
--borders / no borders
--set size / variable size |
|
10
(.25 hr.) |
Getting ready to upload your website |
|
11
(.5 hr.) |
Uploading your website
Fixing / updating your website |
Does your server use ftp, secure ftp, shell, publishing, or another technique to get the files from your computer to the server?
Make sure you have the appropriate software.
Know the server address, your user name, login, etc. |
12
(.25 hr.)
|
Accessibility |
Type in your URL on this website to see how accessible your website is:
http://www.wave.webaim.org/index.jsp |
