1 / 11

Web Design Theory

Louisa Lambregts , lambrel@algonquincollege.com. Web Design Theory. Class Two. Activity: Web Lingo. With a partner, review the following:. HTML vrs XML vrs XHTML XHTML CSS CMS Web 2.0 FTP Social Media SEO Static vs Dynamic Web Pages. HTML vs XML vs XHTML.

abel
Download Presentation

Web Design Theory

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Louisa Lambregts, lambrel@algonquincollege.com Web Design Theory Class Two

  2. Activity: Web Lingo With a partner, review the following: HTML vrs XML vrs XHTML XHTML CSS CMS Web 2.0 FTP Social Media SEO Static vs Dynamic Web Pages

  3. HTML vs XML vs XHTML • HTML was designed to display dataFormatting • XML (Extensible Mark Up Language) was designed to transport and store data. • XHTML: HTML + XMLStricter version of HTML (tighter syntax)

  4. Web Standards • HTML/XML/CSS standards are set by W3 Consortium • Versions change to meet new needs of the web • Current Standardsa) HTML 4.01 (HTML 5.0 under development)b) XHTML(development underway as part of HTML5.0)c) CSS 2.1

  5. Web Publishing Process Concept Week 2: What is the purpose of the site?What are the key messages of the site? Design Week 3 Interface designNavigation Implementation Week 4 and Week 5 -project management -working with the client -ensuring clear expectations-team roles -testing and tweaking Evaluation

  6. Website Design Process • Concepta) meet with clientb) determine goals and audiencec) do competitive analysisd) create a wireframe layout • Designa) create visual mock upb) determine site structure and navigation

  7. Website Design Process • Implementa) build websiteb) usability testingc) add analytics • Evaluatea) review analytics and feedback over timeb) make appropriate changes

  8. Stage 1: Concept Before you start building in Dreamweaver… You need to understand: Purpose of the Website/Goals The Target Audience

  9. Web Review #1 What is the purpose of these sites? • Google search: a) H1N1 CDC (US site)b) H1N1 Ontario Ministry of Health • Determine: • Target Audience of site • What purpose is the organization trying to achieve • Was it successful at meeting it’s purpose?

  10. Web Review #2 What is the purpose of these sites? • Google search: a) How Stuff Works • Determine: • Target Audience of site • What purpose is the organization trying to achieve • Was it successful at meeting it’s purpose?

  11. Web Review #3 What is the purpose of these sites? • Google search: a) David Suzuki Foundation • Determine: • Target Audience of site • What purpose is the organization trying to achieve • Was it successful at meeting it’s purpose?

More Related