SlideShare uma empresa Scribd logo

Building a Web Site - 3 Phases Planning, Construction, Testing

•Transferir como PPT, PDF•
•
R
robertbenard

There are three phases to building a website: planning, construction, and testing. The planning phase involves determining the audience, purpose, design, and content needed for the site. Construction involves selecting and organizing the text, images, and code to build out the site according to the plan. Thorough testing of content, functionality, and usability is crucial to ensure the site works as intended and is easy for users to navigate.

1 de 13
Building a Web Site Robert Benard Mott Community College
Objectives ,[object Object],[object Object],[object Object],[object Object],[object Object]
The Three Phases ,[object Object],[object Object],[object Object],[object Object]
Phase 1: Planning a Web Site ,[object Object]
Phase 1: Planning a Web Site (The Blue Print) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Phase 1: Planning a Web Site (The Breakdown) ,[object Object]
Phase 1: Planning a Web Site (The Breakdown) ,[object Object]
Phase 2: Constructing a Web Site ,[object Object]
Phase 2: Constructing a Web Site (order of events) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Phase 2: Constructing a Web Site (why?) ,[object Object]
Phase 3: Testing a Web Site ,[object Object],[object Object]
Phase 3: Testing a Web Site (The three types) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Conclusion ,[object Object],[object Object],[object Object],[object Object]

Recomendados

So you want a website
So you want a websiteSo you want a website
So you want a websiteMarisa McCall
 
Fmp presentation ideas
Fmp presentation ideasFmp presentation ideas
Fmp presentation ideasaasiyahchopdat
 
course work presentation ideas
course work presentation ideascourse work presentation ideas
course work presentation ideasaasiyahchopdat
 
"How to be a productive freelancer" WordCamp Miami 2017 - Freelance Workshop
"How to be a productive freelancer" WordCamp Miami 2017 - Freelance Workshop"How to be a productive freelancer" WordCamp Miami 2017 - Freelance Workshop
"How to be a productive freelancer" WordCamp Miami 2017 - Freelance WorkshopPascal Depuhl
 
Proposal
ProposalProposal
Proposaljackhurst8
 
Evaluation activity six
Evaluation activity six Evaluation activity six
Evaluation activity six lpreece
 
Construction Progress Photo Management
Construction Progress Photo ManagementConstruction Progress Photo Management
Construction Progress Photo ManagementBrian Sweeney
 
Client ideas and planning
Client ideas and planningClient ideas and planning
Client ideas and planningstefan hughes
 

Recomendados

So you want a website
So you want a websiteSo you want a website
So you want a websiteMarisa McCall
 
Fmp presentation ideas
Fmp presentation ideasFmp presentation ideas
Fmp presentation ideasaasiyahchopdat
 
course work presentation ideas
course work presentation ideascourse work presentation ideas
course work presentation ideasaasiyahchopdat
 
"How to be a productive freelancer" WordCamp Miami 2017 - Freelance Workshop
"How to be a productive freelancer" WordCamp Miami 2017 - Freelance Workshop"How to be a productive freelancer" WordCamp Miami 2017 - Freelance Workshop
"How to be a productive freelancer" WordCamp Miami 2017 - Freelance WorkshopPascal Depuhl
 
Proposal
ProposalProposal
Proposaljackhurst8
 
Evaluation activity six
Evaluation activity six Evaluation activity six
Evaluation activity six lpreece
 
Construction Progress Photo Management
Construction Progress Photo ManagementConstruction Progress Photo Management
Construction Progress Photo ManagementBrian Sweeney
 
Client ideas and planning
Client ideas and planningClient ideas and planning
Client ideas and planningstefan hughes
 
Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011
Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011
Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011Mediacurrent
 
Growing from Video Blogger to Industry Videographer - TBEX Billings 2019
Growing from Video Blogger to Industry Videographer - TBEX Billings 2019Growing from Video Blogger to Industry Videographer - TBEX Billings 2019
Growing from Video Blogger to Industry Videographer - TBEX Billings 2019TBEX
 
