WEBDEV2
     Ms. Lea S. Abarentos
http://leaabarentos.com
-Your name
-Something
unique about
you
Course Overview

 Website development for real clients
 It focuses on planning, organizing,
  design conceptualization, ...
Course Objectives
 Understand web development process;
 Analyze the needs of the target market;
 Manage resources suppl...
Course Objectives

 Apply the technicalities of web
  development such as HTML, Javascript
  behaviors, Embedding Multime...
Course Objectives

 Present and explain design concepts
  as well as finished work to the client
  and class. Understand ...
Course Objectives

 Visualize and present design,
  navigation, and content solutions;
 Produce quality standard project...
Course Objectives

 Use interactive software to create web
  animation;
 Understand the moral issues and legal
  consequ...
What to learn?


 Design + Content + Script + Deal
  with client concerns
 FLASH + CSS + Basic PHP + CMS
Project Flow
   Look for potential clients
   Submit cover letter to potential client
   Conduct Project Survey
   Cre...
Methodology

 Lectures
 Mentoring
 Seatwork and Homework
 Projects
 Presentations
House Rules

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

 All requirements are open notes,
  open internet, open anything;
  except open-classmates

 Open sources do...
House Rules

 You are responsible for any lessons
  you miss due to tardiness of
  absence.

 Your teacher will not repea...
House Rules

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

 Project
 Mock presentation
 Client Approval
 Panel presentation
PROJECT GROUPINGS
Grading
Works (SW and HW)        40%
Quizzes                  10%
Documentation            10%
Class Participation      05...
Class Website

 Course materials, activities, quizzes are
  posted in this website
  • http://moodle1.dls-csb.edu.ph/
 C...
The Web Track
             BASICOM
Basic Computer Applications


            WEBDEV1
           Interface Design


       ...
Shameless
Review
What are the 4
elements of
good interface
design?
What image
format is used for
photographic web
images?
If an image has
both jpg and gif
qualities, what
format should
you use?
Why is the entry
page always
named “index”?
What is the
difference
between web
design and web
development?
In the file
structure, why do
we use a
separate folder
for images?
Why should the
file structure on
your server be the
same as that in
your computer?
What is the first
and most
important rule
when using
Dreamweaver?
Upcoming SlideShare
Loading in …5
×

1st Term - SY 10-11 - Webdev Week1

405 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
405
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

1st Term - SY 10-11 - Webdev Week1

  1. 1. WEBDEV2 Ms. Lea S. Abarentos http://leaabarentos.com
  2. 2. -Your name -Something unique about you
  3. 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. 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. 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. 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. 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. 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. 9. What to learn?  Design + Content + Script + Deal with client concerns  FLASH + CSS + Basic PHP + CMS
  10. 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. 11. Methodology  Lectures  Mentoring  Seatwork and Homework  Projects  Presentations
  12. 12. House Rules  Missed requirements (quizzes, seatwork, homework, projects) get a grade of zero
  13. 13. House Rules  All requirements are open notes, open internet, open anything; except open-classmates Open sources does not mean you can plagiarize.
  14. 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. 15. House Rules  Absolutely no surfing, e-mailing, YM-ing, blogging, etc. while there is a lecture or discussion
  16. 16. Requirements  Project  Mock presentation  Client Approval  Panel presentation
  17. 17. PROJECT GROUPINGS
  18. 18. Grading Works (SW and HW) 40% Quizzes 10% Documentation 10% Class Participation 05% Project 35% Total 100%
  19. 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. 20. The Web Track BASICOM Basic Computer Applications WEBDEV1 Interface Design WEBDEV2 Development Skills WEBDEV3 E-commerce Development
  21. 21. Shameless Review
  22. 22. What are the 4 elements of good interface design?
  23. 23. What image format is used for photographic web images?
  24. 24. If an image has both jpg and gif qualities, what format should you use?
  25. 25. Why is the entry page always named “index”?
  26. 26. What is the difference between web design and web development?
  27. 27. In the file structure, why do we use a separate folder for images?
  28. 28. Why should the file structure on your server be the same as that in your computer?
  29. 29. What is the first and most important rule when using Dreamweaver?

×