Academic Catalog

LINC 70: WEB PAGE DESIGN OVERVIEW

Foothill College Course Outline of Record

Foothill College Course Outline of Record
Heading Value
Units: 1
Hours: 1 lecture per week (12 total per quarter)
Advisory: Basic computer skills and knowledge of Macintosh or Windows operating systems; familiarity using web browsers, email, bookmarking, searching and downloading; not open to students with credit in LINC 200; students may enroll in LINC 70 or 70B, but not both, for credit.
Degree & Credit Status: Degree-Applicable Credit Course
Foothill GE: Non-GE
Transferable: CSU
Grade Type: Letter Grade (Request for Pass/No Pass)
Repeatability: Not Repeatable

Student Learning Outcomes

  • Design pages using appropriate web standards
  • A successful student will be able to compare and contrast the different purposes of web sites.
  • Plan and build a Web site

Description

Hands-on overview of how to design and create web pages using current online authoring tools, such as Google Sites, Wix, Weebly, or others. Advantages of different online web authoring tools will be analyzed. Techniques covered include building multiple pages; adding images, widgets, videos, banners, social media, calendars, and other features to create a neat, professional looking website. No knowledge of HTML is required.

Course Objectives

The student will be able to:
A. plan a website
B. design pages using appropriate web standards
C. import images
D. create links
E. work with tables in a web page
F. apply interactive design features (e.g., rollovers, image swaps, etc.)
G. incorporate appropriate accessibility features

Course Content

A. Plan website
1. Gather all related elements together
a. Images and other media elements
b. Related text documents
c. All linked web pages
2. Save and title web pages
3. Hypertext Markup Language (HTML)
a. Discuss layout limitations
b. If appropriate for software, compare code view vs. design view
B. Design pages using appropriate web standards
1. Web-only colors
2. Font styles
3. Paragraph formatting
C. Import images
1. Images title appropriate for web
2. Image format appropriate for web (jpg, gif or png)
3. Image size appropriate for web
D. Create links
1. Link between pages in same website
2. Link to outside web page
3. Create anchors to link within web page
E. Work with tables
1. Simple tables within document
2. Control page layout using tables
F. Apply interactive design features
1. Examples include rollovers, drop-down menus, image swaps, etc.
G. Incorporate appropriate accessibility features
1. Alt tags for images and other non-text elements
2. Captioning for any video

Lab Content

Not applicable.

Special Facilities and/or Equipment

A. When offered on/off campus: Lecture room equipped with overhead projector, white/black board, and a demonstration computer connected online. Computer laboratories equipped with online PCs and Macintosh computers, network server access, and printers.
B. When taught via Foothill Global Access on the Internet: Students must have currently existing email accounts/email address and ongoing access to computers with email software, GUI web browsing capability, FTP program, and access to the World Wide Web.

Method(s) of Evaluation

The student will demonstrate proficiency by:
A. Developing a website project.
B. Presenting the project to peers.
C. Making constructive contributions to class discussions.

Method(s) of Instruction

During periods of instruction the student will be:
A. Listening actively to lecture presentations delivered in a student-centered learning style.
B. Participating in facilitated discussions of readings or video presentations.
C. Presenting in small group and whole class meetings.

Representative Text(s) and Other Materials

McNeil, Patrick. The Web Designer's Idea Book. Inspiration from Today's Best Web Design Trends, Themes and Styles. Vol. 4. Blue Ash, OH: HOW Books, 2014. Print.

 

Types and/or Examples of Required Reading, Writing, and Outside of Class Assignments

A. Writing assignments include a website design plan, peer evaluations, and critical analysis of peer website projects, design plans, graphical user interface.

B. Outside assignments include conducting project development, writing the instructional plan, reading, and participating in online peer collaboration activities.

C. When taught online these methods may take the form of video, audio, animation and web page presentations. Assignments will be submitted online as well.

 

Discipline(s)

Instructional Design/Technology