Course Content and Outcomes Guides (CCOG)

CCOG for CAS 111D archive revision 202104

You are viewing an old version of the CCOG. View current version »

Effective Term:
Fall 2021

Course Number:
CAS 111D
Course Title:
Beginning Website Creation: Dreamweaver
Credit Hours:
3
Lecture Hours:
10
Lecture/Lab Hours:
40
Lab Hours:
0

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 110 and CAS 133 or equivalent file management and word processing experience; placement into RD 115 and WR 115. Audit available.

Intended Outcomes for the course

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, HTML and server terminology
  • Coding standards
  • Basic web site structure

 
Competencies", Skills: 

1)      HTML Coding

  • Paragraphs
  • Headings
  • Links: relative/internal and absolute/external
  • Lists: ordered and unordered
  • Line Breaks
  • Images
  • Strong and Emphasis
  • Doctype statement

2)      Coding Standards

  • Well-formed documents
  • Tags and attributes in lowercase
  • End-tags required for non-empty tags
  • Attribute values must be quoted
  • Empty elements must be properly closed
  • Use ID attribute instead of NAME attribute
  • All images must have ALT attributes

3)      Accessibility

  • ALT tags
  • Color schemes for color blindness
  • Formatting tags (strong and emphasis)

4)      Images

  • Sizing
  • Image Optimization using Photoshop from within Dreamweaver
  • Rollover Images
  • ALT tags on all images

5)      Cascading Stylesheets (CSS)

  • Use Dreamweaver interface to create CSS rules
  • Use of External Stylesheets
  • Selectors (Tag, Class, ID, Compound)

6)      Text Formatting

  • Use of Strong and Emphasis in HTML code
  • Difference between HTML and CSS buttons in Dreamweaver
  • Styles created in External Stylesheet

7)      Background Images

8)      Layout

  • DIVS and CSS used for page layout (NOT tables)
  • Option to use Dreamweaver pre-built layouts
  • Tables for tabular data only
  • Tables for Form elements

9)      Forms

  • Form elements (form processing not required)

10)   Navigation

  • Links (Text, Image, Absolute, Relative)
  • Named Anchor Tags

11)   FTP/Uploading

  • Using Dreamweaver Site Definitions for local and remote site maintenance
  • Uploading to Remote server using FTP client such as Filezilla
  • Uploading to Remote server using Dreamweaver FTP

12)   Search Engine Optimization (SEO)

  • META Tags (Keywords, Descriptions)
  • 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.