graphic
(graphic designed by Ben Gullett (Fall 2010))

T R 11:15 to 12:30
in 112 Boucke

Office hours: W 10:30-12:00 and
Th 9:30-11and appt.

Dr. Ellen Taricani
227a Sparks Building
865-9317
ext2@psu.edu

line

-an advanced course in communication and information technology for students in the liberal arts and humanities

- this course is involves active and independent learning and participation

Skills Needed For This Class

You should be familiar with:  word processing, emailing, Internet use, downloading, installing software, file naming conventions (including file extensions), folder structures, and copy/paste operations.  It is also helpful if you already know how to use basic graphic software. 

Course Goals:
  • The process: planning, organizing, evaluating
  • The code: XHTML, CSS
  • The tools: Web editors, graphic software, file transfer
  • The product: The web page

Major Components:

Communication using the Internet and the Web
What is being communicated through the Internet? Who is the target and what are the influences upon our culture? Visual communication, uses of the web, methods of technology use.


Organization of the Web :

Creating web pages, communication issues, organization, design issues

Codes

XHTML and CSS are the codes behind each web page.  We will learn these codes and how they work to make web pages.

Creating and evaluating web pages

Adding graphics and special effects. Putting it all together, evaluation(feedback). Copyright and accessibility issues

Students will design, develop and present a web site using appropriate communication theory and design principles.  This should include:

  • include a theoretically informed argument for using the Internet
  • appropriate lesson review
  • explore a fairly broad theme
  • incorporate the use of technologies and css

This schedule represents the plan for CAS 483. Please note that it is merely a *plan*. Actual dates may change due to snow, illness or other unforeseen problems. Please use this as a guide and keep looking for any changes.

In the event of a University-wide emergency course requirements, classes, deadlines and grading schemes are subject to changes that may include alternative delivery methods, alternative methods of interaction with the instructor, class materials, and/or classmates, a revised attendance policy, and a revised semester calendar and/or grading scheme.

CLASS SCHEDULE

  DATE TOPIC ASSIGNMENT FOR THAT CLASS OR DUE DATES
top Tu 1/11

Introduction

Course overview

DaVinci

Thoughts on communication


General Web Principles

 

 

Th 1/13

semantic web video

social issues and development of technology

Harmonic Convergence

Discussion of social issues

 

Penn State Portal and PASS

Penn State Access Account Storage Space

 apply for web space

read article on the web in 2020


Tu 1/18

web background report :

web background assignments handed out

uses of the Web

emerging tech

Berners-Lee on the web

meet with your partner for your paper

 

Th 1/20

reports day 1

 

Web Background Paper due

 

Tu 1/25

reports day 2

-

2 Th 1/27

assignment 1 will be completed in lab

Assignment 1-code paper (done in lab)

Readings: intro and chapter 1 and 2

group assignments

Tu 2/1

basics and group work

Learning HTML


submit preliminary group plan at end of lab time
(topic and questions to be researched
)

Th 2/3

HTML basics

HTML basics-pdf

XHTML

Assignment 2-info about self (done in lab)

Readings: chapter 3, 4

directories

Tu 2/8

Lists

More detail

Adding Links

HTML

project work with your group

submit outline or group plan in angel
(more detail of your plan: questions with short descriptions)

list code examples

Readings: chapter 15

Th 2/10


Table tutorial

Lab work with tables

 

Assignment 3 due

-chapter 16

Tu 2/15

HTML, HTML Resources

Learning HTML --  Tables, sites, web design

Learning HTML -- tables

table example for the test(look at the code for how it works)

Assignment 4 due

3 Th 2/17

-meet with your group to finalize web page and presentation

 

--web prototype -group project due(2/22)
(includes web site and paper)

 

Tu 2/22

Group presentation final report

group project due

Th 2/24

Group presentation final report

group presentations

4 Tu 3/1

more on tables

visual communication pdf version

review

answers to tables in class(look at source code)

study time

--tools of communication, visual communication, uses of the web, xhtml, lists, tables and basic html

Th 3/3

Exam 1 (in 307 Boucke)

test

5 Tu 3/15

pdf version of the css slides

Cascading Style Sheets basics

More on CSS

