Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Do more in less time

on

  • 630 views

Slides from a company trip sharing.

Slides from a company trip sharing.

Using HTML and CSS to separate content from presentation in order to achieve faster project completion time.

Statistics

Views

Total Views
630
Views on SlideShare
628
Embed Views
2

Actions

Likes
0
Downloads
8
Comments
0

2 Embeds 2

http://www.linkedin.com 1
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Do more in less time Do more in less time Presentation Transcript

  • Do More in Less Time Nick Pan | nick@nickpan.com | 24 th Nov 2006 | Club Med, Bintan.
    • The Myth of Design then Populate
    • The Holy Trinity
    • Semantic Markup
    • Lazy Designers
    • Zen Your Garden
    • I’m a Convert
  • Design Slice CMS Populate Designer (3 weeks) Designer (1 week) Tech (3 weeks) Web Master (2weeks) Tradition 3 + 1 + 3 + 2 = 9weeks The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert
  • Must content population depend on design? The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert
  • Should content population depend on design? The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert
  • Hold that thought. The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert
  • XHTML The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert CSS DOM The Holy Trinity Markup (Content) Presentation (Style) Behaviour (Interaction)
  • style.css scripts.js webpage.html webpage.php webpage.asp The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert
    • In English, the word semantic means “of or relating to meaning.”
    • Headers signify headers (h1 does not mean “big bold and ugly”).
    • Paragraphs are used to denote paragraphs.
    The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert Semantic Markup Molly E. Holzschlag Group Lead the Web Standards Project (WaSP)
  • The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert Semantic Markup
  • The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert Is there a standard way of doing websites?
  • The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert What are “Standards”?
  • The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert Standards
  • The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert What if we don’t follow standards?
  • The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert Lazy Designers make life difficult for other Designers. By doing it their own way and not the standard way.
  • The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert Don’t feel guilty.
  • The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert Admit it. Learn from it. Don’t repeat it.
  • The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert Zen Garden www.csszengarden.com A demonstration of what can be accomplished visually through CSS-based design.
  • The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert 1 HTML file No CSS file Same HTML file Applied different CSS file & graphics
    • Recap.
    The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert
    • The Myth
    • (The Challenge)
    • The Holy Trinity
    • (Content, Presentation & Behaviours are Separated)
    • Semantic Markup
    • (Give html tags meaning)
    • Lazy Designers
    • (Standardise Web Design methodology)
    • Zen Garden
    • (Demo of possibilities with new standard approach)
    The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert
    • So now?
    The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert
  • Design CMS Slice Pop CMS Populate Designer (3 weeks) Designer (1 week) Tech (3 weeks) Web Master (2weeks) Tradition 3 + 1 + 3 + 2 = 9weeks The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert
  • Design CMS Slice Pop CMS Populate Designer (3 weeks) Designer (1 week) Tech (3 weeks) Web Master (2weeks) There is another way. 3 + 1 + 3 + 2 = 9weeks The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert
  • Design Slice CMS Populate Designer (3 weeks) Designer (1 week) Tech (3 weeks) Web Master (2weeks) Test CSS Designer (1 week) 3 + 2 = 5weeks (not to mention even faster future updates) The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert The other way.
    • I’m a Convert!
    • What should I do now?
    The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert
  • The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert Think Modular & Design Modular. Separate Content from Presentation. Design with Standards. Use CSS correctly.
  • Thank You [email_address] www.nickpan.com The Myth The Holy Trinity Semantic Markup Lazy Designers Zen Your Garden I’m a Convert