Designer vs Developer (Barcamp Memphis 2009)
Designer vs Developer (Barcamp Memphis 2009)Designer vs Developer (Barcamp Memphis 2009)
Designer vs Developer (Barcamp Memphis 2009)Steven Trotter
 
Mobile macarons
Mobile macaronsMobile macarons
Mobile macaronsTim O'Brien
 
Preethi ml paper prototype (1)
Preethi ml paper prototype (1)Preethi ml paper prototype (1)
Preethi ml paper prototype (1)Preethi ML
 
Wireframe template preethi ml
Wireframe template preethi mlWireframe template preethi ml
Wireframe template preethi mlPreethi ML
 
What it takes to be a Web Developer
What it takes to be a Web DeveloperWhat it takes to be a Web Developer
What it takes to be a Web Developerbryanbibat
 
Evaluation
Evaluation Evaluation
Evaluation haverstockmedia
 
Front-End Web Developer - Chelsea Career and Technical High School Career Day
Front-End Web Developer - Chelsea Career and Technical High School Career DayFront-End Web Developer - Chelsea Career and Technical High School Career Day
Front-End Web Developer - Chelsea Career and Technical High School Career DayMegan Taylor
 
Letter to the Judges
Letter to the JudgesLetter to the Judges
Letter to the JudgesBrian_Elliott
 
Question 7
Question 7Question 7
Question 7Tumilara19
 
Web Components in Action: building reusable components for web development
Web Components in Action: building reusable components for web developmentWeb Components in Action: building reusable components for web development
Web Components in Action: building reusable components for web developmentManning Publications
 
Website Overview (Hallowed Grounds)
Website Overview (Hallowed Grounds)Website Overview (Hallowed Grounds)
Website Overview (Hallowed Grounds)Becky Holden
 
How to build a website in 7 steps
How to build a website in 7 stepsHow to build a website in 7 steps
How to build a website in 7 stepsRahul Rana
 
Visual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and EndsVisual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and EndsMiami University
 
Question six
Question sixQuestion six
Question sixmeganburley99
 
Taking back your website: a playbook for reclaiming your most valuable digita...
Taking back your website: a playbook for reclaiming your most valuable digita...Taking back your website: a playbook for reclaiming your most valuable digita...
Taking back your website: a playbook for reclaiming your most valuable digita...Webflow
 
7 Phases of Web Design Process
7 Phases of Web Design Process7 Phases of Web Design Process
7 Phases of Web Design ProcessNiswey
 
Web Development Life Cycle - Tihalt
Web Development Life Cycle - TihaltWeb Development Life Cycle - Tihalt
Web Development Life Cycle - TihaltTihalt
 
Web Designing Kit
Web Designing KitWeb Designing Kit
Web Designing Kitactanimation
 
Presentation1
Presentation1Presentation1
Presentation1nhuthi
 
Planning more effective milestones in web design projects it-toolkits
Planning more effective milestones in web design projects it-toolkitsPlanning more effective milestones in web design projects it-toolkits
Planning more effective milestones in web design projects it-toolkitsIT-Toolkits.org
 

Mais conteúdo relacionado

Mais procurados

Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011
Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011
Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011Mediacurrent
 
Growing from Video Blogger to Industry Videographer - TBEX Billings 2019
Growing from Video Blogger to Industry Videographer - TBEX Billings 2019Growing from Video Blogger to Industry Videographer - TBEX Billings 2019
Growing from Video Blogger to Industry Videographer - TBEX Billings 2019TBEX
 
Designer vs Developer (Barcamp Memphis 2009)
Designer vs Developer (Barcamp Memphis 2009)Designer vs Developer (Barcamp Memphis 2009)
Designer vs Developer (Barcamp Memphis 2009)Steven Trotter
 
Preethi ml paper prototype (1)
Preethi ml paper prototype (1)Preethi ml paper prototype (1)
Preethi ml paper prototype (1)Preethi ML
 
Wireframe template preethi ml
Wireframe template preethi mlWireframe template preethi ml
Wireframe template preethi mlPreethi ML
 
