Skip to Content
Close

Student e-mail will be down at 8 am Friday (12/19) to 5 pm Monday (12/22).

Beginning Web Site Creation: Dreamweaver

Course Number: CAS 111D
Transcript Title: Begin Website: Dreamweaver
Created: September 1, 2012
Updated: December 19, 2014
Total Credits: 3
Lecture Hours: 10
Lecture / Lab Hours: 40
Lab Hours: 0
Satisfies Cultural Literacy requirement: No
Satisfies General Education requirement: No
Grading options: A-F (default), P-NP, audit

Recommended

CAS 133 or equivalent file management and word processing experience; placement into RD 115 and WR 115

Course Description

Introduces basic elements of website creation using Adobe Dreamweaver. Includes web terminology, basic HTML, uploading pages to a server (FTP), site management, tables, layout, stylesheets (CSS), rollovers, optimizing graphics, and accessibility. Recommended: CAS 133 or equivalent file management and word processing experience; placement into RD 115 and WR 115. Audit available.

Intended Outcomes

Upon successful completion of this course, student will be able to:

  1. Use Adobe Dreamweaver to create personal and/or business websites following current professional and/or industry standards.
  2. Use critical thinking skills to design and create a basic, multi-page website.
  3. Use Adobe Dreamweaver and a stand-alone FTP program to upload files to a web server.
  4. Be prepared to pursue future courses in website development and design.

Outcome Assessment Strategies

Grading of this class will be based on completion of project(s) developed individually or as part of a team.

Assessments may include:

  • Completion of a multi-page website
  • Tests or quizzes

Course Content (Themes, Concepts, Issues and Skills)

Themes, Concepts, Issues

  • Web Site, X/HTML and server terminology
  • Coding standards
  • Basic web site structure

Competencies, Skills

  1. XHTML Coding
    1. Paragraphs
    2. Headings
    3. Links: relative/internal and absolute/external
    4. Lists: ordered and unordered
    5. Line Breaks
    6. Images
    7. Strong and Emphasis
    8. Doctype statement
  2. Coding Standards
    1. Well-formed documents
    2. Tags and attributes in lowercase
    3. End-tags required for non-empty tags
    4. Attribute values must be quoted
    5. Empty elements must be properly closed
    6. Use ID attribute instead of NAME attribute
    7. All images must have ALT attributes
  3. Accessibility
    1. ALT tags
    2. Color schemes for color blindness
    3. Formatting tags (strong and emphasis)
  4. Images
    1. Sizing
    2. Image Optimization using Photoshop from within Dreamweaver
    3. Rollover Images
    4. ALT tags on all images
  5. Cascading Stylesheets (CSS)
    1. Use Dreamweaver interface to create CSS rules
    2. Use of External Stylesheets
    3. Selectors (Tag, Class, ID, Compound)
  6. Text Formatting
    1. Use of Strong and Emphasis in XHTML code
    2. Difference between HTML and CSS buttons in Dreamweaver
    3. Styles created in External Stylesheet
  7. Background Images
  8. Layout
    1. DIVS and CSS used for page layout (NOT tables)
    2. Option to use Dreamweaver pre-built layouts
    3. Tables for tabular data only
    4. Tables for Form elements
  9. Forms
    1. Form elements (form processing not required)
  10. Navigation
    1. Links (Text, Image, Absolute, Relative)
    2. Named Anchor Tags
  11. FTP/Uploading
    1. Using Dreamweaver Site Definitions for local and remote site maintenance
    2. Uploading to Remote server using FTP client such as Filezilla
    3. Uploading to Remote server using Dreamweaver FTP
  12. Search Engine Optimization (SEO)
    1. META Tags (Keywords, Descriptions)
    2. Title Tags

Related Instruction

Computation

Hours: 15
Outcomes:

  1. Create a multi-page web site using the basic features of Dreamweaver
  2. Publish (upload) a web site to a server using Dreamweaver and a stand-alone FTP program
  3. Utilize basic X/HTML tags

Activities:
Calculations involving screen resolution, the hex numbering system for colors, determining percentage width for tables and table cells, determining the length and width of an image, etc. In APDiv's, measuring placement on the screen in terms of pixels. In HTML, CSS and Behaviors, assigning values to properties and variables.

Communication

Hours: 20
Outcomes:

  1. Create a multi-page web site using the basic features of Dreamweaver
  2. Publish (upload) a web site to a server using Dreamweaver and a stand-alone FTP program
  3. Utilize basic X/HTML tags

Activities:
Writing web pages with content developed by the student. May also include posting content on the web using e-mail, bulletin boards or blogs.

Human Relations

Hours: 15
Outcomes:

  1. Create a multi-page web site using the basic features of Dreamweaver
  2. Publish (upload) a web site to a server using Dreamweaver and a stand-alone FTP program
  3. Utilize basic X/HTML tags

Activities:
In campus classes, working in groups to develop skill in working with colleagues. In online classes, working cooperatively via bulletin boards or other shared media. Communication with the instructor to develop skill in working with supervisors.