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 [Link] 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: [Link] | Email: [Link]@[Link] 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: [Link] | Email: [Link]@[Link] 2
