WEBDEV2WEBDEV2Ms. 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 clientThe challenge of this course is to ensure client and end user satisfaction in spite of project constraints such as time, scope, budget, etc.

Course ObjectivesCourse ObjectivesUnderstand 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, Javascriptbehaviors, Embedding Multimedia, Cascading Style Sheets, Templates, PHP, CMS;Use interactive software (Flash) to create web animation;Provide full documentation for presentation material;

What to learn?What to learn?

Design + Content + Script + Deal with client concernsFLASH + CSS + Basic PHP + CMSCreating WEB STANDARD PROJECTS

Web standardsWeb 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, accessiblecode, 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.

Project FlowProject Flow

Look for potential clientsSubmit cover letter to potential client Conduct Project Survey Create Work Plan Provide Costing Create a contractReview existing resourcesStart/edit Content (text, images)‏Analyze CompetitorsDraw SketchesDesign PrototypeFinalize homepage and inner page designProvide Marketing PlanLaunch WebsitePrepare collaterals

MethodologyMethodology

LecturesMentoringSeatwork and HomeworkProjectsPresentations

House RulesHouse Rules

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

House RulesHouse Rules

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

Open sources does not mean you can plagiarize.

House RulesHouse Rules

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

Your teacher will not repeat it for you.

House RulesHouse Rules

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

RequirementsRequirements

ProjectMock presentationClient ApprovalPanel presentationHosting Service

GradingGrading

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

Class WebsiteClass Website

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

Class Facebook group:• SDA-MMA Webdev

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 ‏(

Weekly ProjectsWeekly Projects

RUBRICS RUBRICS (Project Evaluation Scheme)‏(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):

Final ProjectFinal ProjectCompany Website –(Real / Existing)

PROJECT GROUPINGSPROJECT GROUPINGS

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 for format is used for photographic web photographic web images?images?

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

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

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

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

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

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

Thank you! Thank you!