spider web

Web Page Authoring Assignment

Successfully Creating Your Own Web Site!

Please read through this entire page before beginning!

Background

The purpose of this assignment is two-fold:

  1. introduce the concepts and skills of building a basic web page.
  2. help you meet NETS-T 3.

The web pages you will create must reflect a professional image! Think of creating a web site to be used during your first year of teaching. While these pages help to "highlight" you, they are not personal web pages. As you place content into your web pages, ask yourself whether or not you would feel comfortable having your students or a future employer see your web site. What kind of message are you sending?

While we will be creating a web site with five pages, the focus now is on creating your first two web pages. In order to do this, you must become proficient at creating/using various features of a web authoring tool (KompoZer). You will start out learning the necessary skills by carefully reading and practicing the skills presented in the Guide to Using KompoZer (see link below and also M2, Task 3: Learning a Web Design Program). The Guide covers the technical aspects of using the program. For the more aesthetic aspect of creating a web page, I have provided additional materials (see links below--such as "Web Page Design") designed to assist you in creating a great web site. Please note not all topics have additional materials as the "Guide" covers the topic quite well.
 

If you are already experienced in building web pages and wish to "go beyond" what this assignment requires, feel free to do so. In fact, you are encouraged to create something that will be challenging and useful for you rather than repetitive and boring. Check with me if you'd like some clarification or suggestions.

HTML code is "platform neutral" so it doesn't matter if you create your pages on a PC or a Mac. Both versions of KompoZer are available for downloading. Rather than using KompoZer, you may want to use Adobe Dreamweaver which is also available in the second floor Black Hall lab. Some folks may also want to write their own code! Using "canned" web pages such as those created by iWeb, or similar programs, is to be avoided.

KompoZer Download

Help for Downloading KompoZer

Directions

