From Professor Al's Pen Sitemap, A Great Place To Learn Web Design

Welcome to Professor Al’s Place

Introduction to the
INTERNET & WEB PAGE DESIGN

Alternative Site Map and Index

BASIC HTML	FIREWORKS MX	DREAMWEAVER MX	FLASH MX
CIS 127 — WEB DESIGN CLASS FILES AND RESOURCES Additional Material Available from the Sierra College Site
Basic HTML —Learn Basic Codes —The Starting Page —Text and Images —Image Borders Hypertext Linking — Hypertext Continued — Hypertext More About Words — Font Sizes — Font Faces — Font Colors — Font Styles Working with ULs — Working with OLs — Working with DLs Graphic Image Formats — Saving Images — Aquiring Images — Changing Image Sizes Hexadecimal Colors How to Make Tables — Creating the Code — Creating More Cells — Word Wrap in Cells — Table Spacing — Wrapping Up Tables	Fireworks MX Start Embarking — Creating New Docs — Editing Menus — Saving & Exporting — The Tools Panel — The Selection Tools — The Text Tool — Freeform Text Tricks — Managing Color Productivity — The Lasso Tool — Working with Layers — Masking Techniques — Live Effects — The Optimize Panel — Library Styles Elevated — Buttons & Rollovers — Rollover Slices — Rollover Behaviors — Slicing Images — Image Maps — Fireworks Animation — Pop-Up Menus — Disjointed Rollovers — Multiple Rollovers Fireworks MX LABS — Lab 1 — Lab 2 — Lab 3 — Lab 4 — Lab 5 — Lab 6 — Final Project	Dreamweaver Start Embarking — Define the Site — The MX Workspace — Property Inspector — The Objects Panel — Save & Preview — The MX Launcher — Bistro Storefront — Bistro Hyperlinks Productivity — Text Properties — Color Schemes — Simple Tables — Layout Tables — Point-to-File — Images & Rules — Using Style Sheets — External Styles — Framesets — Interactive Forms — Form Layout — Form Function — Hidden CGI Fields Elevated — Using Layers — Timeline Animation — Timeline Controls — Insert the Date — Insert Photo Album — Show/Hide Behaviors — Multiple Behaviors — Behaviors w/ Sound — Interactive Rollovers — Zooming-In Rollovers — Pop-Up Windows — Pop-Under Windows — Pop-Ups w/o Windows — Pop-Up Tool-Tips Dreamweaver LABS — Lab 1 — Lab 2 — Lab 3 — Lab 4 — Lab 5 — Lab 6 — Lab 7 — Final Project	Flash MX Start Embarking — The MX Stage Area — The Tools Panel — The Timeline — Property Inspector — The MX Library — Layers & Frames — Document Properties — Flash MX File Types Productivity — Flash MX Animation — Motion Tweens — Shape Tweens — Importing Sounds — Sound Settings — Exporting Sounds — Movie Clips — Movie Clip Symbols Elevated — ActionScript Param. — Movie Clip Actions — Button Actions — Preloader Movies — Movie Optimizing — Bandwidth Profiler — Publish Settings — Export Flash MX LABS — Lab 1 — Lab 2 — Lab 3 — Lab 4

CS62 LECTURES IN PPT or PDF FORMAT	CS62 LECTURES IN PPT or PDF FORMAT	CS62 LECTURES IN PPT or PDF FORMAT	CS62 LECTURES IN PPT or PDF FORMAT
CS62 — INTRO TO HTML PROGRAMMING LECTURES &. PDF FILES
WDP1a Getting Organized	WDP1eWS FTP for CSWEB2	WDP1b Basic HTML Coding	WDP1c Adding Hypertext Links
WDP2a Basic Design Principles	WDP2c Typography on the Web	WDP2e Introducing Image Maps	WDP3a Talk About Color
WDP3b Understanding Graphic Images	WDP2d Introducing Meta Tags	Web Accessibility	WDP4a Introducing Web Page Tables
WDP4b Advanced Web Page Tables	WDP2b Design Web Site Navigation	WDP5a Not Your Ordinary Frames, Part 1	WDP5b Not Your Ordinary Frames, Part 2
WDP6a Creating Web Page Forms	WDP6b Creating More Web Page Forms	WDP6c Form Tricks	WDP7a CSS Inline Styles
WDP7b CSS Fonts & Text	WDP7c CSS Backgrounds & Boxes	WDP7d CSS Embedded and Linked	WDP7e CSS Positioning
WDP7e CSS Visibility	WDP7e CSS Clipping	WDP7f Class & ID	WDP8a Understanding Javascript
WDP8b JS Event Handlers	WDP8c JS Variables & Arrays	WDP8d JS onMouseOver	WDP10 Multimedia
Web As A Medium	WDP9 Final Summation	Assignments & Due Dates	Syllabus in PDF Format

