Web Page Authoring Assignment
Successfully Creating Your Own Web Site!
Please read through this entire page before beginning!
The purpose of this assignment is two-fold:
- introduce the concepts and
skills of building a basic web page.
- help you meet NETS-T 3.
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?
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
what this assignment requires, feel free to do so. In fact, you are
to create something that will be challenging and useful for you rather than
and boring. Check with me if you'd like some clarification or
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
Help for Downloading KompoZer
read the instructions carefully to help you earn a high score! Specific
guidelines are provided and need to be adhered to for consideration of
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
- 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.
- All pages must contain a link to Home (index). You may include links to other pages within your web site if you choose.
- 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.
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.
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?
- 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
- 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.
- On your resources page, you will be building a compilation of
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
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!
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?
- 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
- 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.
- 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."
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!
- 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.
- 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!
- 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
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.
- You may also include any additional content, pages, or formatting you
- Upload ALL pages and ALL images
to your CWU account.
- 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.
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.
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.
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
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.
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
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