ITELECT1 Web Systems and Technologies Quiz

I. Course Title and Overview

• Course Title: ITELECT1 WEB SYSTEMS AND TECHNOLOGIES
• Course Units: Not specified
• Course Schedule: Not specified
• Course Description: Focuses on web development, cascading style sheets (CSS), PHP, and MySQL database technology to design and maintain webpages.
• Course Learning Outcomes: Students will gain knowledge of web application architectures, use CSS, XAMPP, and CMS technologies to create dynamic web applications, be able to test, verify, and debug web applications, and develop database-driven web applications.

II. Module Topics

• Prelim: Module 1: Introduction and Web Page Building Blocks; Module 2: DOCTYPE; Module 3: Web Page Building using HTML; Module 4: Cascading Style Sheets
• Midterm: Module 5: CSS3; Module 6: Javascript Basics; Module 7-8: JavaScript Objects
• Finals: Module 9: Introduction to PHP Programming; Module 10: PHP Logical Statements, Module 11: PHP and MySQL; Module 12: MySQL Databases; Module 13: Limit Data

III. Study Guide/Learning Instructions

• Study materials should be reviewed during the orientation.
• Students are advised to manage their time well.

IV. References

• Multiple textbooks and resources are mentioned covering HTML5, CSS3, PHP, and MySQL.

V. Application/Activity (Page 8)

• Activity 1: Define HTML tags, give examples, explain their importance, and compare HTML tags and attributes.
• Activity 2: Define advantages of having internet. List at least 7 ISPs in the Philippines.

VI. Module 1 (Page 3)

• Objectives: Identify web standards, learn HTML, use various HTML tags in webpage design.
• Content: Covers the Internet, World Wide Web (subset of the Internet), and HTML as a formatting language.

VII. Module 1 (Page 4-7)

• Topic: HTML elements, tags, attributes, values
• HTML is not a programming language; it's used for formatting documents.
• HTML built by various tags, attributes and values.
• Tag examples of HTML are presented including textual tags, forms, input tags, images, audio, video, and links.

VIII. Module 2 (Page 9)

• Objectives: Differentiate between HTML 4.01 and HTML5
• Content: Explains HTML5 as the revision of HTML4.01, emphasizing its capabilities for structuring and presenting web content with an emphasis on features like video playback and drag-and-drop.
• Includes example code snippets comparing HTML4.01 and HTML5.

IX. Module 2, Continued (Page 10-11)

• Topic: inline styling, internal, external styling, examples with code
• Covers various CSS styles and their use in web page design
• Types of CSS styles (inline, internal, and external) are explained with appropriate code.

X. Module 3 (Page 19-22)

• Objectives: Define and use CSS, format pages outside of HTML.
• Content: Introduces CSS (Cascading Style Sheets) as a language used for styling webpages. Includes explanation of using inline, internal and external CSS.

XI. Module 3, Continued (Page 23-24)

• Topic: CSS padding, margin
• CSS padding and margin properties are explained, including their use for spacing and creating space around elements.
• Provides examples of using these properties.

XII. Module 3, Continued (Page 25)

• Topic: CSS Properties for Dimensioning, Examples
• Details various CSS properties for controlling the dimensions of elements on a webpage.

XIII. Bootstrap Module (Page 27-32)

• Topic: What is Bootstrap, history of Bootstrap, advantages, Bootstrap CDN, Creating First Webpage
• Introduction of Bootstrap as a framework.
• Explains its functionality, history, and use cases
• Includes examples of how to use Bootstrap components and classes to create a basic web page.
• Explains Bootstrap grid system, column classes, and how to create containers.

XIV. Bootstrap, Continued (Page 32)

• Topic: Contextual Color and Background
• Additional formatting options, specifically text and background colors, using Bootstrap classes, and how to add contextual color through various classes