What it takes to be a Web Developer
What it takes to be a Web DeveloperWhat it takes to be a Web Developer
What it takes to be a Web Developerbryanbibat
 
Front-End Web Developer - Chelsea Career and Technical High School Career Day
Front-End Web Developer - Chelsea Career and Technical High School Career DayFront-End Web Developer - Chelsea Career and Technical High School Career Day
Front-End Web Developer - Chelsea Career and Technical High School Career DayMegan Taylor
 
Letter to the Judges
Letter to the JudgesLetter to the Judges
Letter to the JudgesBrian_Elliott
 
Web Components in Action: building reusable components for web development
Web Components in Action: building reusable components for web developmentWeb Components in Action: building reusable components for web development
Web Components in Action: building reusable components for web developmentManning Publications
 
Website Overview (Hallowed Grounds)
Website Overview (Hallowed Grounds)Website Overview (Hallowed Grounds)
Website Overview (Hallowed Grounds)Becky Holden
 
How to build a website in 7 steps
How to build a website in 7 stepsHow to build a website in 7 steps
How to build a website in 7 stepsRahul Rana
 
Visual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and EndsVisual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and EndsMiami University
 
Taking back your website: a playbook for reclaiming your most valuable digita...
Taking back your website: a playbook for reclaiming your most valuable digita...Taking back your website: a playbook for reclaiming your most valuable digita...
Taking back your website: a playbook for reclaiming your most valuable digita...Webflow
 

Mais procurados (17)

Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011
Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011
Happiness is an Organized Case Queue - Drupalcamp Atlanta 2011
 
Growing from Video Blogger to Industry Videographer - TBEX Billings 2019
Growing from Video Blogger to Industry Videographer - TBEX Billings 2019Growing from Video Blogger to Industry Videographer - TBEX Billings 2019
Growing from Video Blogger to Industry Videographer - TBEX Billings 2019
 
Designer vs Developer (Barcamp Memphis 2009)
Designer vs Developer (Barcamp Memphis 2009)Designer vs Developer (Barcamp Memphis 2009)
Designer vs Developer (Barcamp Memphis 2009)
 
Mobile macarons
Mobile macaronsMobile macarons
Mobile macarons
 
Preethi ml paper prototype (1)
Preethi ml paper prototype (1)Preethi ml paper prototype (1)
Preethi ml paper prototype (1)
 
Wireframe template preethi ml
Wireframe template preethi mlWireframe template preethi ml
Wireframe template preethi ml
 
What it takes to be a Web Developer
What it takes to be a Web DeveloperWhat it takes to be a Web Developer
What it takes to be a Web Developer
 
Evaluation
Evaluation Evaluation
Evaluation
 
Front-End Web Developer - Chelsea Career and Technical High School Career Day
Front-End Web Developer - Chelsea Career and Technical High School Career DayFront-End Web Developer - Chelsea Career and Technical High School Career Day
Front-End Web Developer - Chelsea Career and Technical High School Career Day
 
Letter to the Judges
Letter to the JudgesLetter to the Judges
Letter to the Judges
 
Question 7
Question 7Question 7
Question 7
 
Web Components in Action: building reusable components for web development
Web Components in Action: building reusable components for web developmentWeb Components in Action: building reusable components for web development
Web Components in Action: building reusable components for web development
 
Website Overview (Hallowed Grounds)
Website Overview (Hallowed Grounds)Website Overview (Hallowed Grounds)
Website Overview (Hallowed Grounds)
 
How to build a website in 7 steps
How to build a website in 7 stepsHow to build a website in 7 steps
How to build a website in 7 steps
 
Visual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and EndsVisual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and Ends
 
Question six
Question sixQuestion six
Question six
 
Taking back your website: a playbook for reclaiming your most valuable digita...
Taking back your website: a playbook for reclaiming your most valuable digita...Taking back your website: a playbook for reclaiming your most valuable digita...
Taking back your website: a playbook for reclaiming your most valuable digita...
 

Semelhante a Building a Web Site - 3 Phases Planning, Construction, Testing

