Scribd
Upload
2 views

Lesson 7 Basic Web Page Creation

The document outlines a lesson on basic web page creation, focusing on using Microsoft Word, free hosting, and WYSIWYG platforms like Canva. It covers essential web technologies such as HTML and CSS, their roles in web design, and provides a step-by-step guide for creating a website using Canva. Additionally, it includes an activity for students to collaboratively create a website for a chosen business, emphasizing teamwork and design skills.

Uploaded by

casassophia54
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
2 views

Lesson 7 Basic Web Page Creation

The document outlines a lesson on basic web page creation, focusing on using Microsoft Word, free hosting, and WYSIWYG platforms like Canva. It covers essential web technologies such as HTML and CSS, their roles in web design, and provides a step-by-step guide for creating a website using Canva. Additionally, it includes an activity for students to collaboratively create a website for a chosen business, emphasizing teamwork and design skills.

Uploaded by

casassophia54
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 22

EMPOWERMENT

TECHNOLOGIES

Prayer
EMPOWERMENT
TECHNOLOGIES

Checking
Attendance
EMPOWERMENT

Empowermen
TECHNOLOGIES

t
Technologies
Lesson Review

1.What is Online Platform?


2.What are the two types of
Online Platform?
Lesson 7

BASIC WEB PAGE


CREATION
Lesson OBJECTIVES

At the end of this lesson, the students should be able to:

1. create a web page using Microsoft word;


2. create their own website using a free host;
3. design a website using an online WYSIWYG platform; and
4. edit and insert elements for their website.
Web page

A web page is a document or resource that is


designed to be viewed on the World Wide Web (the
internet) through a web browser.
 Web pages are typically written in HTML (Hypertext
Markup Language) and often include other
technologies like CSS (Cascading Style Sheets) and
JavaScript to control their appearance and behavior.
html

HTML, or Hypertext Markup Language, is the standard


markup language used to create web pages and define their
structure.
 It consists of a series of elements, or tags, which are used
to enclose and describe different parts of a web page's
content.
 HTML is the backbone of almost every web page on the
internet, providing the essential structure for organizing
text, images, links, and other elements.
css

CSS, or Cascading Style Sheets, is a style sheet language


used for describing the presentation and visual design of web
pages written in HTML and XML.
 CSS allows web developers and designers to control the
layout, colors, fonts, spacing, and other visual aspects of
web content, ensuring that web pages are not only
structured properly but also aesthetically pleasing and
responsive to various devices and screen sizes.
WYSIWYG

"WYSIWYG" stands for "What You See Is What You


Get”. Whatever you type, insert, draw, place, rearrange,
and everything you do on a page are what the audience
will see.
 WYSIWYG editors are designed to make it easier for
users to create and format documents, web pages, or
other types of content without having to deal with the
underlying code or markup language.
What is the use of <! DOCTYPE HTML?
 The HTML document type declaration, also known as
DOCTYPE , is the first line of code required in every HTML.
 The DOCTYPE declaration is an instruction to the web
browser about what version of HTML the page is written in.
 All HTML documents must start with a <!DOCTYPE>
declaration. The declaration is not an HTML tag. It is an
"information" to the browser about what document type to
expect.
Creating Websites using
Canva
 Creating a website with Canva
involves using its design tools
and templates to build a
simple, visually appealing site
without coding.
 Canva provides an easy-to-use
platform where you can drag
and drop elements, customize
templates, and publish directly
on the web.
 This is ideal for personal
portfolios, small business
sites, and temporary landing
pages.
Canva
 Canva’s website builder is
especially useful for those
looking for a quick, aesthetic
solution with minimal
technical skills.
 It’s great for showcasing
portfolios, event information,
or simple service offerings.
 However, it might not be
suitable for larger, more
complex websites due to its
limited backend functionality
and customization options.
Advantages
•User-Friendly: No coding is required;
simple drag-and-drop interface.
•Visually Attractive Templates:
Professional templates that are easy to
customize.
•Quick and Cost-Effective: Create a
basic website quickly, with a free
version available.
Disadvantages
•Limited Customization: Restricted to
Canva’s templates; lacks advanced
features.
•Minimal SEO and Analytics: Canva
websites have limited tools to help them
show up in search engines and track
visitor activity.
•Not Suitable for Large Sites: Best
for small, single-page websites rather
than complex, multi-page sites.
Here are simple steps to create a
website using Canva:
 Log in to Canva: Create an account or log in.
 Choose a Website Template: Search for
“Website” and select a template that suits
your needs.
 Customize the Design: Edit text, images,
and colors using Canva’s drag-and-drop tools.
Add or remove pages as needed.
 Preview: Check how your site looks on
desktop and mobile.
 Publish: Click “Publish as Website” and
choose a free Canva domain or connect your
own if you have Canva Pro.
 Share the Link: Copy the link and share your
website with others.
Activity Instructions: Website Creation Using Canva ACTIVITY
Objective:
Create a website for a business of your choice using Canva, showcasing your skills in web page
creation and collaboration.
Steps:
Group Formation: Form groups of 3 members.
Choose a Business: Select a business concept (e.g., café, online store).
Plan Your Website: Outline essential pages (Home, About Us, Products/Services, Contact).
Create the Website:
Use Canva for design.
Ensure engaging content and user-friendly navigation.
Collaborate: Assign roles (e.g., designer, content writer) and communicate regularly.
Review and Revise: Check the website as a group and make improvements.
Prepare Presentation: Explain your business concept and collaborative process during the
class presentation.
Submission:
Deadline: October 14, 2024
Submit your website link via [insert submission method].
Include all group members' names.
Evaluation:
Grading will follow the provided rubric, assessing content, design, functionality, creativity,
collaboration, and presentation.
KEY TERMS
 HTML- stands for hypertext Markup Language
 CSS- Cascading Style Sheets
 Jimdo- a free website provider with WYSIWYG
 Template- a ready-made design for a website
 Heading- the topmost label website
 SEO (search engine optimization)- a feature that maximizes the
search engine optimization feature so visitors can easily locate your
website

You might also like