Untitled Document

__________________________________________________________________________________________________________________

Web Page Assignment – Position Paper

View the example website at: http://www.rsd.edu/schools/carmichael/webdesign/rattlesnakeelk

Part 1: Position Page

Requirements:

Clean layout and organization. Should not have to use the scroll bar left to right or top to bottom.

Title – Name of topic customized in Fireworks.

Alt Tags on all images

Title created in html code

Your picture taken with the Camera. Cut out and either shadowed or feathered.

Short description about the author of the webpage. For example, “Mr. Minnich is an 8th teacher at Desert Hills Middle School in Kennewick, WA. He is an avid outdoorsman. This position paper is an example website for his 8th grade webdesign students..”

Content: Write a minimum of three paragraphs stating back ground information and your position on the chosen topic.

An animated gif and insert into your project (keep this fairly small). The function of the animation is up to you. Create in Fireworks.

Include at least three other photo’s related to the topic. Keep the sizes small. Remember to optimize images.

Include a minimum of 8 links related to the topic. All links must work. Please research the Internet to include quality sites. All links should be rollovers.

Include three javascript popdown links to friends position papers. Include the title description for each popdown choice.

Include an email address some where on your page (make up a fake one). This should be a rollover. Use “mailto: email address” as the link.

Include a customized background. Must be solid colors or textured background. No images.

1 hot spot examples

Save your position home page that you created in Dreamweaver as: index.html

This should be placed in a folder called “position” that you will place inside of your “last name” folder on the Internet Server.

Create a hit counter from the site Mr. Minnich demonstrates for you. http://extremetracking.com

Include the visitor form Mr. Minnich demonstrates. http://guestbookcentral.com/

*** If you would like to see some quality web pages and get some innovative ideas visit: http://www.adobe.com/cfusion/showcase/index.cfm These examples are some of the top web sites on the Internet that were produced with Dreamweaver & Fireworks.

*** Want to learn raw HTML? Visit: http://webmonkey.com/webmonkey/authoring/html_basics/

_________________________________________________________________________________________________________________________

Position Paper – Grade Sheet

Clean layout and organization. Should not have to use the scroll bar left to right or top to bottom. 30 Points

Title – Name of topic customized in Fireworks. 5 Points

Alt Tags on all images 5 Points

Title created in html code 5 Points

Your picture taken with the Camera. Cut out and eithershadowed or feathered. 15 Points

Short description about the author of the webpage. 20 Points

Content: Write a minimum of three paragraphs stating back ground information and your position on the chosen topic. 30 Points

An animated gif - 5 Points

Include at least three other photo’s related to the topic. 15 Points

Include a minimum of 8 links related to the topic. All links should be rollovers. 15 Points

Include three javascript popdown links to friends position papers. Include the title description for each popdown choice. 15 Points (Help) http://visualtutorials.com/drop-down-menu-maker.htm

Include an email address some where on your page (make up a fake one). This should be a rollover. Use “mailto: email address” as the link. 5 Points

Include a customized background. Must be solid colors or textured background. No images. 5 Points

1 hot spot example 5 Points

Save your position home page that you created in Dreamweaver as: index.html - 5 Points

Create a hit counter from the site Mr Minncih demonstrates for you. 10 Points (still trying)

Include the visitor form Mr. Minnich demonstrates. http://guestbookcentral.com/ (still trying) - 10 Points

Total 200 Points Grade

_______________________________________________________________________________________________________________________

JavaScript Popdown Menu

Place the script below in the head of your html code source:

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

function jumpBox(list) {

if (list.options[list.selectedIndex].value) {

top.location.href = list.options[list.selectedIndex].value;

}

MM_reloadPage(true);

// -->

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

//-->

</script>

Paste this form code into the body of your web page:

</select>

Click onto the form box and then go to the properties toolbar. Begin customizing the popdown.

_____________________________________________________________________________________________________________________