Here are nine well written and illustrated workshop tutorials on Web
Development and Publishing from the Univeristy of Washington's
Walk-In
Workshops.
By studying
these web development workshop tutorials, you will learn Web site
design from beginning to end; including planning the web site's look
and layout with HTML and CSS, and programming Web applications using
Javascript to make the site interactive and dynamic. Also offered are
workshops for learning PHP, MySQL, Video Streaming, Podcasting, and
Adobe GoLive.
Web
Development and Publishing Workshop Tutorials
Web Site Planning
In this
introductory and organizational workshop you will learn the
techniques that will help you plan the best Web site possible. Other
topics include: Web site layout and design, file and space management,
multi-browser compatibility, streaming media and Web server specifics.
Apply your knowledge and get yourself a spot on the Web.
Defining the
Project
Gather
Information
Mapping
Standards
Technical
Requirements
Planning Design
Wireframes
& Mockups
Does
It Make Sense
User
Testing
Production
Planning
Teams & Roles
Planning
Time
Post-Production
User
Testing
Redesign
Maintenance
Introduction to Hypertext Markup Language (HTML)
HTML
is the underlying language of Web site programming. This hands-on
workshop is designed to introduce you to the fundamental concepts
behind HTML. You will learn how to create, present and maintain your
own Web site. Other topics include: creating and posting Web pages,
changing fonts, inserting images, using hyperlinks, and creating
tables. Apply these skills to make a Web page or site for almost
anything you want.
HTML Fundamentals
The
Internet
Your
UW Account
HTML
HTML
Overview
Document
Structure
Block-Level
Elements
Inline
Elements
Lists
Images
& Hyperlinks
Fonts
& Colors
Tables
Cascading Style Sheets (CSS) for HTML
Cascading
Style Sheets are the most effective way to create clean, attractive and
fast-loading Web pages. In contrast to HTML, they offer greater control
over site layout for organization and extra features to design and
create consistency throughout multiple pages. In this overview, you
will learn how to harness this helpful tool and save yourself a lot of
time.
CSS Fundamentals
What
Is CSS?
Basic
Syntax
Classes
and IDs
Examples
Font
Text
Background
Boxes
Other
Introduction to JavaScript
JavaScript
is an easy way to bring interactivity to your Web site. In this
introductory workshop you will begin by learning the basics of Object
Oriented Programming, then we'll delve into the creative instances of
this growing language. Learn how to create such events as single and
double mouse rollovers, and live scripts such as alert, pop-up, and
pop-under boxes. Other topics for interactivity include linking and
using external Java Scripts, resizing windows, and implementing
scrolling scripts.
JavaScript Fundamentals
Introduction
What
is JavaScript?
History
Vocabulary
1
Objects
Properties
Methods
Vocabulary
2
Handling
Events
Variables
Assignments
Tutorials
Simple
Beginning
The
Time
Rollovers
Introduction to PHP
HTML
is the language of the web, but PHP can enable your Web pages to have
changing content that allows users to interact with your Web site
beyond just clicking links. Learn how to build website templates,
organize and display information easily and handle user input such as
web forms all while practicing basic PHP syntax. Other topics include:
basic MySQL and handling databases, advanced variables and advanced web
forms.
Introduction
to MySQL / Advanced PHP
Advanced
PHP & MySQL takes your PHP skills to the next level. In this
combined introductory and advanced workshop you will learn how to build
Website templates, organize and display information easily and handle
user input such as Web forms while practicing basic PHP syntax. Other
topics include: basic MySQL and handling databases, advanced variables
and advanced Web forms. Implementing these skills will take you to a
new professional height in Web design.
mySQL
Streaming Video for Web
Streaming
video on the Web is great way to get high quality video on your Web
site. It just so happens that as a student here you are given a UW
Streaming Media account which will allow you store larger video files,
up to a gigabyte, and stream them online from there. In this walk-thru
workshop you will learn the steps that take you from a finished video
composition to having it publicly accessible and still looking quite
nice. Other topics include: extension of principles to audio and
necessary compression types for audio and film.
Getting
Started
How
to Create Streaming Media
An overview of the complex task of producing, digitizing,
encoding, and delivering streaming media.
How-to Guides
How
to Stream a QuickTime Movie
Basic step-by-step instructions for using QuickTime Streaming Server.
How
to Stream a RealMedia Clip
Basic step-by-step instructions for using RealServer.
How
to Stream a Windows Media File
Basic step-by-step instructions for using Windows Media Server.
Miscellaneous
Streaming
Media URL References
The URLs associated with content in your streaming media directory.
How
to Test Streaming Media
Instructions on how to test and troubleshoot your streaming media files.
How
to Fix File and Directory Permissions
Learn the right Unix commands to use to fix the permissions of your
streaming media directory and the files within it.
Podcasting,
XML and RSS
Podcasting,
XML and RSS will take your web site and content to a whole new level.
In this introductory workshop you will learn how to create a podcast
using XML and RSS technologies. Other topics include: basic XML, RSS
feeds and advanced iTunes integration. Using Podcasting and RSS feeds
will increase the cool factor for your web site.
Introduction to Adobe GoLive
GoLive
is a "What-You-See-Is-What-You-Get" (WYSIWYG) Web page editor. In this
intuitive introduction you will learn how to make your own Web site
with little or no knowledge of coding languages such as HTML and CSS.
Other topics include: creating and posting Web pages, changing fonts,
inserting images, using hyperlinks, and creating tables.
GoLive Fundamentals
Introduction
HTML
Editing
The Basics
Desktop
Layout
Common
Elements
Images
Other
Products
Advanced Topics
Image
Maps
CSS/JavaScript
Templates
Sites
vs. Pages
Going
Live