PCC Art 198, Spring Semester 2009

Design for the Internet

Week 1

Week 1

Topic

Assignments/Reading:

In Class

Tuesday

Web terminology, basic html structures

Due Thursday 2/26: Create a simple and valid XHTML file using 3 different elements, such as paragraphs, lists and links.

Print this and bring to class Thursday tutorial-02.pdf

Due Week 3 - Thursday (3/12): Xtreme Resume Makeover

 

Intros
Syllabus
Materials
General class ground rules
Lab Rules
Adobe Student License Purchase Program
FAQS

Dreamweaver Interface, HTML| XHTML basics, Sampler
Getting started tutorial
tutorial-01 zip files
tutorial-01 (pdf)
File-Nameing (pdf)

HTML Cheat Sheet

Intro Xtreme Resume Xhtml project basics

Thursday

Dreamweaver Interface. Introduce Standards,
Browser/Platform issues, W3C validation, CSS, presentation vs. structure, accessibility.

Required Reading: Web Standards

Required practice: Explore and become familiar with Dreamweaver interface in tutorial-02 and linked tutorials

Optional (Required for Independent Study students):

Turn in homework: simple and valid XHTML file using 3 different xhtml elements, i.e. <p> <h1> and <ol> with <li>.

Finish Getting Started Tutorials - Dreamweaver Interface
tutorial-02.zip
Print this and bring to class tutorial-02.pdf

Review CSS, presentation vs. structure
The Elements of Meaningful XHTML - semantic markup
http://tantek.com/presentations/2005/09/elements-of-xhtml/

DTD (doctype declaration) strict, loose, quirksmode and browsers interpretation
http://www.webstandards.org/learn/reference/charts/doctype-switch/

Start Xtreme Resume tutorial (pdf) - see Projects for full project files.

Glossary of Terms (primarily created from wikipedia):

Caching
A temporary storage area where frequently accessed data can be stored for rapid access.
A cache of recently visited web pages can be managed by your web browser. Some browsers are configured to use an external proxy web cache, a server program through which all web requests are routed so that it can cache frequently accessed pages for everyone in an organization. Many internet service providers use proxy caches to save bandwidth on frequently-accessed web pages.
Cascading Style Sheets (CSS)
a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL. The CSS specifications are maintained by the World Wide Web Consortium (W3C).
domain name
The most common type of domain names are hostnames that provide more memorable names to stand in for numeric IP addresses. They allow for any service to move to a different location in the topology of the Internet (or an intranet), which would then have a different IP address.
HTML
stands for Hyper Text Markup Language
HTTP
(hypertext transfer protocol) to fetch web pages. HTTP allows web browsers to submit information to web servers as well as fetch web pages from them.
URL
(uniform resource locator), which is treated as an address, beginning with http: for HTTP access
What is the Web?
The World Wide Web ("WWW" or simply the "Web") is a system of interlinked, hypertext documents that runs over the Internet. With a Web browser, a user views Web pages that may contain text, images, and other multimedia and navigates between them using hyperlinks. The Web was created around 1990 by the Englishman Tim Berners-Lee and the Belgian Robert Cailliau working at CERN in Geneva, Switzerland. As its inventor, Berners-Lee conceived the Web to be the Semantic Web where all its contents should be descriptively marked-up.
What is the Internet?
The Internet is the worldwide, publicly accessible network of interconnected computer networks that transmit data by packet switching using the standard Internet Protocol (IP). It is a "network of networks" that consists of millions of smaller domestic, academic, business, and government networks, which together carry various information and services, such as electronic mail, online chat, file transfer, and the interlinked Web pages and other documents of the World Wide Web.
Web browser and Web server

The client-server model is used today on the Internet, where a user (client) may connect to a service operating on a remote system (server) through the internet protocol. A browser is a software application that visually presents web pages from a Web server to the client’s (user) computer when requested over the Internet.

A web server is computer that is responsible for accepting HTTP requests from clients, which are known as Web browsers, and serving them HTTP responses along with optional data contents, which usually are Web pages such as HTML documents and linked objects (images, etc.).

Web Standards
The World Wide Web Consortium (W3C), along with other groups and standards bodies, has established technologies for creating and interpreting web-based content. These technologies, which are called “web standards,” are carefully designed to deliver the greatest benefits to the greatest number of web users while ensuring the long-term viability of any document published on the Web.
The World Wide Web Consortium (W3C)
develops specifications, guidelines, software, and tools to lead the Web to its full potential.
WYSIWYG
"What you see is what you get" software. Gives the author a visual display of the final output.
XHTML
eXtensible Hypertext Markup Language
About Us | Site Map | Privacy Policy | Contact Us