City College of San Francisco
Course Outline of Record
Course Status: Active
I. GENERAL DESCRIPTION
A. Approval Date February 2015
B. Effective Semester No Semester Provided
C. Department Business
D. Course Number COMP 9918
E. Course Title Building Business Web Sites
F. Course Outline Originator System Loaded
G. Department Chairperson Ophelia Clark
H. Dean Kimberly Harvell
II. COURSE SPECIFICS
A. Hours
45 total
B. Prerequisite None
    Corequisite None
    Pre/Corequisite None
    Advisory ESLN 3700 or TRST 2322; COMP 9245 or COMP 9905
    Advisory Pre/Corequisite None
C. Course Justification A business website is essential for a Business enterprise. This course introduces the non-technical student to web development skills utilizing easy to use industry standard software allowing the creation of a website without programming. Required for the Business Web Pages Basics Noncredit Certificate of Completion.
D. Field Trips No
E. Method of Grading Letter or Pass/No Pass or Satisfactory Progress
F. Repeatability As needed
III. CATALOG DESCRIPTION
An introductory hands-on project based website development course for the business office. Students will plan, format, develop, and publish a basic business website using Adobe Muse web development software. Students will add text, images, media, widgets, navigation elements, and links to a website.
IV. STUDENT LEARNING OUTCOMES
Upon completion of this course, a student will be able to:
  1. Describe the available Adobe web development tools.
  2. Describe the business functions of a website:
  3. Plan, organize, and develop a basic multi-page business website.
  4. Efficiently utilize Adobe Muse to control the formatting and layout of web pages and their contents by adding text, graphics, media, widgets, navigation, and links.
  5. Publish and update a site.
V. CONTENTS
  1. Current website authoring tools
    1. Website development tools
    2. Web graphic tools
    3. Animation tools
    4. Business website tools
    5. Adobe Muse
  2. Plan and develop a web site
    1. Business functions of a website
    2. Understand Modes
    3. Create a new site
    4. Create and edit a sitemap
    5. Add parent and child pages
  3. Page layout
    1. Create
    2. Format
    3. Modify
  4. Master Pages
    1. Set and apply
    2. Headers and footers
    3. Main content area
    4. Sidebar area
  5. Organize web content
    1. Layers
    2. Assets
    3. Frames
    4. Folders
  6. Format text
    1. Font, size, color
    2. System fonts
    3. Web fonts
    4. Text effects
  7. Styles
    1. Paragraph
    2. Character
    3. Graphic
  8. Place graphics and media
    1. Draw shapes
    2. Fill and stroke
    3. Insert and modify images
    4. Place web graphics from a graphics editor such as Fireworks or Photoshop
    5. Place output from animation software such as Flash or Edge Animate
  9. Add widgets
    1. YouTube video
    2. Google map
    3. Standard or custom
    4. Slideshow and lightbox
  10. Create a navigation structure
    1. Hyperlinks and navigation elements
    2. Navigation bar using widgets
    3. Custom menu
    4. Buttons
  11. Add business content to a website
    1. Promotional content
    2. Brand awareness
    3. Customer engagement
    4. Search engine optimization
    5. Simple contact form
  12. Maintain a website
    1. Preview in the Browser
    2. Publish
    3. Update

VI. INSTRUCTIONAL METHODOLOGY
  1. Assignments
    1. In-class assignment: Participation and practice exercises such as: 1) Plan and organize a site map 2 Create pages 3) Layout and format a web page 4) Place graphics and media 5) Type and format text 6) Create and format a navigation structure 7) Insert and format widgets 8) Final project: create a multiple page website incorporating course content
    2. Out-of-class assignment: Readings from the textbook
    3. Out-of-class assignment: Analyze selected web sites
    4. Out-of-class assignment: Research how businesses use websites
  2. Evaluation
    1. Performance: Successful completion of in-class assignments such as: a. Add pages to a site map b. Format web page content c. Place widgets, graphics, and media in a web page d. Create a working navigation structure
    2. Research project: Final project: creation of a multi-page website incorporating course content.
    3. Exams/Quizzes/Tests: Quizzes on topics such as interface commands, panels, tools, and options.
    4. Final Assessment: Final Exam on topics such as organizing a website, business functions of a website, formatting text, adding graphics, media, and widgets, adding and formatting navigation elements, and web layout.
  3. Representative Textbooks and Other Instructional Materials
    1. Adobe Creative Team. Adobe Muse Classroom in a Book. Adobe Press .
    2. Brian Wood, Adobe Muse CC Classroom in a Book, Adobe Press
    3. Instructor-led materials such as video tutorials
    4. Website: Adobe Tutorials
    5. Website: Entrepreneur eBusiness