Website Authoring Part 1
Presentation
•
Other
•
KG - Professional Development
•
Practice Problem
•
Medium
David Kang
Used 3+ times
FREE Resource
17 Slides • 3 Questions
1
Chapter 21 - Website Authoring
2
Continue with Microsoft Expression 4 and type the html and CSS from your textbook.
Your completed table should look like this.
Faster students can try to change the font styles, colour, and sizes by exploring the tools on top of MWE4.
3
This the meta-information. It shows hidden information about the webpage.
4
<html>: Defines the root of an HTML document.
<head>: Contains meta-information about the document.
<title>: Specifies the title of the document, shown in browser's title bar or tab.
5
<link rel="stylesheet" href="styles.css">: Links a CSS file to the HTML document for styling.
6
meta> tags:
charset="UTF-8": Declares the character encoding for the web page.
name="keywords" content="IGCSE, ICT, Computers": Provides search engines with keywords to help index the page.
name="description" content="A page about IGCSE ICT": Gives a brief summary of the web page's content.
name="author" content="John Smith": Indicates the author of the webpage.
name="viewport" content="width=device-width, initial-scale=1.0": Controls the page's dimensions and scaling on different devices, crucial for responsive design.
base target="_self": Sets the default target for all hyperlinks and forms on the page to open in the same context as they were clicked.
Not required in the exams.
7
<body>: The content container for the HTML document.
<table style="width:100%;">: Defines a table with a width that spans 100% of its container's width.
<tr>: Denotes a table row within the table.
<th>: Represents a table header cell, which is typically bold and centered by default. Used for the column titles "Day", "Staff", and "Room".
<td>: Defines a standard table cell, which contains data like "Monday", "Anisha", and "R327".
</tr>, </th>, </td>: Closing tags for the respective elements.
</table>: Ends the table element.
</body>: Closes the body section of the HTML document.
8
Multiple Choice
Which tag is used to define a row in an HTML table?
A) <td>
B) <th>
C) <tr>
D) <tbody>
9
Multiple Choice
What does the <th> tag define in an HTML table?
A) A standard data cell
B) A header cell that typically contains column titles
C) A table row
D) A table footer
10
Multiple Choice
If a <table> tag in an HTML document has an inline style set as , what does it represent?
A) The table will have a width that adjusts to 100 pixels.
B) The table will fill 100% of the available horizontal space of its container element.
C) The table will have a fixed width regardless of the container size.
D) The table's width will automatically adjust to the width of the content inside.
11
What is HTML?
Definition: HTML stands for HyperText Markup Language.
Purpose: The standard markup language for documents designed to be displayed in a web browser.
Importance: It forms the building block of all websites and web applications.
12
The Doctype Declaration
<!DOCTYPE html>: Defines the document type and version of HTML.
Purpose: Ensures browser compatibility and proper rendering.
13
The HTML Element
<html>: The root element of an HTML page.
Contains: All the content of a webpage, including the head and body.
14
The Head Section
<head>: Contains meta-information about the document.
Includes:
<title>: The title of the webpage.
Links to scripts and stylesheets.
Meta information like character set and keywords.
15
The Body Section
Content:
<body>: Contains the content of the HTML document.
Includes: Text, images, links, and other content visible to the use
16
This is a simple HTML Structure.
17
Bring your chairs and come to the front. (Demonstration time)
18
19
20
Challenge 1 (previous demonstration):
Challenge 2 :
Past year challenge (March 2023):
Chapter 21 - Website Authoring
Show answer
Auto Play
Slide 1 / 20
SLIDE
Similar Resources on Wayground
13 questions
Mechanical Advantage Basics
Presentation
•
6th - 8th Grade
17 questions
Citing Textual Evidence
Presentation
•
6th - 8th Grade
18 questions
Baking Basics and Quick Breads Review
Presentation
•
9th - 12th Grade
14 questions
Supply and Demand
Presentation
•
9th - 12th Grade
16 questions
Learning Styles
Presentation
•
9th - 12th Grade
16 questions
Time Management
Presentation
•
6th - 8th Grade
16 questions
Decision Making
Presentation
•
6th Grade
Popular Resources on Wayground
24 questions
PBIS-HGMS Day 10
Quiz
•
6th - 8th Grade
10 questions
HCS SCI 03 Summer School Review 3
Quiz
•
3rd Grade
11 questions
Home Scope
Quiz
•
7th - 8th Grade
15 questions
HCS SCI 05 Summer School Assessment 3 Review
Quiz
•
5th Grade
35 questions
Lufkin Road Middle School Student Handbook & Policies Assessment
Quiz
•
7th Grade
18 questions
Geo 11.3 Area of Circles and Sectors
Quiz
•
9th - 11th Grade
Discover more resources for Other
24 questions
PBIS-HGMS Day 10
Quiz
•
6th - 8th Grade
10 questions
HCS SCI 03 Summer School Review 3
Quiz
•
3rd Grade
11 questions
Home Scope
Quiz
•
7th - 8th Grade
15 questions
HCS SCI 05 Summer School Assessment 3 Review
Quiz
•
5th Grade
35 questions
Lufkin Road Middle School Student Handbook & Policies Assessment
Quiz
•
7th Grade
18 questions
Geo 11.3 Area of Circles and Sectors
Quiz
•
9th - 11th Grade