HTML & CSS Training Overview

HTML & CSS Training

• Training date: June 25th, 2024
• Course trainer, course overview, today's session, and grading system are topics covered in the presentation.
• Course overview: Focuses on what will be studied (HTML & CSS in 6 domains) and how it will be studied (pre-assessment, class lessons, exercises, workbooks, in-class projects, quizzes, assignments, additional videos, and post-assessments).
• Domains of study: HTML Fundamentals, CSS Fundamentals, Document Structure Using HTML, Multimedia Presentation Using HTML, Webpage Styling Using HTML, Accessibility, Readability, and Testing
• Learning methods: Pre-assessment to gauge prior knowledge. Class lessons to teach objectives and concepts, exercise labs for hands-on practice. Workbooks to prepare for exams, in-class projects for collaborative learning. Quizzes and assignments to assess understanding. Additional video material for home reference. Post-assessment to measure knowledge gained from training.
• Grading system details: Pre-test (10%), Attendance (10%), Class Performance (10%), Quizzes (5%), Assignments (10%), Exams (65%), and Post-test (-), totaling 100%.
• Today's session: Domain 1 - HTML fundamentals, introduction to HTML and CSS. Includes preparation, coffee break, and session outline for the first domain.
• Today's session also clarifies the group project: Build a welcome HTML page.
• What is HTML: HTML is a standard markup language for creating Web pages. It describes the structure of a webpage using a series of elements. Elements label content (headings, paragraphs, links, etc.) to tell the browser how to display it.
• What is HTML?, History of HTML, Why are we studying it (3-Tier Architecture), Setting up Visual Studio Community, and Pre-assessment are also part of the course.
• Setting up the environment: Download and install Visual Studio Community, Access Blue domain to the training center system. Download the materials (workbook, video lessons, project files), Exams (pre-assessments, post-assessments, and exams), and access Gmetrix using these links
• First Domain: HTML Fundamentals objectives: construct markup that uses metadata elements, including script, noscript, style, link, meta tags (encoding, keywords, viewport, description), and well-formed page markup (DOCTYPE declaration, html, head, body). The goal for this domain is to build a Welcome Web page.
• Lesson 1: Markup with Metadata: Tags for HTML documents (commands specifying formatting). Most have opening and closing tags, some (void elements) do not. Introduces different tags like Script, Head, Body, NoScript, Link tags, and their functions.
• Lesson 1: Markup with Metadata (Meta Tags): Defines characteristics for search engines and how webpages are rendered on various devices to configure the site, including character set, keywords, description etc..

Domain 1: HTML Fundamentals (Session 2)

• Review on previous session, pre-assessment for domain 1, and group project/group project: Build a Café HTML page. Coffee and prayer break.
• Lesson 2: Well-Formed Markup: Four HTML document areas. Includes DOCTYPE (specifying document type, like HTML5), HTML (root element of the document), Head (elements not shown directly on the page e.g. title, meta-data, links). Body (visible content). Overview of tags and their uses, void elements, and entity usage.
• Lesson 2 comments within HTML code: Comments will not appear on the webpage and are helpful for explaining code to others. Single and multiple line comments are possible.

Lesson 2: Well-Formed Markup (Continued)

• HTML entities: How to use special symbols like "<" or "&" on a webpage, using entities (< >, & etc.).
• In-class group project for a Café Page: Detailed instructions for creating a Cafe-themed webpage with welcome messages, copyright, Javascript for support, menu with prices, comments, and meta descriptions.