1. WEBDEV2
Ms. Lea S. Abarentos
http://leaabarentos.com

2. -Your name
-Something
unique about
you

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

9. Methodology
Lectures
Mentoring
Seatwork and Homework
Projects
Presentations

10. House Rules
Missed requirements (quizzes,
seatwork, homework, projects) get
a grade of zero

11. House Rules
All requirements are open notes,
open internet, open anything;
except open-classmates
Open sources does not mean you
can plagiarize.

12. House Rules
You are responsible for any lessons
you miss due to tardiness of
absence.
Your teacher will not repeat it for
you.

13. House Rules
Absolutely no surfing, e-mailing,
YM-ing, blogging, etc. while there
is a lecture or discussion

14. Requirements
Project
Mock presentation
Client Approval
Panel presentation
Hosting Service

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):

19. Final Project
Company Website –
(Real / Existing)

20. PROJECT GROUPINGS

21. The Web Track
BASICOM
Basic Computer Applications
WEBDEV1
Interface Design
WEBDEV2
Development Skills
WEBDEV3
E-commerce Development

22. Shameless
Review

23. What are the 4
elements of
good interface
design?

24. What image
format is used for
photographic web
images?

25. If an image has
both jpg and gif
qualities, what
format should
you use?

26. Why is the entry
page always
named “index”?

27. What is the
difference
between web
design and web
development?

28. In the file
structure, why do
we use a
separate folder
for images?

29. Why should the
file structure on
your server be
the same as that
in your
computer?

30. What is the first
and most
important rule
when using
Dreamweaver?

31. Thank you!