Preview of Upcoming Labs:

IMPORTANT directions for uploading webpages so you can see them on the net.

Tenative schedule of reading to go with labs:
Week 1 - Chap. 1-2
Week 2 - Chap. 2-4
Week 3 - Chap. 5-6
Week 4 - Chap. 7-9
Week 5 - Chap. JavaScript Notes
Week 6 - Chap. 10-11
Week 7 - Chap. 12-13 and wrapup
Week 8 - Final

Directions for GeoCities

1. Sign on to www.yahoo.com
2. Click on the SIGN IN button if you do not already have a yahoo account.  If you already have a yahoo account,
key in your id and password.
3. For those who DO NOT have an account, when you click on the SIGN IN button, you will see a SIGN UP NOW
link to start setting up your new account.
4. Choose a yahoo id, please use the format “cis365xxx” where xxx are your initials.
5. Choose a password you can remember!  It will also ask you for a “security” question to help you if you ever
forget your password.
6. Under Birthday, type January 01, 1970
7. Choose JOHN SMITH for the name
8. Choose 43215 for zip
9. Choose Computer industry, choose a title like programmer, and a specialization of your choice from the
drop down list.  Gender is obvious, and for alternate email address use one of yours (preferably NOT your
home personal address), or your devry email address.  SUBMIT your form.

NOTE:  You’ll note that a large amount of this information is false, I don’t’ want you giving out personal information
on the web so these entries will get you an account and into the free website information without giving out your real
name and personal information.

10.  If you get accepted and didn’t miss any required information you get into GeoCities.  You should see a link on
the left side which says Sign Up for a Free Web Site.  Click on it.
11. Under TOPIC choose “school & education”  and SUBMIT the form.
12. If everything is successful, you should see your ID,Your email address, and your new website address.
SCREEN PRINT THIS PAGE FOR ME!!!!!!!!
13. Click on BUILD YOUR WEBSITE NOW.
14. Click on Yahoo Page Wizard.
15. Pick one of the page layouts you like that they have to offer and click on it.
16. The wizard will lead you through each part of building your first web page.  (if they ask you
for a picture , feel free if you have one to use yours, otherwise use the default picture)
17. PLEASE DO NOT PUT TOO MUCH PERSONAL INFORMATION on your webpage.  If it asks
for links, use www.yahoo.com, use mine www.redbird.net/seckel, use any favorite links like sports teams or
devry’s at www.devrycols.edu, if it asks for email ID’s, use your devry account or my email account at [email protected] .
18. When you are done creating your webpage, click on the link to view it.
SCREEN PRINT THIS PAGE FOR ME!!!!

This Ends the first lab.  Turn in your screen printouts.

Lab 2 is a conceptual lab, meaning you aren't "coding" this lab, you are using "storyboards" or what I like
to called "structural" diagrams like in Chapter 3 to show visually how your site will work and what pages
link to what other pages and how they link.  It will show if they are sequential, hierarchical , or etc.
For this lab, create a visual website (meaning on paper only) using MS Word (drawing toolbar), MS Visio,
or whatever products you are most familar with and design a website focused on good design principles,
effective navigation, and grouping "like" thoughts together on pages to make your process flow smoothly.
The website is a site to sell your used goods (similar to a yard sale or an add in your local paper...only
online).  The site  should list your personal information and how interested people should get in touch
with you, should state the purpose of your site and list at least 5 items you have to sell.  The information
you will give on each item is the following:
    a.  item name (or tpe of item)
    b.  description of item including size or dimensions when necessary
    c.  condition of item including excellent, good, poor, needs work, etc
    d.  age of the item (is it new, 5 years old, 10 years old)
    e.  asking price