7 Phases of Web Design Process
7 Phases of Web Design Process7 Phases of Web Design Process
7 Phases of Web Design ProcessNiswey
 
Web Development Life Cycle - Tihalt
Web Development Life Cycle - TihaltWeb Development Life Cycle - Tihalt
Web Development Life Cycle - TihaltTihalt
 
Presentation1
Presentation1Presentation1
Presentation1nhuthi
 
Planning more effective milestones in web design projects it-toolkits
Planning more effective milestones in web design projects it-toolkitsPlanning more effective milestones in web design projects it-toolkits
Planning more effective milestones in web design projects it-toolkitsIT-Toolkits.org
 
Free presentation template for web design projects
Free presentation template for web design projectsFree presentation template for web design projects
Free presentation template for web design projectsThomas Talavera Karslake
 
The Web Development Process -Singsys Blog
The Web Development Process -Singsys BlogThe Web Development Process -Singsys Blog
The Web Development Process -Singsys Bloggeekblogger411
 
Website design and development company
Website design and development companyWebsite design and development company
Website design and development companyMtoag Technologies
 
KS4 Btec Unit 11 Website Review
KS4 Btec Unit 11 Website ReviewKS4 Btec Unit 11 Website Review
KS4 Btec Unit 11 Website ReviewJon Nicholls
 
How to make a great website
How to make a great websiteHow to make a great website
How to make a great websiteDr. Taher Ghazal
 
Week 2 - Purpose of a website
Week 2 - Purpose of a websiteWeek 2 - Purpose of a website
Week 2 - Purpose of a websiteGraeme Smith
 
Individual web project
Individual web projectIndividual web project
Individual web projectSunil Joshi
 
TechOut_Generalized Workflow
TechOut_Generalized WorkflowTechOut_Generalized Workflow
TechOut_Generalized WorkflowKabeed Mansur
 
Making your design vision a reality
Making your design vision a realityMaking your design vision a reality
Making your design vision a realityGrant Thomas-Lepore
 

Semelhante a Building a Web Site - 3 Phases Planning, Construction, Testing (20)

7 Phases of Web Design Process
7 Phases of Web Design Process7 Phases of Web Design Process
7 Phases of Web Design Process
 
Web Development Life Cycle - Tihalt
Web Development Life Cycle - TihaltWeb Development Life Cycle - Tihalt
Web Development Life Cycle - Tihalt
 
Web Designing Kit
Web Designing KitWeb Designing Kit
Web Designing Kit
 
Presentation1
Presentation1Presentation1
Presentation1
 
Planning more effective milestones in web design projects it-toolkits
Planning more effective milestones in web design projects it-toolkitsPlanning more effective milestones in web design projects it-toolkits
Planning more effective milestones in web design projects it-toolkits
 
Free presentation template for web design projects
Free presentation template for web design projectsFree presentation template for web design projects
Free presentation template for web design projects
 
The Web Development Process -Singsys Blog
The Web Development Process -Singsys BlogThe Web Development Process -Singsys Blog
The Web Development Process -Singsys Blog
 
Session slides
Session slidesSession slides
Session slides
 
Session slides
Session slidesSession slides
Session slides
 
Session slides
Session slidesSession slides
Session slides
 
PDF.pdf
PDF.pdfPDF.pdf
PDF.pdf
 
Website development process
Website development process Website development process
Website development process
 
Website design and development company
Website design and development companyWebsite design and development company
Website design and development company
 
KS4 Btec Unit 11 Website Review
KS4 Btec Unit 11 Website ReviewKS4 Btec Unit 11 Website Review
KS4 Btec Unit 11 Website Review
 
How to make a great website
How to make a great websiteHow to make a great website
How to make a great website
 
IA workshop
IA workshopIA workshop
IA workshop
 
Week 2 - Purpose of a website
Week 2 - Purpose of a websiteWeek 2 - Purpose of a website
Week 2 - Purpose of a website
 
Individual web project
Individual web projectIndividual web project
Individual web project
 