WEB PUBLISHING CISW300 ASSIGNMENTS	WEB PUBLISHING CISW300 PowerPoint LECTURES	CISW300 Additional RESOURCES
CISW300 — WEB PUBLISHING CLASS FILES AND RESOURCES
Calendar Style FALL Calendar Style SPRING Calendar Style SUMMER One-Page Style FALL One-Page Style SPRING One-Page Style SUMMER Meta Tag Template EXPECTED ASSIGNMENTS – #1 Ex 4.1 Camembert – #2 Ex 1+2 Set-up – #3 Ex 5.4 Linking – #4 1st Published Site – #5 The Bookworm – #6 Clickable JukeBox – #7 Framesets – #8 Floating Frames – #9a Good/Bad Design – #9b Rating Form – Story Boarding Design Checklist – #10 BookWorm CSS – #12 Forms Contact –– Hidden CGI Codes Mid-Term Assignment –– Learn How to Use NetMeeting –– Translations Services Here EXTRA EFFORTS • #1 River Bar Seafood • #2 Findlay Farmhouse • #3 Avalon Books • #4 Tri-State Realty • #5 Travel Web • #6 Vatican Collection • #7 Univ. Education • #8 Pop-Up Frame • #9 CSS-P Text/objects • #10 Mixed-Metaphors • #11 Civic Center • #12 JS Validation • #13 JS Arrays • #14 MultiMedia	Download the PowerPoint Lectures, Current 2003 11/14/02 Get Started [0.5MB] 11/14/02 Get Organized [0.3MB] 11/14/02 Basic HTML [0.5MB] 11/14/02 Add Hypertext [0.2MB] 11/14/02 WS_FTP for CSWEB2[0.7MB] 11/14/02 Using pico [0.2MB] 11/14/02 Design Principles [5.0MB] 11/14/02 Site Navigation [3.7MB] 11/14/02 Typography [0.8MB] 11/14/02 Meta Tags [1.7MB] 7/17/03 Meta 7 Reasons [70KB] 7/17/03 Meta Finds You[130.5KB] 7/17/03 Meta Are You Ready[78.5KB] 7/17/03 Meta Killer Secrets[83.5KB] 11/14/02 Image Maps [4.1MB] 11/14/02 Connection [1.9MB] 11/14/02 About Color [1.1MB] 11/14/02 Graphic Images [1.6MB] 11/14/02 Work w/Images [1.9MB] 11/14/02 Intro Tables [2.5MB] 11/14/02 Advanced Tables [1.6MB] 7/17/03 Frames One [1.5MB] 7/17/03 Frames Two [1.8MB] 7/17/03 Create Web Forms [1.2MB] 7/17/03 More Web Forms [1.7MB] 11/5/02 Form Tricks [0.7MB] 7/17/03 CSS Inline [1.7MB] 7/17/03 CSS Font-Text [2.5MB] 7/17/03 CSS Background [2.1MB] 7/17/03 CSS Embed [0.4MB] 7/17/03 CSS-P Clipping [0.4MB] 7/17/03 CSS-P Position [1.3MB] 7/17/03 CSS-P Visibility [0.7MB] 7/17/03 CSS Class ID [1.1MB] 11/1/02 JS Understanding [0.5MB] 7/17/03 JS Events [0.3MB] 11/1/02 JS Vari-Arrays [0.4MB] 11/14/02 JS onMouseOver [0.6MB] 11/14/02 Multimedia [1.6MB] 7/17/03 Web Accessibility [1.5MB] 11/20/02 Web Medium [3.7MB] WDP9.ppt Summation [0.2MB]	ONLINE HELP EXAMPLES – CSS Text Placement – CSS Tables – CSS Table Codes – CSS Table Layout – CSS Table Captions – CSS-P Properties – CSS-P Examples – Floating Example – CSS-P Metaphors — Where's the Beef? — On Cloud 9 — Dynamic Mover — Hey Sport Cross Platform Mover Practical JavaScripting – Menu Fade – Scrolling Marquee – Scrolling ToolTips – Image OnMouseOvers – Image RollOvers – Sound RollOvers – Count Days JS Libraries JS Form Validation JS Validation Services JS Resources Flash Sites Student Web Pages

