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,
CGI;
 Use interactive software to create web
animation;
 Provide full documentation for
presentation material;

6. Course Objectives
 Present and explain design concepts
as well as finished work to the client
and class. Understand web
development process;
 Analyze the needs of the target
market;
 Manage resources supplied by client;
 Recommend web solutions;

7. Course Objectives
 Visualize and present design,
navigation, and content solutions;
 Produce quality standard project within
time and budget constraints;
 Apply the technicalities of web
development such as HTML, Javascript
behaviors, Embedding Multimedia,
Cascading Style Sheets, Tables,
Templates, PHP, CGI;

8. Course Objectives
 Use interactive software to create web
animation;
 Understand the moral issues and legal
consequences of infringement of third
party rights;
 Provide full documentation for
presentation material;
 Present and explain design concepts as
well as finished work to the client and class.

9. What to learn?
 Design + Content + Script + Deal
with client concerns
 FLASH + CSS + Basic PHP + CMS

10. 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

11. Methodology
 Lectures
 Mentoring
 Seatwork and Homework
 Projects
 Presentations

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

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

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

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

16. Requirements
 Project
 Mock presentation
 Client Approval
 Panel presentation

17. PROJECT GROUPINGS

18. Grading
Works (SW and HW) 40%
Quizzes 10%
Documentation 10%
Class Participation 05%
Project 35%
Total 100%

19. Class Website
 Course materials, activities, quizzes are
posted in this website
• http://moodle1.dls-csb.edu.ph/
 Class Facebook group:
• SDA-MMA Webdev

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

21. Shameless
Review

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

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

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

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

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

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

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

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