Web Page Development


Web Page Development Assignment

This assignment is a way for me to check that you are able to use an HTML editor or HTML itself to create a basic Web page with certain elements. But that doesn't mean that it shouldn't be meaningful content. Please feel free to create something that you can utilize in your classroom or in your life. Look at this as a good opportunity to play with the technology and have my support to help you through the kinks.

Web Hosting

Web hosting refers to the Web servers on which web pages (and documents, images, and other files) reside. For a Web page to be viewed by the world it must be stored on one of these Web servers.
IU has a terribly complicated system for uploading personal Web pages like we will be creating in this class. Therefore, I would like to give you some more realistic options. Services that you can use whether you are an IU student or not. you will have the following options for hosting your websites (other options must be OK'ed by me).
  1. IU - IU refers to these websites as "Mypages". The accounts are available for all students and the file storage limit is pretty good. This is the official web hosting solution for IU students. It is difficult to set up and use, but it would be a good idea for you to learn the system if you will be at IU for a while.
>
# OncourseCL - OncourseCL is available to all IU students. This technically the official IU course management system (CMS) and what we would be using if not in Moodle. OncourseCL also contains the new student file storage system. It is under the tab "My Workspace" and in the menu item "Resources". You can store your documents here (I believe up to 100MB). You can also make them "publicly viewable" by choosing the "Display to non-Members" option when uploading the files. This makes the file available on the Internet. Therefore, if you publish .html files here, they can form your website. It's pretty easy to do and you can't beat the storage. You won't get 100MB anywhere for free.
>
  1. Yahoo! Geocities - Geocities is one of the oldest free Webhosting services out there. They were bought by Yahoo! a number of years ago and they are still one of the most popular. While the sites are free, they also contain advertisements. This can be very annoying, but it is what you get for free Webhosting. I don't believe the there is objectionable advertising on these sites, but I don't know for sure. Using a service like this, you can upload you files and create your website. For this assignment you may NOT use their "PageBuilder" utility. This helps you to create pretty good looking Web pages, but then you won't have any understanding of what you have done. You may only use the "File Manager" to upload your files.
>
# Bravenet.com - Bravenet is another free Webhosting service that I have used for years (or at least used years ago). The terms and conditions are similar to those of Geocities. They also have a design utility. It is off limits for this assignment. You may only use the file manager to upload files.
>
  1. Blogger - I have mentioned previously that Blogger is driven by templates. The way that your blog looks is based on a template. This template is HTML. You can change the way that you blog looks by changing the template. If you do this while conforming to the assignment requirements, using Blogger as your website would be acceptable. If you choose this option, you must contact me first. There are significant issues related to the assignment requirements below that need to be negotiated further.
>
# OTHER - By other, you might have other suggestions or personal locations (many Internet services offer free webhosting to their subscribers). Feel free to use these, or ask for my help in using these. If you choose to use something in the "other" category, we must discuss it to make sure that it meets the criteria of the assignment.

Assignment Requirements

What has to be there:
#
Web Page Content: Your Web page should be informational. It should be directed to either your current students or future ones. The content can be just about anything, but it should be something that is instructional in nature (describe concepts, processes, etc.). If you don't know what to do, do a short grammar lesson on a grammar point that you've always found confusing or difficult to explain to students.
  1. Title - This is not just some bold characters across the top of the page. This is the title that shows up on the top of the browser window. In HTML, it is the text that appears between the <title>Put title here</title> "tags". There are a few technical reasons for this. The first is that when you save a Web page as a bookmark or favorite, the title is the default name for that bookmark. The second is because search engines use the title as part of their search criteria.
>
# Headings - You must use at least 2 different heading Levels. Again, this is not just bold, underlined text. It is a technical specification. When content "interacts" with content on the Web, they use often use items such as headings. These are "h" tags. They range from level 1 to level 6. I never see anyone use anthing other than Level 1-3, though. This are designated in HTML with heading tags <h1>Level 1 Heading</h1>, <h2>Level 2 Heading</h2>, <h3>Level 3 Heading</h3>, and so forth.
>
  1. Table - Tables are the great, usually invisible, design secret of most Web pages. Tables can either organize in the traditional way, or can organize a whole page so the Header stays at the top, the menu stays on the left, and the content stays in the middle. You should use at least 1 table in your Web page. Feel free to use it for any purpose you see fit. Invisible tables have a border size equal to 0. These are great for organizing a page without having all of those table lines.
>
# Text Formatting - You must use (a) bold, (b) underline, and (c) italics at least once in this text. This is a little contrived, but I need to see that you can do this basic formatting of text.
>
  1. Graphic - I want you to have at least one graphic on the page. This is an image of any sort in either .gif or .jpg format (the latter is what you'll find coming from digital cameras). Keep in mind that there are copyright restrictions on most images you find online. Violating these copyright restrictions is not permissable.
>
# Links - You must have at least one link on your Web page. This link can take us to another page that you have created or to an outside source. This should add to the content of your page. Make sure that this link works at the time you submit the assignment.
>
  1. index.html - index.html is the standard starting page file name on the Web. It is so standard that you don't have to type it into the URL. If you have an index.html file in the folder that the URL points to, that file will be the default 'homepage" for that folder. For this reason, your page (or your main page if you have more than 1) must be named index.html.

Evaluation

The Web Page Development Assignment is worth 30 points.
Evaluation of this one is pretty straight forward because it is more about the technical requirements than conceptual requirements.
Content
4
Title
4
Headings
4
Table
4
Text Formatting
4
Graphic
4
Links
4
Index.html
2
Total
30