Week1 1t webdev2

  • 959 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
959
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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?