Free Web Design, Development and Programming Training and Tutorial Resources

Blog Roll:
Free Microsoft Office Training & Tutorials
Free Adobe & Macromedia Training & Tutorials
Free Web Development Training & Tutorials
Intelligentedu.com Blogs
- Free Technical Computer Training
- Free Computer Books & Ebooks

Top Links:
Free Training By Email
Free Computer Training from EdComp
Free Computer and I.T. Training

May 1, 2006

Web Development and Publishing Workshop Tutorials

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
   Bullet Gather Information
   Bullet Mapping
   Bullet Standards
   Bullet Technical Requirements

  Planning Design
   Bullet Wireframes & Mockups
   Bullet Does It Make Sense
   Bullet User Testing

  Production
   Bullet Planning Teams & Roles
   Bullet Planning Time

  Post-Production
   Bullet User Testing
   Bullet Redesign
   Bullet 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
   Bullet The Internet
   Bullet Your UW Account
   Bullet HTML

  HTML Overview
   Bullet Document Structure
   Bullet Block-Level Elements
   Bullet Inline Elements
   Bullet Lists
   Bullet Images & Hyperlinks
   Bullet Fonts & Colors
   Bullet 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
   Bullet What Is CSS?
   Bullet Basic Syntax
   Bullet Classes and IDs

  Examples
   Bullet Font
   Bullet Text
   Bullet Background
   Bullet Boxes
   Bullet 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
   Bullet Introduction
   Bullet What is JavaScript?
   Bullet History

  Vocabulary 1
   Bullet Objects
   Bullet Properties
   Bullet Methods

  Vocabulary 2
   Bullet Handling Events
   Bullet Variables
   Bullet Assignments

  Tutorials
   Bullet Simple Beginning
   Bullet The Time
   Bullet 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.

PHP

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
Bullet Introduction
Bullet HTML Editing

  The Basics
   Bullet Desktop Layout
   Bullet Common Elements
   Bullet Images
   Bullet Other Products

  Advanced Topics
   Bullet Image Maps
   Bullet CSS/JavaScript
   Bullet Templates
   Bullet Sites vs. Pages
   Bullet Going Live