css & other advanced web technologies - mcswebtech.com · • the document format of the world...
TRANSCRIPT
![Page 1: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/1.jpg)
Advanced Web TechnologiesCSS & Other
Ouida McIlhinneypresented by
www.MaximumComputerSystems.com/css
CSS • HTML • DHTML • PHP • MySQL • Java
Javascript • SSI • XML • XHTML • CSS • HTML
![Page 2: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/2.jpg)
Introduction to Advance Web Technologies1. HTML as a Design Tool Tables, Text Formatting, HTML Limitations
2. The Advantages of Separating Content from Presentation CSS, DHTML & Javascript
3. How to Implement Advanced Technologies Converting Existing Pages
4. The Power of Database Functionality PHP, MySQL, SSIs & E-Commerce
5. Interactive Applet Creation Flash, Java, XML & XHTML
6. Design Tools Dreamweaver MX 2004, Photoshop, BBEdit, Zend Studio
7. Best Practices Workfl ow Cleanliness, Consistency & Common Sense Navigation
8. Resources Books, Websites, Training Media
www.MaximumComputerSystems.com/css
![Page 3: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/3.jpg)
What is HTML?Hypertext Markup Language
• The document format of the World Wide Web Text File Format (html)
• Presentation Language vs. Programming Language HTML “tags”
• Designing with Tables Nesting Tables
• Variations in Browser Implementations
• Limitations of HTML & Web Design Expectations
Introduction to Advanced Web TechnologiesHTML as a Design Tool ?
![Page 4: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/4.jpg)
What is CSS? Cascading Style Sheets • A Simple Scripting Language that provides Style Sheet (template) format for HTML documents endorsed by the World Wide Web Consortium www.w3.org • A Collection of Design Properties & Values Declarations: property (color) & value (red) • External Files vs. Inside the HEAD Element
Getting a Grasp on CSS ~ Converting an Existing Page Making It Look Good with CSS~ Now You’re Stylin’ Columns Without Tables ~ Positioning with CSS Thinking Outside the Box ~CSS for Control Freaks
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 5: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/5.jpg)
www.MaximumComputerSystems.com/css
CSS Rule:The
Declaration orDefinition
Selector:HTML, Class, or ID
valueproperty
• More Document Styling Control than HTML• Simplify Document Structure• Create Pages & Websites that are Easier to Maintain• Reduce File Size & Increase Access Speeds
www.csszengarden.com
Cascading Style Sheets
![Page 6: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/6.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 7: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/7.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 8: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/8.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 9: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/9.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 10: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/10.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 11: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/11.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 12: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/12.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 13: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/13.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 14: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/14.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 15: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/15.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 16: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/16.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 17: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/17.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 18: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/18.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 19: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/19.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 20: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/20.jpg)
www.MaximumComputerSystems.com/css
The Advantages ofSeparating Content From PresentationCascading Style Sheets (CSS)
![Page 21: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/21.jpg)
www.MaximumComputerSystems.com/css
1. Strip Out All Presentation Elements from the HTML
This includes: • font elements • <br> elements • entities • The attributes align and valign wherever they appear • The table attributes width, border, and cellpadding • Any table cell that contains only an image or that contains nothing at all • Any attributes on the body element (such as text and link)
Getting A Grasp on CSSConverting an Existing Page
![Page 22: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/22.jpg)
www.MaximumComputerSystems.com/css
Internal CSSin the HEADER of HTML
Getting A Grasp on CSSConverting an Existing Page
External CSSstyles.css
![Page 23: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/23.jpg)
www.MaximumComputerSystems.com/css
1. Strip Out All Presentation Elements from the HTML
2. Start at the BODY
3. Establishing Common Styles
4. Table Graphics (the Masthead)
5. Column Control (the Navigation Sidebar)
6. Stylin’ Info (Content Control)
Getting A Grasp on CSSConverting an Existing Page
![Page 24: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/24.jpg)
www.MaximumComputerSystems.com/css
Making It Look Good with CSS Now You’re Stylin’
Columns Without Tables Positioning with CSS
Thinking Outside the Box CSS for Control Freaks
Getting A Grasp on CSSConverting Existing Pages
![Page 25: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/25.jpg)
www.MaximumComputerSystems.com/css
CSS Resources: Books
Eric A. Meyer: Eric Meyer on CSS Mastering the Language of Web Design (New Riders, 2003, ISBN 0-7357-1245-X)
Eric A. Meyer: Cascading Style Sheets: The Definitive Guide 2nd ed. (O’Reilly & Associates, 2004, ISBN 1-5960-0525-3)
Jason Cranford Teague: DHTML and CSS for the World Wide Web Visual Quickstart Guide 3rd ed. (Peachpit Press, 2004, ISBN 0-3211-9958-8)
Laura Gutman: Macromedia Dreamweaver MX 2004 Demystified (Peachpit Press, 2004, ISBN 0-7357-1384-7)
Dan Schafer: HTML Utopia: Designing Without Tables Using CSS (Sitepoint Ply Ltd., 2003, ISBN 0-9579-2182-9)
Owen Briggs, Steven Champeon, Eric Costello, Matt Patterson: Cascading Style Sheets: Separating Content from Presentation. 2nd ed.(O’Reilly & Associates, 2004, ISBN 0-5960-0576-8)
Web Sites www.w3.org www.htmlhelp.com/reference/css www.webreference.com/authoring/style/sheet www.sitepoint.com
![Page 26: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/26.jpg)
www.MaximumComputerSystems.com/css
Eric Meyer on CSSMastering the Language of Web Design
www.ericmeyeroncss.com
![Page 27: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/27.jpg)
Getting A Grasp on CSSEric Meyer ~ css hero
![Page 28: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/28.jpg)
www.MaximumComputerSystems.com/css
Visual Quickstart GuideDHTML and CSS by Jason Cranford Teague
O’Reilly ~ by Eric Meyers
Cascading Style Sheets The Definitive Guide
![Page 29: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/29.jpg)
What is a Database? Familiar Applications... Recipe Cards Library Card Catalog Rolodex or Address Book
E-Commerce Online Applications Merchandise Catalogs & Inventory Shopping Cart Functionality User Logins & Profi le Info E-Mail Mailing Lists
www.MaximumComputerSystems.com/css
The Power of Database FunctionalityEndless Applications...
![Page 30: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/30.jpg)
www.MaximumComputerSystems.com/css
The Power of Database FunctionalityE-Commerce Power
PHP “Personal Home Page” Hypertext Preprocessor • A scripting Language used to create Dynamic Web Pages
• Embedded within HTML pages for server side execution
• Commonly used to extract data out of a database for presentation on a web pageMySQL A version of mSQL “Structured Query Language”
• A language used to interrogate and process data in a relational database (can be used directly or can be embedded in a Programming Language to interface with a database)SSI Server-Side Include
![Page 31: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/31.jpg)
www.MaximumComputerSystems.com/css
The Power of Database FunctionalityE-Commerce Power
![Page 32: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/32.jpg)
www.MaximumComputerSystems.com/css
The Power of Database Functionalitywww.databasedrivenwebsite.com
MCS “Booklist”Database Online
![Page 33: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/33.jpg)
www.MaximumComputerSystems.com/css
The Power of Database Functionalitywww.databasedrivenwebsite.com
• Cross-Platform• Open Source• LAMP
Linux • Apache • MySQL • PHP
The Advantages of PHP & MySQL
![Page 34: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/34.jpg)
The Power of Database Functionalitywww.databasedrivenwebsite.com
![Page 35: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/35.jpg)
www.MaximumComputerSystems.com/css
The Power of Database Functionalitywww.databasedrivenwebsite.com
![Page 36: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/36.jpg)
FLASH Cross-Platform Animation Application from Macromedia Interactivity & ActionScript Functionality File Size (vector & bitmap graphic elements)JAVA A Programming Language Can be called within an HTML document (Browser) or as a stand-alone Applets & Servlets (Java Virtual Machine)XML “Extensible Markup Language” Defines Contained Data rather than how they are displayed (HTML) Programmer defined tags (XML Schema) rather than a fixed set (HTML)XHTML Extensible HTML ~ A combination of HTML 4.0 and XML 1.0 Extends Property Tags of HTML
www.MaximumComputerSystems.com/css
Interactive Applet CreationThe buzzwords...
![Page 37: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/37.jpg)
www.MaximumComputerSystems.com/css
Interactive Applet CreationFlash Books
![Page 38: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/38.jpg)
www.MaximumComputerSystems.com/css
Advanced Web TechnologiesMacromedia Dreamweaver, Flash, Fireworks...
![Page 39: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/39.jpg)
QuickTime A Cross-Platform Multimedia format developed by Apple which may include video and audio
Quicktime VR The Virtual Reality version of QuickTime which allows subject to be viewed on screen in a virtual 3D space (Panoramic & Object) Compiled from multiple still shots
Real Video & Real Audio Streaming Audio and Video (RealMedia) includes audio, video, MIDI, text, animations and presentations
www.MaximumComputerSystems.com/css
Interactive Applet CreationMedia Presentation
![Page 40: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/40.jpg)
www.MaximumComputerSystems.com/css
Web Design ToolboxThe Applications
Dreamweaver MX 2004 Macromedia’s Web Design & Management Software www.macromedia.comPhotoshop Web Design Graphics & Layout Application Image Ready (Slicing & Animations) www.adobe.comBBEdit Versatile Text Edit & Text Coding Application www.barebone.comZend Studio PHP Coding API with PHP Libraries, Highlighting & Debug www.zend.com
![Page 41: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/41.jpg)
GoLiveMyBook... for now
www.MaximumComputerSystems.com/css
DreamweaverMy
Book
Check out the CSS Book List atwww.MaximumComputerSystems.com/css/pdf/booklist.pdf
![Page 42: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/42.jpg)
www.MaximumComputerSystems.com/css
Web Design ToolboxDreamweaver MX 2004
![Page 43: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/43.jpg)
www.MaximumComputerSystems.com/css
Web Design ToolboxDreamweaver MX 2004
![Page 44: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/44.jpg)
www.MaximumComputerSystems.com/css
Web Design ToolboxDreamweaver MX 2004
![Page 45: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/45.jpg)
www.MaximumComputerSystems.com/css
Web Design ToolboxDreamweaver MX 2004
![Page 46: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/46.jpg)
Web Design ToolboxDreamweaver MX 2004
![Page 47: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/47.jpg)
Web Design ToolboxDreamweaver MX 2004
Dreamweaver MX 2004 Web Design
Project Management
![Page 48: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/48.jpg)
www.MaximumComputerSystems.com/css
Web Design ToolboxAdobe Photoshop
www.MaximumComputerSystems.com/css
Web Design ToolboxPhotoshop as a Page Layout Tool
![Page 49: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/49.jpg)
Adobe Photoshop Layers (turn on or off ) Web Optimization (GIF & JPG) Familiar Adobe Toolsets Batch ProcessingImage Ready Slicing Images (Tables) Animations Rollovers
www.MaximumComputerSystems.com/css
Web Design ToolboxAdobe Photoshop
![Page 50: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/50.jpg)
www.MaximumComputerSystems.com/css
BBEdit by Bare Bones www.barebones.com
Web Design ToolboxBBEdit
![Page 51: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/51.jpg)
www.MaximumComputerSystems.com/css
www.zend.com
Web Design ToolboxZend Studio
![Page 52: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/52.jpg)
Web Design ToolboxZend Studio
![Page 53: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/53.jpg)
www.MaximumComputerSystems.com/css
Web Design ToolboxZend Studio
for thePHP Developer
![Page 54: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/54.jpg)
www.MaximumComputerSystems.com/css
Best Practices Workfl owCleanliness, Consistency & Common Sense Navigation
Code CleanlinessNaming ConventionsConsistencyNavigation Maximize Access, Minimize Clicks
Simple Is Better
![Page 55: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/55.jpg)
www.MaximumComputerSystems.com/css
ResourcesBooks: Build Your Library
![Page 56: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/56.jpg)
www.MaximumComputerSystems.com/css
www.databasedrivenwebsite.comwww.meyerweb.comwww.phpbuilder.comwww.onlamp.comdevedge.netscape.comwww.oreilly.comwww.newriders.comwww.peachpit.com
ResourcesWebsites
![Page 57: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/57.jpg)
www.MaximumComputerSystems.com/css
ResourcesVisit Us...
![Page 58: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/58.jpg)
www.MaximumComputerSystems.com/css
ResourcesUser Groups
Bux-Mont Macintosh Users Grouphttp://www.buxmontmug.org/
South Jersey Apple/Mac Users Grouphttp://www.sjaug.org/
Princeton Macintosh Users Grouphttp://www.pmug-nj.org/
Philadelphia Area AppleScript Users Grouphttp://homepage.mac.com/paasug/
Philadelphia Powerbook Users Grouphttp://www.ppug.net/
Main Line Macintosh Users Grouphttp://www.mlmug.org/
Philadelphia Area Computer Societyhttp://www.pacsnet.org/
The Macintosh Users of Delawarehttp://www.mudel.org/
Macintosh Users Group of Southern New Jerseyhttp://www.mudel.org/
The Macintosh Business Users Society of Greater Philadelphiahttp://www.macbus.org/
![Page 59: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/59.jpg)
www.MaximumComputerSystems.com/css
VTC ~ Virtual Training Company ~ www.vtc.com
ResourcesTraining Media & more...
![Page 60: CSS & Other Advanced Web Technologies - mcswebtech.com · • The document format of the World Wide Web ... Introduction to Advanced Web Technologies HTML as a Design Tool ? What](https://reader034.vdocument.in/reader034/viewer/2022042114/5e90ad71434cf34c88351398/html5/thumbnails/60.jpg)
Special Thanks to ~
CSS • HTML • DHTML • PHP • MySQL • Java
Javascript • SSI • XML • XHTML • CSS • HTML
25% MUG members discount