Web Design
Monday, August 18, 2008 from 3:00 PM to 5:00 PM (Kent Library Room 112)
 
Facilitator: Dr. Mike Rodgers
Page Basics - Morning Session supplement

SPD Work area

Open Site
Create a New Page

Task: Open a Site and create a new page. Type in some text, just to have something on the page.

Horizontal line in the Insert Menu

Task: Add a horizontal line to the page, and create a hyperlink. Give the page a name and save it. Then look at Reports to gain a sense of the information available there.
Viewing pages - use File > Preview in Browser

Task: View the page that you saved in the previous Task.

Inserting Hover Buttons - Java applets are blocked, so use the Interactive Button instead:
Task: Insert an interactive button on the page, link it to http://cstl.semo.edu/institute/2008Summer/SharePointOIS/, and test the button
Changing Font Properties: SPD relies on STYLES to manage font properties. The advantage - and it can be a HUGE advantage - is that text can be assigned a specific, modifiable style in accord with your pedagogical needs. Click to explore Styles

Task: Click to do an activity based on styles

Working With Forms - drag & drop interface for all form controls placed in Insert > HTML   (Alternate: Formserver)

Task: Create a form on a page, then do the following

  1. Add a Text field and a Submit button.

  2. Name the text field "SPD Comments".

  3. Set the Form properties to save a .csv file to the _private folder in your Site.

  4. Save the page that contains the form.

  5. Open the page in a browser, place a comment in the "SPD Comments" field, and submit the form.

  6. From the Folder List, right-click on the .csv file and select Open With > Microsoft Office Excel

  7. Check to see that the .csv file contains the comment that you typed in the form.

Other Features

  1. Split and Code
  2. Website Backup (Personal Web Package)

Task: Produce a .fwp file of a part of your current Site, and explore how to retrieve the data
  1. Dynamic Web Templates allow you to develop and modify your own templates for a group of Web pages. This is a great way to ensure that all pages on your Website has the same look and feel.

    Example from UI443

Task: Click to get an activity based on DWT

Using a Table - explicit, implicit, and advanced
© Copyright 2008, Southeast Missouri State University
Comments, suggestions, and questions regarding this site? E-mail Michael L. Rodgers at mrodgers@semo.edu
Last Updated: 08/18/08                Disclaimer