CSC-122 Introduction to Web Page Development

This course is an introduction to the design and development of basic Web pages for non-computing sciences majors. Students will learn how to design and create Web pages that are in compliance with currently accepted standards. Students will learn how to use markup and formatting languages to create and customize Web pages. Sound Web design techniques will be examined and implemented as Web pages are developed. Web authoring tools will be introduced for the creation of Web pages, the manipulation of images and the creation of basic multimedia elements. Simple text editors, Web page converters and Web page editors will be employed to demonstrate their advantages and disadvantages in developing Web pages. Multiple browsers will be examined to demonstrate the differences in Web pages as they are rendered. Students will also learn how to evaluate and select services for publishing Web sites.

Credits

3

Lecture Contact Hours

3

Lab Contact Hours

0

Other Contact Hours

0

Department

  • Computer Science

Grading Scheme

  • Letter

SUNY Gen Ed Credit

  • No

Course Learning Outcomes

  1. Create a basic Web page using current markup and formatting languages, and editor tools
  2. Demonstrate the ability to comprehend, interpret, analyze, and evaluate college-level materials
  3. Manipulate photographic images
  4. Create animated vector graphics
  5. Integrate multimedia elements into Web pages
  6. Identify and evaluate current browsers for displaying Web pages
  7. Identify, evaluate and select Web page hosting services
  8. Create well-designed Web pages meeting current professional practices and standards
  9. Create well-written Web page content with regard to professional standards
  10. Demonstrate oral communication skills by presenting a final Web page project to the class
View Course Outline

CSC 122: Introduction to Web Page Development

Department

Computer Science

Course Description

This course is an introduction to the design and development of basic Web pages for non-computing sciences majors. Students will learn how to design and create Web pages that are in compliance with currently accepted standards. Students will learn how to use markup and formatting languages to create and customize Web pages. Sound Web design techniques will be examined and implemented as Web pages are developed. Web authoring tools will be introduced for the creation of Web pages, the manipulation of images and the creation of basic multimedia elements. Simple text editors, Web page converters and Web page editors will be employed to demonstrate their advantages and disadvantages in developing Web pages. Multiple browsers will be examined to demonstrate the differences in Web pages as they are rendered. Students will also learn how to evaluate and select services for publishing Web sites.

Credit Hours

3

Contact Hours

Lecture3
Lab0
Other0

Grading Scheme

Letter

Course Learning Outcomes

  1. Create a basic Web page using current markup and formatting languages, and editor tools
  2. Demonstrate the ability to comprehend, interpret, analyze, and evaluate college-level materials
  3. Manipulate photographic images
  4. Create animated vector graphics
  5. Integrate multimedia elements into Web pages
  6. Identify and evaluate current browsers for displaying Web pages
  7. Identify, evaluate and select Web page hosting services
  8. Create well-designed Web pages meeting current professional practices and standards
  9. Create well-written Web page content with regard to professional standards
  10. Demonstrate oral communication skills by presenting a final Web page project to the class

Topic Outline

  1. PHOTOSHOP - IMAGE-EDITING TOOL
    1. Explore the Photoshop workspace
    2.  Image Files
      1. Bitmap vs. Vector
      2. Files Size
      3. Color Modes
      4. Image Adjustments
      5. File Formats
    3. Layer Content to Compose Images
    4. Add Content and Work with Color
    5. Select and Modify Content
    6. Use Text and Text Effects
  2. FLASH - INTERACTIVE MULTIMEDIA TOOL
    1. Explore the Flash workspace
    2. Draw Shapes, Add Text, and Create Symbols
    3. Create Animations
      1. Tween Animation
      2. Frame-by-Frame Animation
    4. Complex Animations
      1. Masks
      2. Text Blocks
      3. Onion Skinning
      4. 3D Rotations
      5. Inverse Kinematics
    5. Add Buttons for Interactivity
  3. HTML/CSS
    1. History of the World Wide Web and HTML Web support organizations
    2. The structure of an HTML document
      1. HTML tags
      2. Block-Level and Inline elements
      3. Lists
    3. Web Site Structures and Relationships
      1. Hyperlinks: within a Web page, to another Web page, to Internet Resources
    4. Cascading Style Sheets
      1. History and Concepts
      2. Inline, Embedded and External Style Sheets
      3. Styles
    5. Special Effects with Cascading Style Sheets
      1. CSS Selectors
      2. Page Layout
      3. Styles and Various Media
  4. DREAMWEAVER - WEB DEVELOPMENT TOOL
    1. Explore the Dreamweaver workspace
    2. Inserting HTML code
    3. Working with Cascading Style Sheets
    4. Create a Dreamweaver Web Page
    5. Web Page Layout
    6. Text, Lists, and Tables
    7. Insert Images
    8. Add Flash Animation
    9. Navigation
    10. Publishing