a) Definitions
Web browser: A software application used to access information on the World Wide Web. It
interprets and displays HTML, CSS, and JavaScript code, rendering webpages for users.
Website: A collection of related webpages, images, videos, and other resources, typically
belonging to a single domain name on the internet. Websites provide information and services
to users.
HTTP (Hypertext Transfer Protocol): The foundation protocol for communication between web
browsers and web servers. It governs requests and responses exchanged for delivering web
content.
Comment: Lines of code in HTML, CSS, or JavaScript that are ignored by the browser but provide
explanatory notes for developers or designers. Comments typically begin with ``.
b) Basic HTML Structure
HTML
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Use code with caution.
c) Content Management Systems (CMS)
WordPress
Drupal
Joomla
d) HTML Element Components
1. Tag: Identifies the element type (e.g., <p>, <h1>).
2. Attributes: Provide additional information about the element (e.g., id, class).
3. Content: The data enclosed by the tag (e.g., paragraph text, heading text).
e) Ordered vs. Non-Ordered Lists
Feature Ordered List (<ol>) Non-Ordered List (<ul>)
Items are displayed in a Items are displayed in a bulleted list, but
Sequence
numbered sequence. order is not implied.
Start Allows specifying the starting
No specific start attribute.
attribute number for the list.
List item tag Uses <li> to define each item. Uses <li> to define each item.
drive_spreadsheetExport to Sheets
f) Including JavaScript
HTML
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<script>
// Your JavaScript code here
</script>
</body>
</html>
Use code with caution.
g) Including CSS
Internal Stylesheet: Place <style> tags in the <head> section.
External Stylesheet: Create a separate CSS file and link it using <link> tag in the <head> section:
HTML
<link rel="stylesheet" href="style.css">
Use code with caution.
content_copy
Inline Styles: Apply styles directly to elements using the style attribute (generally discouraged
for maintainability reasons).
SECTION B
Question Two
a) CSS Class Example
CSS
.mypage {
color: red;
font-family: Lucida;
Use code with caution.
b) Web Server Definition:
A software application that stores, processes, and delivers web content to users' browsers upon request.
It communicates using protocols like HTTP and interacts with other servers and databases to provide
information.
c) Types of Web Servers
Apache: Open-source, widely used, cross-platform.
Microsoft IIS (Internet Information Services): Windows-based, included in Windows Server
operating systems.
NGINX (pronounced "engine x"): Open-source, lightweight, high-performance.
d) HTML Page with CSS and JavaScript
HTML
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph. <script>alert("Hello!");</script></p>
</body>
</html>
Use code with caution.
Create separate CSS and JavaScript files to add more code.
a) Adobe Macromedia Software Solutions (Now Adobe)
Adobe Dreamweaver: Visual web development environment for building and editing websites.
Adobe Photoshop: Image editing software for creating and modifying graphics.
Adobe Illustrator: Vector graphics editor for creating illustrations and logos.
Adobe Flash (now Animate): Primarily used for creating interactive animations and rich media
content (less common due to performance and security concerns).
Adobe Fireworks (discontinued): Used for creating website mockups
