Tasks

Tables

Why tables? They are the most stable way to format web pages, that's why. Though based on the idea familiar to use from word processors, tables have become the standard way to create a grid that allows more predictable formatting for your Web pages.

That said, they are being phased out in XHTML as page formatting devices. This page, for instance, does not use table at all. But the technique for doing this is still a bit advanced, so we'll use tables to enhance our formatting.

Creating Tables

As always, I suggest you start with the basic HTML to understand how the elements work. Truth be known your Web authoring software makes table creation easy. But still, you should at least do the first (very short) exercise the the Webmonkey list:

Formatting Web Pages With Tables

None of the above tutorials really go into using tables to format entire Web pages, which is a technique you will find yourself using. For that, go to Learning HTML for Kids and take their two tutorials. They describe formatting a Web page in much the same way my agenda pages are laid out.

I strongly suggest everyone take these tutorials to understand the concept of using tables as page formatting devices.

  1. Building web pages with tables
  2. More on tables

Exercises on table construction

  1. Without looking at the code, recreate each of these three tables
  2. Now, create a formatting table that takes these elements and aligns them like this.
  3. Finally, get a sense of how I used to use tables in page formatting by viewing this version of today's agenda. Go ahead and download the page and examine the source.

 

arrow upreturn to top

Search Engines

As sites get bigger, people will want to find things on them. Even the best navigation will not anticipate everyone's needs, so you will need to add a search engine. As always, our friends at Webmonkey show how to do this and give a list of free resources.

I also have some quick notes on using search pages in a website. This page gives some of the main concepts of organizing a search.

Though for the most part we just go to Google and enter a text string, the below list of examples shows different ways of organizing a search page. Much of this will have to wait for our discussion of forms, but at least you can see how searches can be directed.

Finally, the engine I use on this site is:

 

arrow upreturn to top

Learning Web Authoring Software

A couple of online sources for each main package.

Dreamweaver

Front Page

I have not reviewed any of these, so your comments will be appreciated.

For books I like the Visual Quickstart guides and anything else from PeachPit press. Dummies books are uneven. The best way to check out a book is to have some questions in mind and try to find answers in the index.

 

arrow upreturn to top

Project Two Group Work

Step 7: Finish and Post your WebQuest

It's time for these things to be up! Please post your work in a directory called webquest.

Step 8: Review and comment on group members work

 

arrow upreturn to top

Midterm Performance Exam

Everyone will be required to create a simple Web site using elements I provide. There are some parts of this test that are required, while other parts may be completed if a higher grade is desired - these parts are clearly marked. All work must be uploaded to the ECI 575 Web site. You may use any software and/or resources, but may not consult with or use human help.

This test presents the following problems:

Upload final work to your Web directory on courses.lib.odu.edu. Create a directory called midterm at the root level of your Web directory, and link to first page of the midterm from you index.html page. This part of the exam is due Monday, June 28 - Giving you one week to work on it.

ECI 475 Students: You only have to complete the required elements of the midterm for your "A".

 

arrow upreturn to top

Assignments for week of October 25

Readings

Lab Work

Hollenbeck Home

Last modified Thursday, April 13, 2006 9:56 AM
.

Search ECI 575

|