web app
web app
Method 1:
Steps:
1. Choose a website builder or CMS platform.
2. Select a template or theme for your webpage.
3. Customize the layout, add text, images, and other multimedia elements.
4. Use built-in drag-and-drop tools to add features like contact forms, social media integration, and e-
commerce functionality.
5. Publish your webpage and make it live on the internet.
Method 2:
Hand-Coding with HTML, CSS, and JavaScript This method involves writing code in HTML
(Hypertext Markup Language), CSS (Cascading Style Sheets), and JavaScript to create a
webpage from scratch.
Steps:
1. Plan and design the layout and structure of your webpage.
2. Write HTML code to define the content and structure of your webpage.
3. Use CSS to add styles, layouts, and visual effects to your webpage.
4. Add interactivity to your webpage using JavaScript.
5. Test and debug your code to ensure it works as intended.
6. Upload your HTML, CSS, and JavaScript files to a web server to make your webpage live on the
internet.
4. Distinguish between Container tag and Empty tag
Container Tags
Container tags, also known as non-empty tags, are used to wrap around content, such as text or other
HTML elements. They have both an opening and a closing tag, and the content is placed between these
two tags.
Empty Tags
Empty tags, also known as self-closing tags or singleton tags, are used to represent a single element or
action. They do not wrap around content and do not have a closing tag.
Font Size
The font size attribute is used to specify the size of the text. It can be measured in pixels (px), points
(pt), or percentages (%). The most common unit is pixels.
Font Face
The font face attribute is used to specify the font family or typeface of the text. It can be a specific font
name, such as Arial or Times New Roman, or a generic font family, such as serif or sans-serif.
Font Color
The font color attribute is used to specify the color of the text. It can be specified using a color name,
such as red or blue, or a hexadecimal color code.
2. Create an HTML document to describe your experience so far in learning Web Technology.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Experience So far in Learning</title>
<link />
</head>
<body>
well my learning experience has been about time management and the knowledge that
sometimes everything just does not go right and all I can do is keep going. I am currently
in ND2 computer science department, school of technology. Can’t find any other way to
describe my learning experience because it has been so stressful and as a PT Student have
been striving and endurance the lecturer’s pressure all through.
</body>
</html>
EXERCISE 1.
Ordered list:
Items are numbered or lettered.
Used when the order of items matters, like in instructions or rankings.
HTML tag: <ol>
Unordered list:
Items are marked with bullet points or similar symbols.
Used when the order of items is not important.
HTML tag: <ul>
<ol>
<li>Question 2 </li>