O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Website Architecture and Design With XML

Video Description

Take your web design skills to the next level with XML, and learn how to use the content behind the site to drive the information, navigation, and design of a full-featured website. In this 10-session video course, you’ll build a professional website from the ground up by focusing on back-end structure and information to create brilliant front-end design and functionality. You’ll learn how to architect your content once for use in multiple formats and venues: the Web, desktop, mobile devices, and PDF.

Presented by creativeLIVE in partnership with O’Reilly, each session offers easy-to-follow, hands-on lessons. Learn how to build structured content bases that control HTML, CSS, and Javascript. Discover how to update your information easily, and then create your site and other publications with the push of a button. This video package is ideal for web professionals of all stripes who want to create their own ideas, rather than just implement the ideas of others.

You’ll learn:

  • Competitive analysis techniques to slice up the competition and create a content architecture and site design that puts you on top
  • Concepts and skills that are critical to designing for Drupal, Wordpress, SharePoint, or any other content management system
  • Information structure to define and master the content and navigation on your site
  • XML Schema design to create binding rules that control your content
  • XML Instance coding to transcend pages and create a true content base
  • XML Transform coding to access your content base and automatically create any site design you can imagine
  • A new way to look at websites, mobile delivery, PDF and any other output that will put you ahead of other designers
  • How to create your own ideas, rather than just implementing the ideas of others

You’ll get access to all ten sessions, including slide presentations and examples. Each session was presented live during ten consecutive weeks in October, November, and December 2010, and you can now download all the videos and example files, which include presentation slides, tip sheets, code and sample eBook chapters.

Table of Contents

  1. Get Started in XML (Overview)
    1. Example files for Week 1 00:00:20
    2. Week 1: Introduction 00:23:04
    3. Getting Started in XML 00:26:17
    4. What is an Instance? 00:40:46
    5. Final Q&A 00:09:29
    6. Course Overview and Homework 00:05:57
  2. Begin a Competitive Analysis and Schema for the Course Project
    1. Example files for Week 2 00:00:20
    2. Week 2: Introduction 00:17:35
    3. Schemas 00:49:08
    4. What is well formed? 00:13:52
    5. Our course project 00:19:21
    6. The competitive analysis 00:21:05
    7. Q&A and XML Comparison 00:31:44
  3. Create the Photo Information Type
    1. Example files for Week 3 00:00:20
    2. Week 3: Introduction 00:41:10
    3. Figure out the Photo Info Type 00:17:36
    4. The Photo Info Type in our Schema 00:34:35
    5. The Photo Info Type in our Instance 00:17:24
    6. Homework 00:02:47
    7. Elements & Attributes, Q&A 00:20:07
  4. Transform the Photo Information Type
    1. Example files for Week 4 00:00:20
    2. Week 4: Introduction 00:25:26
    3. The XML Big Picture 00:08:15
    4. Transform Basics 1:03:32
    5. Build Photos from the Photo Info Type 00:19:52
  5. Transform the Narrative Information Type
    1. Example files for Week 5 00:00:20
    2. Week 5: Introduction 00:33:58
    3. The Narrative Info Type 00:31:01
    4. Working with Narratives 00:34:15
    5. The Narrative in our Transforms 00:23:21
    6. Final Q&A 00:12:08
  6. Create Site Navigation
    1. Example files for Week 6 00:00:20
    2. Introduction 00:32:54
    3. Create Site Navigation 00:23:20
    4. Indexes, Cross-references and Sequences 00:38:48
    5. Rendering Indexes, Cross-references and Sequences in our Transforms 00:24:26
    6. Homework Review 00:09:16
  7. Build a Complete, Integrated Site
    1. Example files for Week 7 00:00:20
    2. Introduction 1:12:30
    3. Homework 6 Answers 00:06:30
    4. Build a Complete, Integrated Site 00:24:54
    5. One Transform, Multiple Pages 00:17:41
  8. Create and Implement Site Hierarchies
    1. Example files for Week 8 00:00:20
    2. Introduction 1:03:45
    3. Answers to Last Week's Homework 00:03:47
    4. Hierarchies 00:14:49
    5. Modeling Hierarchies 00:32:50
    6. Final Q&A 00:06:46
  9. Put a Professional Polish on the Project Site
    1. Example files for Week 9 00:00:20
    2. Introduction 00:27:58
    3. Transforming Hierarchies 00:24:20
    4. Answers to last week's homework 00:15:21
    5. The Structure of our Info and our Public Site 00:38:36
    6. How are our XSL Templates Put Together? 00:27:22
    7. Output Statements and Homework 00:08:54
  10. Create Other Outputs
    1. Example files for Week 10 00:00:20
    2. Introduction 00:10:25
    3. Week 9 Homework Answers 00:11:21
    4. Site and Systems 00:34:14
    5. Other Outputs: The RSS Feed 00:37:56
    6. Wrap Up 00:05:10