Upload
lora-rodgers
View
215
Download
0
Embed Size (px)
Citation preview
Understanding the Web Site Development
• You need a good project plan
• Larger projects need a project manager
• Adopt a development framework
• The project life cycle encompasses the entire project from start to finish
2
• The client presents the requirements for the site
• Requirements are the list of customer needs
• The project team breaks the requirements down to tasks
• The team prepares a project specification that contains:– Page layout sketches– Audience definition– Technical requirements
Requirements and Specification
4
• User analysis guides the design of site content
• Goal is to create meaningful content navigation
• Taxonomy is a classification and naming of contents in a hierarchy
• The taxonomy of the site structures the topic hierarchy and navigation
Information Design and Taxonomy Creation
5
• Designers prepare sketches and page mockups to represent page layouts
• All page layouts start with a mockup
• Mockups can be easily edited based on feedback
• Wireframes document a more stable page design
• Wireframes offer a more complete view of what the final design will look like
Graphic Design and Page Template Creation
6
• Construction begins when the design stage is mostly complete
• This stage includes technical development of the site
• Some testing will occur during this stage
Construction and Content Development
9
• Quality assurance validates the technology of the site
• User testing validates the design
• Cross-platform testing and usability testing ensure users can access content easily
Quality Assurance and User Testing
• The site is published to the Web
• Promotion of the site begins
Publishing and Promotion
10
• Starts when the site goes live and continues throughout the life of the project
Ongoing Maintenance
• Who is the client for the site? • Can you write a two- or three-paragraph
mission statement that briefly states the site’s goals?
• What do you envision as the goal of the site?• What do you (or your company or
organization) hope to gain from creating and maintaining a Web site?
• What are the requirements for the Web site?
Creating a Site Specification
12
• Are the requirements feasible?
• How will you judge the success of the site?
• Who is the target audience?
• What are the limiting technical factors?
• What is the budget?
• Is this a new site or an upgrade?
Creating a Site Specification
13
• Examine closely what type of site you are building
• Your objectives and your users’ objectives may be quite different
• Adopt your users’ perspective • Think about the type of content you’re
presenting and look to the Web for examples of how best to present it
Identifying the Content Goal
15
• Types of Web sites:
– Billboard– Publishing– Portal– Special interest– Blog– Social networking
Identifying the Content Goal
16
– Wikis– RSS– Virtual gallery– E-commerce,
catalog, online shopping
– Product support– Intranet/Extranet
• Produce an audience definition:– What is it that users want when they come to
your site?
– How can you attract them and entice them to return for repeat visits?
– What type of computer and connection speed do your typical visitors have?
Analyzing Your Audience
18
• Who are the typical members of your audience? – Are they male or female? – What level of education do they have? – What is their reading and vocabulary level? – What level of technical aptitude do they have?
• Why do people come to your site? – Do they want information? – Do they want to download files? – Are they looking for links to other Web sites?
Analyzing Your Audience
19
• Web analytics are statistics gathered by Web servers
• Reporting tools can analyze the statistics
• You can track user activity on your Web site
• You can see where your visitors come from and which pages they like the best
Using Web Analytics
20
• Think about where users are located and what their technology level might be
• Test in different environments and with different technologies
• Consider the physical capabilities of your users
Identifying Technology Issues and Accessibility Constraints
21
You can identify accessibility constraints
• Review the WCAG 2.0 (Web Content Accessibility Guidelines)
• In new sites, plan for accessibility
• In existing sites, assess the current accessibility
• Look to other real-life accessibility implementations
• Try to use software that matches the complexity needs of your site
• Move up to more advanced tools as your skills grow
• Learn to use graphics tools as well
• Look to shareware and freeware options
Identifying Software Tools
22
• Plan the filename conventions for your site
• Find out which operating system your server uses
• Make sure file structures are transferable from development machines to the Web server
Creating Conventions for Filenames and URLs
24
• File naming conventions vary across operating systems
• The ISO 9660 standard works across all operating systems
• Leave out special characters
• Use the correct file extensions
• Use underscores instead of spaces
• Use all lowercase letters
Naming Files
25
• Complete URLs are the unique address of a file on the Web
Using Complete or Partial URLs
27
Parts of a complete URL
• Partial URLs locate a file that resides on your own computer or server
<a href="laptop.htm">link text</a>
• You build a site on a development computer but host it on a different computer
• The files for your Web site must be transferred from the development computer to the hosting computer
• Your file structure must be transferable
• Use relative paths to indicate file locations
Setting a Directory Structure
28
• All files are contained in the same folder
Single Folder Structure
29
Simplified single folder file structure
• Content is separated into different folders
Hierarchical Folder Structure
30
Basic hierarchical folder structure
• Plan your site by creating a storyboard flowchart
• The flowchart shows structure logic and taxonomy
• This is an important planning step
• You can visualize and refine your site design
Creating a Site Storyboard
31
• Think about your users’ information needs
• How should your information design map look?
• Review the following sample structures and adapt them to information needs
Organizing Information Structure
• The Web hosting service hosts your Web site
• Select a Web hosting service appropriate to the size of your Web site
• Check for the following features– DSL and cable access– Accessible technical support– E-mail addresses– SQL database support– Secure socket layer support
Choosing a Web Hosting Service Provider
39
• Is the Web host local or national?
• What are the details of the different hosting packages?
• Are there bandwidth limits for the number of visitors your site receives per month?
• Does the Web host offer technical support?
• How many e-mail addresses do you get?
• Does the Web host provide software and offer support for the latest connection technologies?
• Does the Web host offer enhanced services?
Web Hosting Service Comparison Checklist
41
• To publish pages on the Web, you must send your HTML code, images, and other files to the Web server
• FTP software let you transfer the files
• Some HTML-editing software has built-in FTP
• There are many shareware and freeware FTP programs to choose from
Uploading Your Files with FTP
42