TechOut_Generalized Workflow
TechOut_Generalized WorkflowTechOut_Generalized Workflow
TechOut_Generalized Workflow
 
Making your design vision a reality
Making your design vision a realityMaking your design vision a reality
Making your design vision a reality
 

Mais de robertbenard

Accessing data within VB Applications
Accessing data within VB ApplicationsAccessing data within VB Applications
Accessing data within VB Applicationsrobertbenard
 
Advanced VB: Object Oriented Programming - Controls
Advanced VB: Object Oriented Programming - ControlsAdvanced VB: Object Oriented Programming - Controls
Advanced VB: Object Oriented Programming - Controlsrobertbenard
 
Advanced VB: Object Oriented Programming - DLLs
Advanced VB: Object Oriented Programming - DLLsAdvanced VB: Object Oriented Programming - DLLs
Advanced VB: Object Oriented Programming - DLLsrobertbenard
 
Advanced VB: Review of the basics
Advanced VB: Review of the basicsAdvanced VB: Review of the basics
Advanced VB: Review of the basicsrobertbenard
 
Advanced VB: Review of the basics
Advanced VB: Review of the basicsAdvanced VB: Review of the basics
Advanced VB: Review of the basicsrobertbenard
 
Cascading Style Sheets in Dreamweaver
Cascading Style Sheets in DreamweaverCascading Style Sheets in Dreamweaver
Cascading Style Sheets in Dreamweaverrobertbenard
 
Performance Assessment Task
Performance Assessment TaskPerformance Assessment Task
Performance Assessment Taskrobertbenard
 
Lists, formatting, and images
Lists, formatting, and imagesLists, formatting, and images
Lists, formatting, and imagesrobertbenard
 

Mais de robertbenard (20)

Sample
SampleSample
Sample
 
Xampe
XampeXampe
Xampe
 
Accessing data within VB Applications
Accessing data within VB ApplicationsAccessing data within VB Applications
Accessing data within VB Applications
 
Advanced VB: Object Oriented Programming - Controls
Advanced VB: Object Oriented Programming - ControlsAdvanced VB: Object Oriented Programming - Controls
Advanced VB: Object Oriented Programming - Controls
 
Advanced VB: Object Oriented Programming - DLLs
Advanced VB: Object Oriented Programming - DLLsAdvanced VB: Object Oriented Programming - DLLs
Advanced VB: Object Oriented Programming - DLLs
 
Advanced VB: Review of the basics
Advanced VB: Review of the basicsAdvanced VB: Review of the basics
Advanced VB: Review of the basics
 
Advanced VB: Review of the basics
Advanced VB: Review of the basicsAdvanced VB: Review of the basics
Advanced VB: Review of the basics
 
Copyright Basics
Copyright BasicsCopyright Basics
Copyright Basics
 
Cascading Style Sheets in Dreamweaver
Cascading Style Sheets in DreamweaverCascading Style Sheets in Dreamweaver
Cascading Style Sheets in Dreamweaver
 
Performance Assessment Task
Performance Assessment TaskPerformance Assessment Task
Performance Assessment Task
 
WIDS Jeopardy
WIDS JeopardyWIDS Jeopardy
WIDS Jeopardy
 
Wids Model
Wids ModelWids Model
Wids Model
 
Lists, formatting, and images
Lists, formatting, and imagesLists, formatting, and images
Lists, formatting, and images
 
Lesson 7
Lesson 7Lesson 7
Lesson 7
 
Lesson 6
Lesson 6Lesson 6
Lesson 6
 
Lesson 5
Lesson 5Lesson 5
Lesson 5
 
Lesson 4
Lesson 4Lesson 4
Lesson 4
 
Lesson 3
Lesson 3Lesson 3
Lesson 3
 
Lesson 1
Lesson 1Lesson 1
Lesson 1
 
Lesson 1
Lesson 1Lesson 1
Lesson 1
 

Building a Web Site - 3 Phases Planning, Construction, Testing

  • 1. Building a Web Site Robert Benard Mott Community College
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.