Louisa Lambregts,

Louisa Lambregts

Group Discussion After completing this course, what do you hope to be able to do? Also, do you have web design experience? ? In your group of 3, share answers to the above question.

1) Evolution of “the web site” ▪ Changing Anatomy of a Web Site 2) Aspects of a Web Design Project 3) Roles 4) Tools of the Trade 5) The Web Design Process: ▪ Concept ▪ Design ▪ Implement ▪ (Evaluate) 6) Managing Your Web Projects

In the beginning... There was html.

Layout was dominated by Text formatting Layout via tables Frames Javascript: Roll-over buttons Animations Splash page Flash

nge.html

And then came CSS and Flash. Example of a site that uses: 1) Dreamweaver Templates and Contribute for site management and publishing 2) Formatted with mostly CSS 3) Uses javascript for the menu and the slideshow Example of a site that uses: 1) Flash as an introductory page 2) Also, still uses tables for layout

What was CSS designed to do? How does it work?

Format separated from content  Different style sheets for different outputs  Can change look and feel of site by linking to a different style sheet Flexibility of layout

Current Trends  Web 2.0  Widgets, social media links  Mobile Devices  Use of CMS’s (Content Management Systems)

 The Evolution of Web Design  The Evolution of Web Design

Professional Tools  Adobe Dreamweaver  Fireworks (Photoshop)  Contribute  Flash Available at the computer store – Educational Pricing

Other Tools  CMS Platforms Zoomla and Drupal  Firebug  Free Web Sites Weebly: Wix:  Free CSS Templates (inspiration only!)

w3schools Try the interactive tutorials related to HTML Get a Head Start on the Technical Basics

Consider... 1) What is the site’s purpose 2) Who the target audience is Looking on Google for information about H1N1 Centre for Disease Control – US FightFlu.ca – Canada