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

    Web Design, Intermediate  New

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

Adobe Flash Basics

Websites that Work

Return to Fall 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.

Instructor: Pat Billingsley

Dates: October 28th and October 30th
Time: 9:30 - 11:30 AM
Location: Seelye B2

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: September 16th
Time: 3:00 - 4:30 PM
Location: Wright Hall 5

OR

Date: October 2nd

Time: 7:00-8:30 PM
Location: Wright Hall 5

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.

Instructor: Damon Blanchette

Date: September 23rd
Time: 3:00 - 4:30 PM
Location: Wright Hall 5

To register for this workshop, click here.

Back to top>

Adobe Dreamweaver: 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.

Instructor: Pat Billingsley

Date: October 2nd
Time: 2:30-4:00 PM
Location: Seelye B2

To register for this workshop, click here.

Back to top>

Adobe Dreamweaver: Web Design, Intermediate

This workshop will teach how to set up and manage a website in Dreamweaver.  Intermediate level skills will be introduced: use of images and color, multimedia, creative hyperlinks, banners and menus, good page layout.

Prerequisites: Web Design--intermediate is intended to follow the Creating a Basic Web Page workshop.  Participants should have taken the basic workshop or, otherwise, have good basic web design skills.  Instructor can be reached at x2648.

Instructor: Aisha Gabriel

Date: October 9

Time: 3:00 - 4:30 PM

Location: Wright Hall 233

OR

Date: October 15

Time: 3:00-4:30 PM

Location: Wright Hall 233

Objectives:

    * To provide an overview of Dreamweaver’s capabilities, part two

    * To encourage anyone with an interest in web design to learn new skills

    * To teach a design software tool

Related Resources:

    * Dreamweaver tutorial listed in the Dreamweaver Help Files.

To register for this workshop, click here.

Back to top>

Adobe Dreamweaver In-Depth (Faculty & Staff only)

Dreamweaver is a full-featured software application for developing and managing websites. Learn to create basic web pages using text, images, tables, hyperlinks, and form elements.  The class will also cover dynamic elements such as rollover images and pop-up menus, as well as basic file and website management strategies.

Please note that this class meets four times, as shown below.

Instructors: Pat Billingsley

Dates: November 4th, 6th, 11th and 13th
Time: 9:30 - 11:30 AM
Location: Seelye B2


Prerequisites:

A need to develop or maintain web pages for a Smith department or a Smith-related project.

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 simple 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>

Websites that Work

For those who have practiced all the basics in web design and for advanced web designers who want to cover what makes a good site, this workshop will contrast award-winning sites with sites that have very questionable elements.  Poor design choices can be avoided.  Using presentation, small group decision making and tasks, and individual hands on activities, we’ll cover navigation guidelines, good web writing, use of colors, page layout, and best use of graphics.  “A good website should feel like a good museum or even someone’s home, where there is a natural flow from one room to the next. And the person guiding you explains the back story as you explore.”---Eric Eggerton, Commonsense PR

Instructor: Aisha Gabriel

Date: October 7th
Time: 3:00-4:30 PM
Location:Wright Hall 5

To register for this workshop, click here.

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: September 19th
Time: 1:00-3: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>