OSU Web Design

CS 195 at Oregon State University

Scoring Criteria | Syllabus | Current Students

Chapter 1

Introduction to Web Design

[quick-chat room=”introduction” guests_visible=”1″ send_button=”1″]

Internet Overview

The basic function of the ‘internet’ is that individuals share content with others via a web server. The web server is a computer that allows secure transfer of files to and from its disc so that they can be viewed by anyone in the world, a select group, or by individuals. A computer connects via … Continue reading Internet Overview

Install Software

[quick-chat room=”install” guests_visible=”1″ send_button=”1″]

Transfer a file to the Web Server

Markup a blank page with a semantic HTML5 structure.

What is HyperText Markup Language (HTML)

[quick-chat room=”html” guests_visible=”1″ send_button=”1″]

What are Cascading Style Sheets (CSS)?

[quick-chat room=”css” guests_visible=”1″ send_button=”1″]

What is HyperText Pre-Processor (PHP)?

[quick-chat room=”php” guests_visible=”1″ send_button=”1″]

What is JavaScript (JS)?

Chapter 2

Produce a Résumé

Add Anchors

Add Text and Headline Fonts

Google Materials Design Icons

Add an Icon Font

Add the elegance and standardization of Google Materials Design to your web site.

Add Social Media Icons

Chapter 3

Add Media Queries

Tablecloth Table

Add a Table

Mark, style, and add function to a data table.

Add a Contact Form

Embellish blocks

Chapter 4

Optimize Online Images

Add a Foreground Photo

Add a Background Cover Image

Chapter 5

Add a Masonry Gallery

Add a responsive masonry gallery to your site.

Add a Fading Slideshow

Chapter 6

Define a Color Scheme

Design a Logo

Add Favicon and Touch icons

Chapter 7

Add Audio and Video Media

Add Simple Animation

Add an Error Page

Accommodate Internet Explorer

Chapter 8

Plan a Website Project

External Promotion

Internal Promotion

Site Hosting

Domain Names

Chapter 9

Build the New Project

Chapter 10

Review Peers at the Launch Party

Launch Party Hurrah! Your site is nearly done and ready for the public. Invite your friends and colleagues to the Kelly Engineering Atrium on the last meeting of the term. The public will also be invited and refreshments are served. Complete your website project before the Launch Party. Bring your laptop to the Kelly Engineering … Continue reading Review Peers at the Launch Party

Peer Review Feedback Sheet

Name of site Name of reviewer Instructions Add a + plus symbol to each item that is properly represented in the student’s website. Leave feedback that notes how that item is successful. Add a – minus symbol next to each item that is broken, missing, or poorly rendered. Recommend a change, such as code that … Continue reading Peer Review Feedback Sheet

Leave a Reply