Readings: Ch 7 and 8

-Assignment 5 due-discussion of CSS

Th 3/17

CSS guide

CSS format

positioning on a page

Readings: Ch 9 and 10

Assignment 6 due by Friday at midnight

- examples

Tu 3/22

accessibility issues

Web design tips

good example

Great resources

Readings: Ch 18

 

sample

Th 3/24

sticky web sites

page analysis, design

web building and web review site
structures
, sample

more discussion on design

examples of web structures

web site proposal due


6 Tu 3/29

Graphics on the Web, bad pages, good pages

graphics on the web

--examples of web site types

Th 3/31

E-portfolio presentation by
Mark Heckel - e-Portfolio Initiative

Assignment 7 due

crash course in copyright

web graphics

Tu 4/5

Copyright issues and PSU copyright info

slides(new)

Bring copy of front page of your web site

Assignment 8 due

---design article

Th 4/7

starting a web site

using meta tags

adware

search engine watch

domain names

CSS menu and help

Readings: Ch 23, 24

web page analyzer

web wiz guide

Assignment 9 due

Tu 4/12

project work day in lab

- prep for presentation

work on final project

Th 4/14

forms

Pros and Cons of Adding Sound to Web Pages

mp3 and streaming video tips

Playing Sounds on a Web Site

 

more links on forms

Readings: Ch 17

layout help

 

7 Tu 4/19

project presentation

Web Site Completed

web essay due

- presentations

Th 4/21 project presentation - presentations
4 Tu 4/26 review and summary portfolio due
Th 4/28 Exam 2   Topics: design, forms, copyright, css, accessibility issues

     

Course Text/Resources

HTML, HTML, and CSS (6th edition)
Elizabeth Castro/Peachpit Press

Hot Wired Magazine
An on-line magazine about the newest WWW and Internet developments.

Web Page Design for Designers
An online journal on web page design.

IEEE Multimedia

THE SEMIOTICS OF THE WEB http://pauillac.inria.fr/~codognet/web.html

Urls

www.csszengarden.com
www.smashingmagazine.com
www.alistapart.com
www.printmag.com
www.commarts.com
http://library.austincc.edu/w3/VCD/flashgal.htm

FAQ for class

Grading

The purpose of a grade is, ideally, to give the student feedback on the degree of their success in assimilating course content. The following grading structure is based on the required plus/minus system of the University.

100 percent total possible

   95 - 100 -- A   73 - 76  -- C+
   91 - 94  -- A-    69 - 72  -- C
   87 - 90  -- B+     60 - 68  -- D
    82 - 86  -- B       0 - 60  -- F
   77 - 81  -- B-  

Total points will be determined according to the following structure:

10% Exam 1
10% Exam 2
5% Web reports (2-3 page)
10% Web prototype page (group)
20% Web page project (5% proposal, 15% siteand essay)
5% Attendance
5% Portfolio development
35% Assignments ( 8 assignments)

Attendance

Students will be permitted 2 unexcused absences. Other absences will require a written excuse. You are responsible for the lecture material and other discussions in class. If you are absent, ask a classmate.

Academic Integrity Statement

Penn State defines academic integrity as the pursuit of scholarly activity in an open, honest and responsible manner. All students should act with personal integrity, respect other students’ dignity, rights and property, and help create and maintain an environment in which all can succeed through the fruits of their efforts (Faculty Senate Policy 49-20).

Dishonesty of any kind will not be tolerated in this course. Dishonesty includes, but is not limited to, cheating, plagiarizing, fabricating information or citations, facilitating acts of academic dishonesty by others, having unauthorized possession of examinations, submitting work of another person or work previously used without informing the instructor, or tampering with the academic work of other students. Students who are found to be dishonest will receive academic sanctions and will be reported to the University’s Judicial Affairs office for possible further disciplinary sanction.

Disability Access Statement

The Pennsylvania State University encourages qualified people with disabilities to participate in its programs and activities and is committed to the policy that all people shall have equal access to programs, facilities, and admissions without regard to personal characteristics not related to ability, performance, or qualifications as determined by University policy or by state or federal authorities. If you anticipate needing any type of accommodation in this course or have questions about physical access, please tell the instructor as soon as possible.