WEB DESIGN & DEVELOPMENT

Develop and extend the capabilities of your website by learning about HTML, Contribute, Dreamweaver, and Flash.

Adobe Contribute (2-session course; faculty and Staff only)

Adobe Dreamweaver Short Courses

    Creating a Basic Web Page

    Cascading Style Sheets
    Contructing Simple Forms

Adobe Dreamweaver In-Depth (4-session course; faculty and Staff only)

Adobe Flash Basics


Return to Spring 2008 Overview>

Adobe Contribute (Faculty & Staff only)

If you already know Microsoft Word, Contribute's familiar Word-like interface makes it easy to edit the text on a webpage, add images and links, create tables, and insert the contents of a Word or Excel document.  This simple web editor is an ideal tool for anyone who is responsible for maintaining and updating a Smith website.

Prerequisites:

Familiarity with Microsoft Windows and Word, and a need to maintain web pages for a Smith department or a Smith-related project.

Please note that this class meets twice, as shown below.

Dates: February 5th and February 7th
Time: 9:30 - 11:30 AM
Location: Seelye B2
Instructor: Pat Billingsley

Objectives: 

Participants will become familiar with the following topics and procedures:

• Basic web concepts and terminology
• The Contribute interface
• Editing text on an existing webpage
• Creating a new page from an existing page
• Saving draft pages
• Using tables to organize content into rows and columns
• Creating numbered and bulleted lists
• Inserting images
• Creating internal and external links
• Inserting content from a Word or Excel document
• Publishing finished pages
  

To register for this workshop, click here.

Back to top>

Adobe Dreamweaver: Creating a Basic Web Page

Dreamweaver is a very versatile and powerful html editing software application. This workshop will help participants begin basic design of a web page and understand how to set up and manage a website in Dreamweaver. The workshop will cover orientation, saving and uploading of files, and page properties. We’ll conclude with best uses of images, multimedia, hyperlinks, and rollovers.

Prerequisites: Participants need good basic computing skills.

Instructor: Aisha Gabriel

Date: February 7th
Time: 4:00 - 5:30 PM
Location: Wright Hall 233

OR

Date: February 19th
Time: 4:00-5:30 PM
Location: Wright Hall 233

Objectives:

• To provide an overview of Dreamweaver’s capabilities
• To encourage anyone with an interest in web design to learn new skills
• To teach a design software tool

Instructional Content and Learning Activities:

Presentation Outline (PDF)


Related Links:

• Element K online lessons. See The User Support Center for availability of licenses.
• Dreamweaver tutorial listed in the Dreamweaver Help Files.

To register for this workshop, click here.

Back to top>

Adobe Dreamweaver: Cascading Style Sheets

This course will show those who already know how to build websites ways to fine-tune and customize the look of their web pages. Text, images, positioning, lists, and more can all be edited to create web pages that are original and engaging.

Prerequisites: Attendees should already know how to make a web page, have knowledge of html, and some experience with Dreamweaver.

Date: February 28th
Time: 4:00 - 5:00 PM
Location: Center for Media Production C103
Instructor: Damon Blanchette

To register for this workshop, click here.

Back to top>

Adobe Dreamweaver: Constructing Simple Forms

In this workshop you will learn how to construct simple web-based forms using Dreamweaver's forms tools, and insert commands that package a user's data into an email message and send it to a designated recipient. Note that we will NOT be covering forms that input user data directly into a database.

Prerequisites: Working knowledge of Dreamweaver.

Date: March 27th
Time: 9:30-11:00 AM
Location: Seelye B2
Instructor: Pat Billingsley

To register for this workshop, click here.

Back to top>

Objectives: 

Participants will become familiar with the following topics and procedures:

• Basic web development concepts and terminology
• Using FTP to upload and download files
• The Dreamweaver interface
• Creating local site folder(s)
• Creating and save a web page
• Previewing a web page in a browser
• Uploading a web page to a web server
• Creating paragraphs, bulleted lists, stylized text, and more!
• Inserting an image into a web page
• Wrapping text around an image
• Aligning and resizing an image
• Creating an image map
• Using an image as a link
• Creating hyperlinks
• Using tables to design a web page
• Creating layers and inserting content
• Creating web-based forms
• Creating, editing, and using templates
• Creating, editing, and using cascading style sheets
  

To register for this workshop, click here.

Back to top>

Adobe Flash Basics

This workshop is an introduction to the creation of graphics and animation using Macromedia Flash 8. We will learn the basics of vector graphics and how to animate various objects. The students will walk away with a simple animation created for a website. 

Prerequisites: Participants should have some knowledge of the creation of computer graphics (Photoshop, Illustrator, etc)

Instructor: Damon Blanchette

Date: February 21st
Time: 3:00-5:00 PM
Location: Center for Media Production C103

Objectives:

• Provide an overview of Flash’s features and interface.
• Learn to draw with vector graphics.
• Create simple animations with moving symbols.
• Create buttons.

• Publish an animation and place it in a webpage.

Instructional Content and Learning Activities:

Presentation Outline (PDF)
Presentation Handout (PDF)

Related Links:

Kirupa
Actionscripts.org
Flashkit

To register for this workshop, click here.

Back to top>