3. Course Overview
Website development for real clients
It focuses on planning, organizing,
design conceptualization, project
monitoring, and managing resources
supplied by the client
The challenge of this course is to
ensure client and end user
satisfaction in spite of project
constraints such as time, scope,
budget, etc.
4. Course Objectives
Understand web development process;
Analyze the needs of the target market;
Manage resources supplied by client;
Recommend web solutions;
Visualize and present design, navigation,
and content solutions;
Produce quality standard project within
time and budget constraints;
5. Course Objectives
Apply the technicalities of web
development such as HTML, Javascript
behaviors, Embedding Multimedia,
Cascading Style Sheets, Templates, PHP,
CMS;
Use interactive software (Flash) to create
web animation;
Provide full documentation for
presentation material;
6. What to learn?
Design + Content + Script + Deal
with client concerns
FLASH + CSS + Basic PHP + CMS
Creating WEB STANDARD PROJECTS
7. Web standards
‘table-free sites‘ and ‘using valid code‘
A site built to web standards should adhere to
standards (HTML, XHTML, XML, CSS, etc) and
pursue best practices (valid code, accessible
code, semantically correct code, user-friendly
URLs etc).
a site built to web standards should ideally be
lean, clean, CSS-based, accessible, usable and
search engine friendly.
8. Project Flow
Look for potential clients
Submit cover letter to potential client
Conduct Project Survey
Create Work Plan
Provide Costing
Create a contract
Review existing resources
Start/edit Content (text, images)
Analyze Competitors
Draw Sketches
Design Prototype
Finalize homepage and inner page design
Provide Marketing Plan
Launch Website
Prepare collaterals
15. Grading
Works (SW and HW) 40%
Quizzes 10%
Documentation 10%
Class Participation 05%
Project 35%
Total 100%
16. Class Website
Course materials, activities, quizzes are
posted in this website
• http://moodle1.dls-csb.edu.ph/
Class Facebook group:
• SDA-MMA Webdev
17. Weekly Projects
Design Company (1st week)
Wordpress Blog (1st week)
Viewer / Javascript/XML (2nd week)
E-Card / Bouncing Balls (3rd week)
Web Banners/ Flash Portfolio (4th week)
CSS Switcher (5th Week or 6th week)
Tumblr Customization (7th week)
Whim Gym (8th or 9th week)
Floral Design (8th or 9th week)
CMS – Drupal / Wordpress Customization (10th )
18. RUBRICS
(Project Evaluation Scheme)
Deadline 25%
(Has the design met the deadline?)
Style 25%
(appropriate techniques specific to each design)
Originality 25%
(significantly original, and violating no copyright
regulations)
Creativity 25%
(high standard of visual accomplishment):
