Designing using Web Standards with Dreamweaver

  • 1,597 views
Uploaded 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.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,597
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
110
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]