Your SlideShare is downloading. ×
Designing using Web Standards with Dreamweaver
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Designing using Web Standards with Dreamweaver

1,622
views

Published on

A presentation given to the Chicago Creative Coalition to illustrate how to build a web site via web standards with Dreamweaver.

A presentation given to the Chicago Creative Coalition to illustrate how to build a web site via web standards with Dreamweaver.

Published in: Technology

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,622
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
112
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Dennis Deacon Jan. 26, 2009
  • 2.
    • “… a set of standardized best practices for building web sites, and a philosophy of web design and development that includes those methods.”
    • — Wikipedia
  • 3.
    • HTML/XHTML for semantic markup of content
    • Cascading Stylesheets (CSS) for the presentation of content
    • JavaScript for functionality related to content
  • 4.
    • “… an objective and a practice to create documents with HTML that contain only the author's intended meaning, without any reference to how this meaning is presented or conveyed - the doctrine of separation of presentation and content. ”
    • — Wikipedia
    • Semantic = Communicates Meaning
    • Examples
      • Tag Headings as Headings
      • Tag a list of content as a list
  • 5.
    • Reduces file sizes, page load times & bandwidth
    • Easier to keep layout and look consistent across site
    • Easier & faster to redesign
    • Reduces code, increases prominence of content — good for search engines
    • Aids in accessibility
  • 6.  
  • 7. Logo Tagline Search Box Navigation Main Content Featured Items Heading 1 Heading 2 Heading 3 Story Text 1 Story Text 2 Story Text 3
  • 8.
    • In-line
      • Effects only specific content applied to
    • Embedded/Internal Style Sheet
      • Affects only the page it is embedded in
    • External
      • Stores styles in external file which is referenced by all pages
      • Can be referenced by all pages on site; most powerful method
  • 9.
    • Allows you to structure, group, tag select content for presentation and functional purposes
      • DIVs
        • Can only be used once in any individual page
        • Used for grouping sections of content
      • Classes
        • Can be implemented on multiple elements on a page
        • Used for unique situations
  • 10. 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 Adobe acquires Macromedia Macromedia purchases Dreamweaver from Allaire Systems
    • Features :
    • Live view
    • InContext Editing
    • Adobe Photoshop Smart Objects Support
    • Features :
    • Improved CSS support
    • Mobile Support
    • Ajax Support
    • XSLT Support
    • Features :
    • Defaults to XHTML
    • Improved integration with Flash and Fireworks
    • Improved CSS Support
    • Features :
    • Streamlined design and development interface
    • Modernized page layout and design environment
    • Powerful and open coding environment
    CS4 v.10 Released CS3 v.9 Released v.8 Released MX 2004 v.7 Released MX v.6 Released v.4 Released v.3 Released v.2 Released
  • 11.  
  • 12.
    • Dennis Deacon
    • [email_address]