WEBDEWEBDEV2V2Ms. Lea S. Abarentos

http://leaabarentos.com

© Joby Provido 2007 Version 3.0

-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, Tables, Templates, PHP, CGI;

Use interactive software to create web animation;

Understand the moral issues and legal consequences of infringement of third party rights;

Course Objectives

Provide full documentation for presentation material;

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?What to learn?

Design + Content + Script + Deal with client concerns

FLASH + CSS + Basic PHP + CMS

Project FlowProject 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

MethodologMethodologyy

Lectures Mentoring Seatwork and Homework Projects Presentations

House House RulesRules

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

House House RulesRules

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

Open sources does not mean you can plagiarize.

House House RulesRules

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

Your teacher will not repeat it for you.

House House RulesRules

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

RequiremeRequirementsnts

Mock presentation Client Approval Panel presentation

GradingGrading

Works (SW and HW) 40%Quizzes 10%Documentation 10%Class Participation 05%

Project 35%Total 100%

Class Class WebsiteWebsite

Course materials, activities, quizzes are posted in this website• http://moodle1.dls-csb.edu.ph/

Class Facebook group:• SDA-MMA Webdev

The Web TrackThe Web TrackBASICOM

Basic Computer Applications

WEBDEV1Interface Design

WEBDEV2Development Skills

WEBDEV3E-commerce Development

Shameless Shameless ReviewReview

What are the 4 elements of good interface design?

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

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

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

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

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

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

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