MISC	TABLES	FRAMES	FORMS
The SANDBOX has the In-Class Demos Files You Need
– Basic Template – Frameset Template – Anchor Names – Abs-Rel Links – Transitions – Meta Refresh – Faux onMouseOver – Demo Maps – Get Cute Map	– Tables — Example 1 — Example 2 — Example 3 — Nested Tables — Col & Row Span – Advanced Tables — Captions — Colspan/Rowspan — Colgroups — THead/TFoot/TBody — Table Frames — Table Rules – Multicol – Borderless Tables – CSS Embedded Tables – CSS Layout Codes – Position Tables – Tables Vs. CSS-P	– Frameset –Frames Syntax – Drop-Down Frames – Parent Child Frames – Frameset Styles – Out of Frames – Names and Targets – Inline Frames – Pop-Up Frames – Pop-Up Close	– Form Components – Form Menu — Under the Hood — Form Word Wrap — Form Drop Down — Form Drop Down2 - onMouseClick — Form Pop-Up — Form Pop-Up2 – Form E-mail – CGI Guestbook – CGI Class Project – CGI Hidden Codes – JS Form Validator – Form Validation Services – Form JavaScript Quiz
CSS STYLES	DYNAMIC HTML	JAVASCRIPT	MACROMEDIA
– Style Menu – Expand Collapse Menu – Inline Styles – Embedded Styles — Example 1 — Example 2 — Embedded CSS — Web Site Example — Web Site CSS – Backgrounds – Boxes Etc. — Backgrounds — Measurements — Body Margins — P Padding — Border Widths — Textareas — Float Text – Coupons – Faux Buttons – Photo Filters	– Cursor Tricks – Too Cool Alert – Menu Array – Blend Images – Cliping Images – DHTML-Color Wheel	– Browser Snifter – Countdown – Site Move – onMouseClick BG & Text Color Picker – Find Text Inline – Reef Fish Quiz	— FireWorks MX — FW MX Samples — FW Entry for Koalas — DreamWeaver MX — DW MX Samples — Le Chateau Vineyards — Save the Koalas — Flash MX — FL MX Samples — FL Short Story — FL Ad CSS-P — FL Open Book — Solar Roofs — FL Demo Splash 1 — FL Demo Splash 2 — FL Crossfire Ad
ADOBE	LINKS	WEB DESIGN LINKS
– PhotoShop 6 Tutorial – ImageReady 3 Tips 'n Tutorials – FontArt – ImageMap 1 – ImageMap 2 – ImageMap 3 – Animation 1 – Animation 2	Web Page Essentials HTML Goodies DHTML Layers Brain Jar Dynamic Drive MS DHTML Behaviors DHTML Shock	Web Design Contents – HTML Central – Graphic Shoppe – Paint Shop Pro – Design Galleria

INTERNET Class CIS 67	HTML Section of the INTERNET CIS 67 Class	CASCADING STYLE SHEETS	DHTML & JAVASCRIPT
Sitemap for the “Professor Al’s Place” Website
Internet Home Page Starting on the Internet – AOL Help Connect to the Internet – Covering Your Trail – Erasing Your Tracks – Internet Security Searching the Web – Intro to Searching – Do You Yahoo? – Alta Vista Searches – InfoSeek Searches – College Searches – College Table – Project: Art Tour – Art Tour Table – Project: Film – Wild 'n Wacky Links E-Mail & Mailing Lists Newsgroups & IRC Chat Telnet, Gopher, & FTP Basic HTML	Faux OnMouseOvers Using OnMouseClick Forms in Action – Look Under the Hood – Forms Word Wrap – Drop-Down Forms – Forms Pop-Up Window – Forms Pop-Up Remote Build a Frameset – View the Frameset Using Meta Tags Listing Your Website Design Ideas for Tables Web Page Essentials Basic HTML Hypertext Linking About the Words Making Lists – Making Outlines Graphic Images – Image Formats Color My World Basic Table Manners – Table Borders – Row & Col Span	Table of Contents Intro to CSS — Style vs. HTML Inline Styles — Inline Sample — More Inline — Inline Borders Embedded Styles — Embed Sample — Embed DropCap Linking Styles Color & Backgrounds — BG Sample — Repeat-X Sample — Repeat-Y Sample — Position & Fixed Box Properties — Floating Boxes Font Properties — Font Samples Text Properties — 2 Color Drop Shadow — 2 Font Headline — 2 Color Headline — Emboss/Engrave — 3D Shadow Positioning Properties — Text Sample — Newsletter Sample — Text w/Image 1 — Text w/Image 2 — Text w/Image 3 — Float Text/Image SPAN & ID Tags — Span Example Hypertext Linking Bulleted Lists — Bullet Samples CSS Text Placement – CSS Tables – CSS Table Codes – CSS Table Layout – CSS Table Captions	Dynamic HTML Toys Slide-In Menu Bar Newer Slide-In Menu Bar Fading Drop Menu Textual Tooltip Page Transitions – Trans: Boxes Away – Trans: Left-Right – Trans: Left-Right Strips – Trans: Top-Bottom – Trans: Top-Bottom Strips Box Transitions – Box Trans: Spokes –– Spokes w/Text – Box Trans: Wipe –– Wipe w/Text – Box Trans: Push Fading Text Animator Scrolling Hypertext Box Image Mover Manual Slide Show Moving Spotlight Effect JavaScript Toys JS Table of Contents JS Countdown Script JS Scrolling Marquee JS Scrolling Window JS Automatic Slide Show JS Pixelated Slide Show JS OnMouseOver Show JS OnMouseOver Images JS A Depressed Button JS Press Me Buttons JS OnMouseOver Sounds JS Open New Window JS Cross Platform Mover

