in the name of allah ,the most gracious, the most merciful
DESCRIPTION
In the Name of Allah ,The Most Gracious, The Most Merciful. King Khalid University College of Computer and Information System. Introduction to Computer Science. From Concept to Execution. Alaa Alwabel - 2011 . Web Design Phases. Definition. Understanding site goals - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/1.jpg)
Company
LOGO
In the Name of Allah ,The Most Gracious,
The Most Merciful
King Khalid UniversityCollege of Computer and
Information System
Introduction to Computer Science
Alaa Alwabel - 2011
From Concept to Execution
![Page 2: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/2.jpg)
Web Design Phases
Definition
Design
DevelopmentTesting and lunch
Maintenance
![Page 3: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/3.jpg)
Definition Understanding site goals These goals directly influence :o site’s structure.o visual design.o layout .o content choices. Gathering business requirementso Keep it high level.o Make a list “ ability”.o Prioritize.
![Page 4: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/4.jpg)
DefinitionBuilding a project plano lists all the steps o Organized by five phases o Figure out how much time, money, and people
you need to accomplish each step.
![Page 5: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/5.jpg)
Web Design Phases
Definition
Design
DevelopmentTesting and lunch
Maintenance
![Page 6: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/6.jpg)
Design
Design:o The design phase of a Web site is your chance to
write the instruction manual for the team. Creating the blueprint for the site Designing a plan for each page Implementing user testing Putting together a content plan Establishing “look-n-feel” Getting input from a focus group
![Page 7: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/7.jpg)
Design
Creating the blueprint for the site A site map shows all the major sections of a Web site
and how they interconnect. The interconnections lay the groundwork for your
navigation scheme.
![Page 8: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/8.jpg)
Design
Designing a plan for each page Collects input from all team members Builds a diagram layout, called a wireframe, for each
major page of the site. A wireframe shows the following elements:
Global navigation scheme (the navigation that appears on each page of your site(
Text and media chunks and their relative placement Interaction design (how people use the elements on the page)
![Page 9: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/9.jpg)
Design
Designing a plan for each page
![Page 10: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/10.jpg)
Design
User testing: It is an iterative process. Allow making early adjustment.
Content plan: Where the news will come from? How extensive it should be? How often the client will be able to update it?
![Page 11: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/11.jpg)
Design
Establishing “look-n-feel” Create a design treatment for the home page and a
subpage.Getting input from a focus group Guide client in the right direction.
![Page 12: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/12.jpg)
Web Design Phases
Definition
Design
Development
Testing and lunch
Maintenance
![Page 13: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/13.jpg)
Development
Development: In this phase, all video, audio, Flash animation, and
graphics are prepared for the Web. They’re compressed to:
o speed up their Web travel, o saved in a Web-friendly format, o named, and uploaded to the server.
All programming and HTML work is done, and the site comes together, ready to be tested.
![Page 14: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/14.jpg)
Web Design Phases
Definition
Design
Development
Testing and lunch
Maintenance
![Page 15: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/15.jpg)
Testing and Lunch
Quality assurance: keep a list of things to fix after launch. Check misspellings, missing images, bad links Check your site on different platforms (Mac and
Windows) Make sure that everything works the way you expect it
to. Check how fast various pages load when viewed
through different connection speeds.
![Page 16: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/16.jpg)
Testing and Lunch
Best “customer experience” in Web design circles: file size faster load.
![Page 17: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/17.jpg)
Web Design Phases
Definition
Design
Development
Testing and lunch
Maintenance
![Page 18: In the Name of Allah ,The Most Gracious, The Most Merciful](https://reader036.vdocument.in/reader036/viewer/2022062301/56815e5e550346895dccd645/html5/thumbnails/18.jpg)
Phase 5: Maintenance
Maintenance: Keep the engineers close at hand just in case! keep the site content fresh: changing images and text on
a regular basis. Larger upgrades or additions.