Scribd
Upload
4 views

Web Development Guidelines

Uploaded by

kenneth gutay
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

Web Development Guidelines

Uploaded by

kenneth gutay
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

WEB DEVELOPMENT GUIDELINES

MSIT13 – Web Development


Engr. Jon Alvin L. Macariola

Rationale: methods, and procedures that require careful consideration when designing and developing Web sites. The most
important of these are presented in such as setting clear and concise goals for a Web site, determining a correct and exhaustive
set of user requirements, ensuring that the Web site meets user’s expectations, setting usability goals, and providing useful
content.

To ensure the best possible outcome, designers should consider a full range of user-interface issues, and work to create a Web
site that enables the best possible human performance. The current research suggests that the best way to begin the
construction of a Web site is to have many different people propose design solutions (i.e., parallel design), and then to follow up
using an iterative design approach. This requires conducting the appropriate usability tests and using the
findings to make changes to the Web site.

“Research-Based Web Design & Usability Guidelines- Michael O. Leavit and Ben Shneiderman”

Instruction: Below are the guidelines for the development of your web site to be presented to the class of MSIT13 – Web Development.
Your site should contain the minimum requirement proposed below. Web sites, web pages and applications need to be compliant with the
World Wide Web Consortium (W3C) standards http://www.w3.org/standards/. By following the W3C standards, pages and application will
be well-structured, compatible, and useable, while also working well with assistive technologies. You can utilize any tools, script or
programing language suitable on your specific design. Each one of you will be assign in different types and categorize in the development
of your site. This is an individual work, below is the list of your assign categorize and schedule of presentation.

Types, areas and categorize of your website but not limited to the following:

 Business – Mendoza, Nathaniel A., June 6, 2015


 Personal/Portfolio – Uy, Ma. Shiela May, June 7, 2015
 News – Marc Angelo Lorente P., June 7, 2015
 E-Commerce – Cabalhin, Johanna P., June 7, 2015
 Education – Bordios, Abegail G., June 6, 2015
 Blog/Social – Candido, Ma. Venus J., June 7, 2015
 Sports – Babalcon, Leonel C., June 7, 2015
 Directory website – Cayat, Jonathan B., June 6, 2015
 Gallery – Araza, Donna N., June 6, 2015
 Archive site – Sabenorio, Martin, May 31, 2015

Sample Web Layout Position


On Site Minimum Requirement:

1. Site Name
Sample Menu Layout
2. A minimum of 4 Main Menu tab
3. Login System
4. Logo/Banner
5. Navigation / Search box
Sample Login system

Web: http://jahcreatorbox.atspace.cc | Email: [email protected] 1


On Site Rules:

1. Observe all copyright laws.


2. Maintain accurate and up to date information.
3. Correctly attribute all information on the site.
4. Maintain public confidence in the Web site.
5. Provide a consistent visual appearance.

TEXT:

1. End all sentences, headers and list items with a period or other suitable punctuation.
2. Use hyperlinks
3. Use table summary to provide extra details to text readers and Identify row and column headers for data tables

Graphics & Multimedia:

1. Keep background images at the lowest color depth and resolution possible.
2. Make sure text is clear and readable against any graphic background.
3. Use a linked document if a detailed description of an image is needed.
4. If possible, avoid audio or video material that does not include text transcriptions (captions), descriptions or other
written explanations of critical information.
5. Include file format and file size in kilobytes with each description of an audio or video file.

Scripts, Applets and Plug-ins

1. Provide an alternative if dynamic content is inaccessible or unsupported or eliminate the need for it.
2. Consult Access Adobe resources for the latest methods in making Adobe PDF files accessible.

Browser Compatibility

1. Testing of web sites, web pages and applications also should incorporate browser compatibility.

Additional Consideration for Web Pages and Applications

1. Use common resolutions sizes. Use CSS styles, if needed, to make layouts accommodating.
2. Keep file names lowercased without special characters, and do not exceed 15 characters long, not including the extension.
3. Use conventional Web design methods.
4. Use appropriate metadata.
5. Apply proper titles on all pages.
6. Keep links underlined.
7. A web page should have one <h1> heading tag. Do not add an <h1> tag without checking to be sure it's not already included with
your web page template.

Web: http://jahcreatorbox.atspace.cc | Email: [email protected] 2

You might also like