MS WORD 2000	MS POWERPOINT 2000	MS WINDOWS 95/98
MS WORD 2000 Contents – Test Drive Word 2000 – WordArt 2000 Tutorial – Wrap Text Tutorial – Watermarks Tutorial – AutoShapes Tutorial – Headers/Footers – Mail Merge Word 2000	MS PowerPoint Contents AutoShapes & Links My Style in HTML My Style in PPT PPT2000 Online – Concepts – Little Tricks – Modifying – Enhancing – Animation – 3D Toolbar – Charts & Graphs – Org. Charts – OLE Linking – Slide Shows	Windows 95/98 Lectures – Intro to Computing – Intro to Windows – Apps & Docs – Manage Files – The Control Panel – More on Control Panel – Windows Efficiently – Intro to WordPad – Graphics with Paint – Running DOS Apps
PERSONAL/CONT ACT	MS OFFICE & WINDOWS	????
My Bio Visit My Cool Page Contact Me Form Sign My Guestbook? View My Guestbook? E-Mail Me Directly?	MS Office Contents MS PPT Contents MS WORD Contents MS Windows Contents Lecture Hall Series

Older PPT 97 Any Browser	Newer PPT 2000 Netscape 4.0+	Newer PPT 2000 Internet Explorer 5.0+
PPT LECTURES FOR THE INTERNET CLASS SAVED AS WEB PAGES
Sitemap for the “Professor Al’s Lecture Hall Series” Website
Before We Start 8/17/98 Getting Started 1 1/29/99 Getting Started 2 9/1/98 Getting Connected 9/1/98 Hotmail 8/30/99 Netscape 4.0+ 9/29/98 Netscape 3.0 6/22/98 Searching Part 1 6/21/99 Searching Part 2 6/21/99 n/a Gopher Services 10/8/98 Telnet, Muds, & MOOs 10/30/98 Using WS_FTP 9/11/98 n/a Netscape E-Mail 1 9/17/98 Netscape E-Mail 2 6/21/99 n/a MSIE E-Mail 3.0 6/22/98 Usenet Groups 6/22/98 IRC Chat 10/15/98 Mailing Lists 6/21/99 HTML Beginers 4/20/99 HTML Tables 11/10/98 HTML Goodies Bag 7/6/98	n/a n/a n/a n/a n/a n/a n/a n/a n/a Google 2/29/00 n/a Telnet, Muds, & MOOs 4/21/00 n/a n/a n/a n/a Outlook Express 5 1/12/00 n/a Usenet Groups 4/21/00 IRC Chat 4/21/00 n/a HTML Beginers 5/8/00 HTML Tables 5/8/00 HTML Goodies Bag 5/9/00	n/a Getting Started 1 10/7/99 n/a n/a n/a n/a n/a Searching Part 1 9/24/99 n/a Google 2/29/00 Gopher Services 9/30/99 Telnet, Muds, & MOOs 4/21/00 Using WS_FTP 9/29/99 Protecting Privacy 9/29/99 n/a n/a Outlook Express 5 1/12/00 n/a Usenet Groups 4/21/00 IRC Chat 4/21/00 Mailing Lists 9/30/99 HTML Beginers 5/8/00 HTML Tables 5/8/00 HTML Goodies Bag 5/9/00 Download the PowerPoint Lectures, Current 2002 1a.ppt Get Started 8/16/01 1b.ppt The Internet 5/30/01 4.ppt E-Mail 5/30/01 4a.ppt MS Hotmail 10/16/00 4b.ppt Outlook Express 5 1/02/00 2b.ppt Using Explorer 9/17/01 3a.ppt Search Engines I 9/24/01 3b.ppt Search Engines II 9/24/01 3c.ppt Boolean Operators 5/30/01 3d.ppt Google 5/30/01 3e.ppt Northernlight 5/30/01 5a.ppt Protecting Privacy 11/06/00 5c.ppt Mailing Lists 10/15/01 5b.ppt Newsgroups 5/30/01 5d.ppt IRC CHAT 10/16/00 6a.ppt FTP Services 4/23/01 6b.ppt Telnet, Mud, Moo 4/23/01 8a.ppt Basic HTML 11/05/01 8b.ppt Basic HTML Tables 11/05/01 8c.ppt Basic HTML Goodies 11/05/01
PPT LECTURES FOR THE WEB DESIGN classES SAVED AS WEB PAGES
Older PPT 97 Any Browser	Newer PPT 2000 Netscape 4.0+	Newer PPT 2000 Internet Explorer 5.0+
Creating 10/27/98 n/a Using WS_FTP 1/4/99 n/a Designing A Web Page 10/27/98 Working With Color 10/27/98 n/a META Tags 11/12/98 Faux OnMouseOvers 11/24/98 Tables 10/27/98 n/a Frames 10/27/98 n/a Forms 3/25/99 More Forms 3/25/99 Form Tricks 4/30/99 JS Programming 11/13/98 JS Var & Data 6/24/99 JS Arrays 4/6/99 Multimedia 6/28/99 PSP Pro Buttons 3/12/99 n/a n/a n/a n/a n/a	n/a Hyperlinks 3/25/00 n/a Design Principles 7/31/00 n/a n/a Image Maps 4/10/00 n/a n/a Tables 1 4/19/00 Tables 2 4/19/00 Frames 1 5/1/00 Frames 2 5/1/00 n/a n/a n/a n/a n/a n/a n/a n/a CSS Inline 6/25/00 CSS Font & Text 6/25/00 CSS Backgrounds 6/24/00 CSS Embedding 6/25/00 CSS Positioning 9/22/00	Creating 3/21/00 Hyperlinks 3/25/00 Using WS_FTP 10/24/99 Design Principles 7/31/00 Design A Web Page 10/21/99 Working With Color 10/21/99 Image Maps 4/10/00 META Tags 10/21/99 Faux OnMouseOvers 10/24/99 Tables 1 4/20/00 Tables 2 4/20/00 Frames 1 5/2/00 Frames 2 5/2/00 Forms 10/30/99 More Forms 10/30/99 Form Tricks 10/30/99 n/a n/a n/a n/a n/a CSS Inline 9/13/00 CSS Font & Text 9/12/00 CSS Backgrounds 9/13/00 CSS Embedding 9/14/00 CSS Positioning 9/22/00
PPT LECTURES FOR THE POWERPOINT class SAVED AS WEB PAGES
Older PPT 97 Any Browser	Newer PPT 2000 Netscape 4.0+	Newer PPT 2000 Internet Explorer 5.0+
n/a n/a n/a n/a n/a n/a n/a n/a n/a n/a	Concepts 12/15/99 Little Tricks 12/15/99 ????Modifying 12/22/99 Enhancing 12/22/99 Animation 1/04/00 3D Toolbar 1/2/00 Charts & Graphs 1/7/00 Org. Charts 12/15/99 OLE Linking 1/17/00 Slide Shows 2/2/00	Concepts 12/15/99 Little Tricks 12/15/99 Modifying 12/22/99 Enhancing 12/22/99 Animation 1/4/00 3D Toolbar 1/2/00 Charts & Graphs 1/7/00 Org. Charts 12/15/99 OLE Linking 1/17/00 Slide Shows 2/2/00
PPT LECTURES FOR THE WINDOWS class SAVED AS WEB PAGES
Older PPT 97 Any Browser	Newer PPT 2000 Netscape 4.0+	Newer PPT 2000 Internet Explorer 5.0+
Windows 95/98 Lectures – Intro to Computing 9/17/98 – Intro to Windows 8/17/98 – Apps & Docs 8/21/99 – Manage Files 8/22/99 – Control Panel 1 9/18/98 – Control Panel 2 9/18/98 – Windows Efficiently 9/18/98 – Intro to WordPad 9/18/98 – Graphics with Paint 9/18/98 – Running DOS Apps 12/3/98	n/a n/a n/a n/a n/a n/a n/a n/a n/a n/a n/a	n/a n/a n/a n/a n/a n/a n/a n/a n/a n/a n/a

Copyright © 2000-2003 Professor Al al@profal.com
Page Updated on: August 25, 2003