Please read the instructions carefully to help you earn a high score! Specific guidelines are provided and need to be adhered to for consideration of full points.

  1. Create a sample web site by following the Guide--"An Overview of Using KompoZer to Create a Web Site--found under Task 3 of M2. After you have completed the sample web site, be sure to rename the index page. You might want to rename it something like "sampleindex.html." This is necessary because you can't have two files named "index" within the same folder.
  2. Your task now is to create at least five distinct, separate web pages. At this time, we will be designing and creating your first two pages: a first/home page (index) and a professional resources page (resources). The other three pages--"Pirate Copyright," "WebQuery," and "ePals Technology Project"--will be created at this time but only as blank pages and will be completed during the quarter. Save these pages using these file names: piratecopyright.html, webquery.html, and epals.html. Important Note: Do NOT add the .html extension--let Kompozer do that for you! These files and all your images used will be saved in the SAME folder you created in Step 1.
  3. All pages must contain a link to Home (index). You may include links to other pages within your web site if you choose.
  4. Cooltext is a handy tool for creating banners and buttons, and you can see examples of your saving options here. Using Cooltext isn't a requirement, but it is fun and gives you another skill.
  5. To be sure you are able to successfully put your web pages out on the web, it is very important to follow some strict guidelines when saving your files. On the Saving Guidelines page, you will learn what to do and what not to do.
  6. Your first page to create is the page your visitors will see first! Oftentimes it is referred to as the "Home" page (but is saved as index.html--let Kompozer add the .html extension). What your visitors (parents, students, administrators, and/or other educators) see first should be a reflection of a professional educator! Your index page is an impression of the creator--YOU. Are you a professional or a party person? Are those pictures appropriate for your audience--parents, students, administrators, and/or other educators?
  7. The first page is meant to introduce you to your audience. What information you choose to provide about yourself is up to you; however, the information should be of a professional nature and brief. This is not the place to include high school graduation and/or activities. Design the page as if you are in your first year of teaching and this is your first classroom. :)
  8. On the first page, you are required to use a background image. See the link above for "Background Colors and Patterns." Make it tasteful--not overpowering.
  9. On your resources page, you will be building a compilation of links relevant to teachers, parents, and students. Collect at least ten URLs (web page addresses) you would like to include on your web page. Make sure your links reflect a professional attitude and relate to education in some way. Find new sites--don't use the same old ones you've been using!
  10. The sites you choose are up to you but need to be tailored to your audience--parents, students, administrators, and/or other educators. What valuable online resources can you provide for them?
  11. For each of these links, prepare a brief yet highly-informative description (two - three complete sentences) about the contents of this site. Your description must be specific to the web page you are discussing; i.e., generic descriptions will not receive full points. Avoid saying "This is a great web site." If it weren't great, you wouldn't have included it; and furthermore, it is a waste of words and space. Ask yourself why you believe your readers should want to take their valuable time and visit this site? Think: selling! Do NOT simply copy/paste the description provided as the result of doing a search as it is limited and could be plagiarism.
  12. Arrange the links (No URLs showing please.) and descriptions appropriately using a table format. Your reader should see the name of the web site, which is a link to the actual web site, and an informative description of what can be found at that site.
  13. On the Resources page include a separate section at the end that lists the references for the images you used on all pages that are not yours. This includes free graphics or those included in another software package such as Word. This lets others locate graphics you used and gives "credit where credit is due."
  14. Create the other three pages, naming and saving them appropriately (see Step 2). You need not, at this time, do any formatting or adding of any content to these pages as that will come later!
  15. On the index page, create links to all five web pages and from each web page back to the index page. Keep the same format for the links on each page. Do not include a link to that page on that page! Also, you may decide to create links between your pages.
  16. PROOFREAD your documents. KompoZer has a spell checker but it isn't always available. However, all is not lost! Think transfer of skills. Simply copy your text from Kompozer and paste it into a Word document and use Word's tools. Return to your KompoZer document and manually make the changes. Remember: no tool is perfect!
  17. Collect at least three images and include them where they seem appropriate on your index and references page(s). The background image, discussed in #8 above, does not count as one of the three images. One or more of your pictures should be taken by you with a digital camera. It does not have to be a picture of you. Carefully, crop and/or resize your pictures so they do not require large amounts of memory, take too long to load, and/or overwhelm the page! Remember, images are like spices--a little goes a long way and are meant to compliment not cause gagging. You may use whatever photo editing software you are comfortable with to make your modifications. Many of the digital cameras on the market today come with their own editing software.
  18. You may also include any additional content, pages, or formatting you would like.
  19. Upload ALL pages and ALL images to your CWU account.
  20. As you complete the other three web page assignments and/or you make changes to any of your pages, you will be uploading (actually reuploading) them following the same procedure.
    dance emoticon

You may want to check out the web sites prior students have created by going to the Peer Web sites page or by looking at Dr. Loverro's EDCS 316 Student Pages to get a general idea of what is expected.

Be Ware! What you see may or may not be an exceptional example; they are "good," "bad," and "Downright Nasty"--just like the web pages we evaluated at the beginning of the quarter. Also, the web page assignment requirements have changed over time.

In case you are having problems with your pages once they are uploaded, go back through the uploading instructions step by step.

Grading

This assignment is due as listed on the course calendar and will be scored using the Web Page Grading Rubric. Use the rubric to evaluate your web site before you submit it for grading. I am available to help you go over your web site as you are developing it.

For this assignment only! If you are not satisfied with your initial grade, you may make improvements to your pages and ask for a second grading.

To qualify for a second grading, you will need to send me an email in which you detail the changes you made so I know what you actually changed. Of course, the pages you changed must be reuploaded to the CWU server! The changes to your web pages and email to me must be completed within 48 hours of receiving notification, via Canvas, that grades for the project have been assigned. You will be notified of this opportunity, and associated due date, through the Announcement's page in Canvas.

I will not accept your assignment for a second grading unless you meet the above two requirements--detailed email and reposting of web pages within 48 hours. You will only be able to regain half of the points missed in the original grade check. For example if you scored a 10 out of 15 on the first grade check, the highest grade you can receive on the second grading is 12.5 out of 15. The intention is to give you a chance to regain some points and improve your web page, yet encourage you to do your best work for the actual due date.

This option applies only to this first web page assignment--it is not available for any other assignments; please don't ask.


 
   

Home

Cecil Bear