Lesson 2


Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Lesson 2

  1. 1. Building a Web Site Robert Benard Mott Community College
  2. 2. Objectives <ul><li>Name three phases to building a web site </li></ul><ul><li>Explain what breakdown is </li></ul><ul><li>Recognize some of the parts of a web site that need to be constructed </li></ul><ul><li>Explain why web site construction tasks need to happen in a particular order </li></ul><ul><li>Name three kinds of testing that take place after the web site is built </li></ul>
  3. 3. The Three Phases <ul><li>There are three phases to building a web site. </li></ul><ul><li>Phase 1: Planning a Web Site </li></ul><ul><li>Phase 2: Constructing a Web Site </li></ul><ul><li>Phase 3: Testing a Web Site </li></ul>
  4. 4. Phase 1: Planning a Web Site <ul><li>Planning a web site is just like planning to build a house. If we just start creating pages, it is just like building rooms to a house without planning … Is a kitchen needed? Should there be a door to enter the bathroom? Is a 32 car garage a good idea? </li></ul>
  5. 5. Phase 1: Planning a Web Site (The Blue Print) <ul><li>There are items that need to address when designing any web site. </li></ul><ul><li>Audience: Who is it for? </li></ul><ul><li>Message: What is it about? </li></ul><ul><li>Purpose: What is it for? </li></ul><ul><li>Organization: How is it put together? </li></ul><ul><li>Navigation: How do you use it? </li></ul><ul><li>Usability: Is it easy to use? </li></ul><ul><li>Look: What does it look like? </li></ul>
  6. 6. Phase 1: Planning a Web Site (The Breakdown) <ul><li>Just like a builder, a web designer needs to offer a breakdown of what is to be done and the cost. Our book offers a great chart to help with this. </li></ul>
  7. 7. Phase 1: Planning a Web Site (The Breakdown) <ul><li>A working example would look like this </li></ul>
  8. 8. Phase 2: Constructing a Web Site <ul><li>Constructing a web site is just like constructing a house. You must know how to select, measure, and cut materials. The materials of a web site are text, pictures, and programming. Both houses and web sites involve time and effort as well. The tools of designing a web site are graphics programs, development tools, programming languages, and quite possibly outside sources such as a photographer and a “web theme” provider. </li></ul>
  9. 9. Phase 2: Constructing a Web Site (order of events) <ul><li>When constructing a web site, you want to follow an order of events. Using project management software or simply creating a list is a great way of making sure your project is on focus. </li></ul><ul><li>In my experience, I have found the following to be the best way of constructing a website </li></ul><ul><ul><li>Meet with customer and make plan (collect ½ down) </li></ul></ul><ul><ul><li>Produce theme for approval (within 2 weeks of first meeting) </li></ul></ul><ul><ul><li>Start working on site and collect content & images from customer utilizing already agreed on theme (2 weeks depending on site size and complexity) </li></ul></ul><ul><ul><li>Meet with customer and go over web site for changes </li></ul></ul><ul><ul><li>Make changes to web site (within 1 week of last meeting) </li></ul></ul><ul><ul><li>Collect final payment THEN make web site go live </li></ul></ul>
  10. 10. Phase 2: Constructing a Web Site (why?) <ul><li>It is important to follow an order and make your customer (or boss) aware of what your plan is. This way, everyone is on the same page for deadlines. Showing your customer (or boss) your work as you proceed is incredibly important because web design is not just the nuts and bolts of placing content online … It is art and everyone is a critic! </li></ul>
  11. 11. Phase 3: Testing a Web Site <ul><li>Testing a web site is a crucial part ignored by many web builders. Imagine a house builder not verifying if a door opens… you would be pretty upset and concerned when you can’t open your bedroom door, right!? </li></ul><ul><li>Before showing a client or boss your website, it is important to test for errors. This may require you to have others use your website as well (in programming, programmers are the worst testers … they use things exactly how they were designed … End users DO NOT!) </li></ul>
  12. 12. Phase 3: Testing a Web Site (The three types) <ul><li>There are three types of testing … </li></ul><ul><li>Content testing: is everything correct? </li></ul><ul><li>Functional testing: does it do what it is supposed to do? </li></ul><ul><li>Usability testing: is it easy to use? * </li></ul><ul><li>* Though you may design the best looking web site ever, usability is key. If an end user can’t navigate, your web site is useless. </li></ul>
  13. 13. Conclusion <ul><li>There are three phases to building a web site: 1. Planning, 2. Constructing, 3. Testing </li></ul><ul><li>It is important to breakdown your project before starting so you have a plan </li></ul><ul><li>Always follow a standard order for constructing a web site. Houses do a lot better when the basement is in the ground and not above the roof! </li></ul><ul><li>Testing is crucial to a web site. Content, function, and usability are all factors that need to be tested. </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.