You can design this website any way you wish, the only requirement is that you must use multiple webpages
and show them in your storyboard and how they relate (ie: on page 61 there is a general example of
a storyboard...you would have to show sample pages with information rather than just the word "link".  There
is also and example on page 63 that shows the actual content of the page and arrows show which link goes
to the next page and it's content.  either will do fine)

Back to Top

(start of your project)
Using your printouts from week 0 homework (the site you found for a university, online newspaper, or sports site), you need to begin to produce the layout for at least the first page of  your site.  Again, this is not coding, it's a  conceptual design that will is probably easiest in Word.  Layout a Word document (similar to the one of page 75) which shows text and links and any images necessary.  In Word it's easy then to show color and such especially if printed on a color printer.  If you do not  have access to a color printer, note on the page what the color or sizes are so I know. What I will be wanting is some draft idea of the following for your project:   REMEMBER THIS IS DRAFT...it may change as we work on this project.

• background colors and images you may use
• text colors you would use
• where is the placement of text and images (simple boxes to show image or text is fine)
• image and page size (to help look at download time)
• will you need forms or tables on your site
• what types of fonts would you need to use
• what navigation would be present
• any frames used

Lab 4

This is the first lab you will be coding.  Open of any editor you wish to use and do the following:

1. Create a document called "Joe's Bar and Grill.htm"
2. Give the web page the title "Items on Our Menu"
3. Enter the Title of the restaurant at the top, centered, with an H2 style.
4. Enter the address (123 Main Street   Anytown, Ohio 44444) after a blank line, centered, with an H5 style.
5. Place a horizontal line that coveres the entire width of the page under the address
6. Center a line saying Today's Specials before the list of items below:
7. Left align a paragraph saying all items are served with choice of chips or fries and a house salad.
6. Create a definition list for each of the following items on the menu today.  Names of dish are entered as
    definition terms; descriptions are entered as definition descriptions.
    items include:

                item                                        description

• Joe's Mega Burger                        1/2 lb. ground beef burger, flamed broiled with all the trimmings   $7.95
• Joe's Grilled Chicken                     Grilled Chicken on a whole wheat bun, served with lettus, tomato and mayo $6.95
• Pizza Burger                                   1/2 lb. burger topped with tomato sauce, mozzarella cheese, and pepperoni $6.95
• Fisherman's Catch                         Breaded and fried Cod, served with cheese on a kaiser roll   $6.95

Back to Top

Directions to upload page

Lab 5

Lab 5 is intended to help you work on your skills for anchors, using images,
and tables. I would like you to create a website for a fictional class you would
like to teach on your favorite hobby. It could be a class on sewing class, a class on fishing,
a class on hunting or books to read. The website must include the following specifications:

1. The HomePage should have the name of class, instructor name,
   contact info for the instructor, and how classes it is will be (1,2) at the top
2. The HomePage should have short paragraphs on description of the class,
   days and times the class meets, and objectives of the class. Each of these is it's own paragraph (short one) with a title for each. These titles will be anchors for intrapage links to these areas.
3. At the top of the top of the Homepage you should have navigational links
   to yahoo, my homepage, and your homepage in a small table with one row and
   3 columns to accomodate your links for paragraphs
   
4. At the bottom of the site you will need footnote information including
   a link to your email address, and a link to my homepage
   
5. Finally, inlcude an image on the page (of your choice from the CD that
   comes with our book or an image you already have) AND a background image. Use varying font styles
   especially for footnote and navigational information use a small font
   and for the paragraphs use bold and italic. Use colors appropraite to
   see the text over the background image you choose
   

Back to Top

Directions to upload page

Lab 6

In Lab3 you started the design of your project website in conceptual form. Add
on to this website showing your links to additional pages you will use and what
the layout of your pages will be. Include your navigation and footnoting,
and add concepts we've worked on like anchors, images, tables, and lists
where you will be using them on your site. Do a draft coding of your HomePage
along with one other draft linked page. Turn in your work so far as lab 6.

Back to Top

Lab7

This lab is Project A from the book. This is located on
page 357 in your book and is building a News website. All images
and necessary information is located on your CD in the back of the book.
It will combine tables, images, formatting, styles, and an overall picture
of all the work we've done so far.

Back to Top

Lab8

Lab 8

In this lab you will take your suggestions you turned in from your inclass work
for standardizing my webpage, and put them to use. If you sign on and go
to my website, you can right click on the page and you should see the option
to view the source (make sure you are looking at the main section of the webpage
where my Bluejackets Image is). You may copy and paste this code if you wish
to start with that, or you can code a new site from scratch. The following
pages are the ones you will need to "create" or "recreate" as the case may
be to complete this lab.

• The Homepage…you must keep the Bluejackets image, although moving
  it or resizing it is fine.
• You must keep the information links from the original site (like the
  links CIS365 syllabus, schedule and such. The only links
  which HAVE to be active to be clicked on and redesigned by you are the CIS365X syllabus,schedule,
  and labs links. You will redo these pages in a format you like and is standard, but you DO NOT need to redo all the pages on the site for my other classes. Just do the Homepage, your syllabus, your schedule and your labs pages.
• You must keep the Shella's favorite sites and pictures of the girls but moving or redesigning where they are on the page is fine.
• You need to use your homework 3 to standardize my page. You need to
  add anything I am missing or change anything you think should be changed.
  Colors, text, style, formatting,frames and such are all fair game for you to redo
  as you would see fit. Do not forget footnotes, crosslinks, navigation and such..

In general I am asking you to use the CONTENT from my site, but your can
format, color, do frames or not, as you see fit. This is a lab where you are
taking MY code, copying it, and making updates to the code to make it your own
design but with my content.

Marcia Johnson, 2002
Last Updated Nov. 23, 2002
My Home Page
Email Me!
Shella's Website

Back to Top