0% found this document useful (0 votes)
15 views4 pages

MWDMP01 Website Creation

The MWDMP01 course focuses on developing essential skills for website development, covering HTML, CSS, JavaScript, and PHP. Students will engage in hands-on projects to create functional and responsive websites, culminating in a final project that showcases their learned skills. By the end of the course, students will be equipped to solve common web development challenges and present their work effectively.

Uploaded by

22-0183-tle
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
15 views4 pages

MWDMP01 Website Creation

The MWDMP01 course focuses on developing essential skills for website development, covering HTML, CSS, JavaScript, and PHP. Students will engage in hands-on projects to create functional and responsive websites, culminating in a final project that showcases their learned skills. By the end of the course, students will be equipped to solve common web development challenges and present their work effectively.

Uploaded by

22-0183-tle
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

MWDMP01 – Website Creation

Course Description

This course is designed to develop and enhance the knowledge, skills, and
attitudes essential for a successful Website Developer, aligning with industry
standards. It covers fundamental competencies in website design, development,
and deployment, focusing on the creation of commercial websites. Through
practical applications and hands-on projects, students will learn to leverage web
development techniques to enhance the teaching-learning process and address
real-world challenges in education and beyond.

Course Outcomes

By the end of the course, students will:

1. Create attractive and functional web pages using HTML and CSS, including
multimedia elements.
2. Apply responsive design techniques to ensure websites work on various
devices.
3. Use JavaScript to add interactive features and validate forms, improving
user experience.
4. Write basic PHP scripts for handling forms and managing data.
5. Complete a final web development project that showcases all the skills
learned.

Learning Outputs

What students will create during the course:

1. Static Web Pages: A collection of web pages that demonstrate HTML and
CSS skills, including multimedia.
2. Responsive Website: A working website that shows responsive design across
different screen sizes.
3. Interactive Features: A web application that uses JavaScript for user
interactions and form validation.
4. PHP Web Application: A simple web app that uses PHP for form handling
and dynamic content.
5. Final Project: A complete multi-page website project that integrates all
learned skills.

Learning Outcomes

What students will achieve by the end of the course:

1. Understand the basics of web technologies like HTML, CSS, JavaScript, and
PHP.
2. Confidently create and style web pages that look good and are easy to use.
3. Develop responsive websites that work well on different devices.
4. Solve common web development problems, such as debugging and
optimizing websites.
5. Present their final project clearly, showing their skills and understanding of
web development.

Week 1: Orientation

a. Course Overview
b. Objectives, Policies, and Grading System
c. Importance of Web Development in Education

Week 2: Basics of HTML

a. Definition and Structure of HTML


b. Common HTML Tags (headings, paragraphs)
c. Nesting Elements and Attributes

Week 3: Adding Images and Links

a. Embedding Images in HTML


b. Creating Hyperlinks
c. Image Formatting and Accessibility (alt text)

Week 4: Introduction to CSS

a. CSS Syntax and Selectors (classes, IDs)


b. Adding Colors and Fonts to Webpages
c. CSS Box Model (margin, padding, border)
Week 5: Page Layouts with CSS

a. Using Div Containers for Layout


b. Creating Simple Column-Based Layouts
c. Flexbox and Grid Basics (optional introduction)

Week 6: Responsive Web Design

a. Importance of Responsive Design


b. Media Queries for Different Devices
c. Fluid Layout Techniques

Week 7: Introduction to JavaScript

a. Basic JavaScript Syntax and Structure


b. Data Types and Variables
c. Adding Interactivity (alerts and prompts)

Week 8: Working with HTML Forms

a. Structure of HTML Forms (input types)


b. Labels and Buttons in Forms
c. Form Attributes (action, method)

Week 9: Midterm Examination

a. Review of Topics Covered


b. Written and Practical Examination

Week 10: Form Validation with JavaScript

a. Importance of Form Validation


b. Techniques for Validating User Input
c. Displaying Error Messages and Feedback

Week 11: Multimedia in Webpages

a. Embedding Videos and Audio in HTML


b. Using YouTube and Local Files
c. Ensuring Accessibility for Multimedia
Week 12: Introduction to Web Hosting

a. Understanding Web Hosting and Its Importance


b. Overview of Hosting Platforms (free vs. paid)
c. Uploading Files and Managing a Domain

Week 13: Introduction to PHP

a. Basics of PHP Syntax and Structure


b. Embedding PHP in HTML
c. Variables and Data Types in PHP

Week 14: PHP and Form Handling

a. Processing Form Data with PHP


b. Using $_GET and $_POST Superglobals
c. Validating and Sanitizing User Input in PHP

Week 15: Creating Navigation Menus

a. Designing Horizontal and Vertical Navigation


b. Styling Menus with CSS
c. Linking Multiple Pages Together

Week 16: Testing and Debugging

a. Common Errors in Web Development


b. Tools for Debugging HTML, CSS, JavaScript, and PHP
c. Optimizing Website Performance

Week 17: Final Project Development

a. Organizing Project Files and Structure


b. Peer Reviews and Feedback Sessions
c. Final Adjustments and Refinements

Week 18: Final Examination

a. Comprehensive Review of All Topics


b. Final Written and Practical Examination

You might also like