SlideShare a Scribd company logo
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, 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.
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;
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;
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;
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;
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.
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
   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
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 does not mean you
 can plagiarize.
House Rules

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

 Your teacher will not repeat it for
 you.
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%

Project                   35%
Total                 100%
Class Website

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


            WEBDEV1
           Interface Design


             WEBDEV2
        Development Skills


            WEBDEV3
 E-commerce Development
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?

More Related Content

PPT
Week1
PDF
Week1 2t
PPT
Web2 Week1 PPT
PPTX
Digital Portfolios: Your Digital Narrative
PPTX
Digital Portfolios: Your Digital Narrative
DOCX
Web Site Design and Development Process
DOCX
Michelle Schoen resume
PPTX
Culminating Project
Week1
Week1 2t
Web2 Week1 PPT
Digital Portfolios: Your Digital Narrative
Digital Portfolios: Your Digital Narrative
Web Site Design and Development Process
Michelle Schoen resume
Culminating Project

What's hot (19)

PPTX
Web design information
PDF
Promote Technical Communication
PPTX
web designinig
PPTX
Teaching Web Design with Adobe Spark
PPT
PSEWEB 2011: Plan it and they will come
DOC
Individual web project
PDF
Ryan_resume
PDF
Resume
PDF
Ezio Magarotto UI, UX, IA Resume
PPTX
Occupation presentation with stella chang
PDF
Project Proposal Document
PPT
Ist
PPT
Ist
PDF
Functional resume sample
PDF
ScottKellyresume3-24-2016
PPT
ISD Process & Design Principles For WBT Jan 2010
PPTX
Presentation
PPT
Design Plan
PDF
Driving Enrollment Results with User-Centered Design at Bentley University
Web design information
Promote Technical Communication
web designinig
Teaching Web Design with Adobe Spark
PSEWEB 2011: Plan it and they will come
Individual web project
Ryan_resume
Resume
Ezio Magarotto UI, UX, IA Resume
Occupation presentation with stella chang
Project Proposal Document
Ist
Ist
Functional resume sample
ScottKellyresume3-24-2016
ISD Process & Design Principles For WBT Jan 2010
Presentation
Design Plan
Driving Enrollment Results with User-Centered Design at Bentley University
Ad

Similar to 1st Term - SY 10-11 - Webdev Week1 (20)

KEY
Webdev2 - Week1
DOC
web design course description.doc
DOCX
WEB240 Version 1 1 Course Syllabus College o.docx
DOC
WEB PAGE DESIGN
PDF
Crafting Digital Experiences with Innovative Web Designing”
PPTX
Best Front End Web Developer Online Courses to Land a High Paying Job​
PDF
web designing course in chandigarh for excellence technology
PDF
WEB DESIGINNF COURSE FOR EXCELLENCE TECHNOLOGY IN HAM
DOC
JOB DESCRIPTION - DRAFT
PPTX
Web Development Classes in Pimple Saudagar | Pune Training Institute
PPTX
Web Development Classes in Pimple Saudagar | Pune Training Institute
PDF
Best Front-End Web Developer Online Courses to Land a High-Paying Job.pdf
PDF
Web designing development & digital marketting
PDF
Introduction to Webdev2
PPTX
What is a pba webdeveloper?
DOC
Resume shivani
DOC
Resume shivani
PPTX
Title_ Web Development Course_ Your Complete Guide to a Successful Tech Caree...
PDF
Web design winter start
PPTX
Trends and innovations in web development course
Webdev2 - Week1
web design course description.doc
WEB240 Version 1 1 Course Syllabus College o.docx
WEB PAGE DESIGN
Crafting Digital Experiences with Innovative Web Designing”
Best Front End Web Developer Online Courses to Land a High Paying Job​
web designing course in chandigarh for excellence technology
WEB DESIGINNF COURSE FOR EXCELLENCE TECHNOLOGY IN HAM
JOB DESCRIPTION - DRAFT
Web Development Classes in Pimple Saudagar | Pune Training Institute
Web Development Classes in Pimple Saudagar | Pune Training Institute
Best Front-End Web Developer Online Courses to Land a High-Paying Job.pdf
Web designing development & digital marketting
Introduction to Webdev2
What is a pba webdeveloper?
Resume shivani
Resume shivani
Title_ Web Development Course_ Your Complete Guide to a Successful Tech Caree...
Web design winter start
Trends and innovations in web development course
Ad

Recently uploaded (20)

PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Empathic Computing: Creating Shared Understanding
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPT
Teaching material agriculture food technology
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Encapsulation theory and applications.pdf
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Machine learning based COVID-19 study performance prediction
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
Building Integrated photovoltaic BIPV_UPV.pdf
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
The AUB Centre for AI in Media Proposal.docx
Understanding_Digital_Forensics_Presentation.pptx
Diabetes mellitus diagnosis method based random forest with bat algorithm
Mobile App Security Testing_ A Comprehensive Guide.pdf
Review of recent advances in non-invasive hemoglobin estimation
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Network Security Unit 5.pdf for BCA BBA.
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Empathic Computing: Creating Shared Understanding
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Dropbox Q2 2025 Financial Results & Investor Presentation
Teaching material agriculture food technology
NewMind AI Weekly Chronicles - August'25 Week I
Encapsulation theory and applications.pdf
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Machine learning based COVID-19 study performance prediction
Advanced methodologies resolving dimensionality complications for autism neur...

1st Term - SY 10-11 - Webdev Week1

  • 1. WEBDEV2 Ms. Lea S. Abarentos http://leaabarentos.com
  • 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
  • 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
  • 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?