LESSON 3: WEB PAGE DESIGN USING

TEMPLATES AND ONLINE WYSIWYG

PLATFORMS
LESSON 3: WEB PAGE DESIGN USING
TEMPLATES AND ONLINE WYSIWYG
PLATFORMS

Web Template

ESSENTIAL QUESTIONS

1
Table of contents

01 02 03
Name of Name of Name of
the section the section the section

04 05 06
Name of Name of Name of
the section the section the section
One column
Do you know what helps you make your point clear? Lists like
this one:
● They’re simple
● You can organize your ideas clearly
● You’ll never forget to buy milk!

You can replace the image. Just right-click on it and select

“Replace image”
 01
Name of the section
Two ideas

Mercury Venus
Mercury is the closest planet to the Sun and the Venus has a beautiful name and is the second
smallest one in the Solar System—it’s only a bit planet from the Sun. It’s terribly hot—even hotter
larger than the Moon. The planet’s name has than Mercury—and its atmosphere is extremely
nothing to do with the liquid metal, since poisonous. It’s the second-brightest natural object
Mercury was named after the Roman messenger in the night sky after the Moon
god
Three ideas

Jupiter Venus Saturn

Jupiter is a gas giant and the biggest Venus has a beautiful name and is Saturn is a gas giant and has several
planet in the Solar System. It’s the the second planet from the Sun. It’s rings. It’s composed mostly of
fourth-brightest object in the night terribly hot and its atmosphere is hydrogen and
sky and it was named after the poisonous. It’s the second-brightest helium. This planet was named after
Roman god of the skies natural object in the night sky the Roman god of wealth and
agriculture
Four ideas

Mars Venus
Despite being red, Mars is actually a cold place. It’s Venus has a beautiful name and is the second planet
full of iron oxide dust, which gives the planet its from the Sun. Venus is terribly hot and has a very
reddish cast, and it’s made of basalt poisonous atmosphere

Jupiter Saturn
Jupiter is a gas giant and the biggest planet in the Solar Saturn is a gas giant and has several rings. It’s
System. It’s the fourth-brightest object in the night sky composed mostly of hydrogen and helium. Saturn is
and named after a Roman god the sixth planet from the Sun
Six ideas
Mars Venus Neptune
Despite being red, Mars is actually Venus has a beautiful name and is Neptune is the farthest planet from
a cold place. It’s full of iron oxide the second planet from the Sun. It’s the Sun. It’s also the fourth-largest
dust, which gives the planet its terribly hot, even hotter than planet by diameter in the Solar
reddish cast Mercury System

Earth Saturn Jupiter

Earth is the third planet from the Saturn is a gas giant and has rings. Jupiter is a gas giant and the biggest
Sun and the only one that harbors It’s composed mostly of hydrogen planet in the Solar System. It’s the
life in the Solar System. We all live and helium. It’s the sixth planet fourth-brightest object in the night
on this planet from the Sun sky
4,498,300,000
Big numbers catch your
audience’s attention
A picture is worth a thousand words
Pie chart
Q1
Mars is very cold

Q2
Mercury is small

Q3
Venus is very hot

Q4
Earth has life
Follow the link in the graph to modify its data and then paste the
new one here. For more info, click here
Map
Mercury is the closest
planet to the Sun and the
smallest of them all

Venus has a beautiful

name and is the second
planet from the Sun

Mars is full of iron oxide

dust, which gives the
planet its reddish cast

Follow the link in the graph to modify its data and then paste the new one
here. For more info, click here
Table
Team A Team B Team C Team D Team E Team F
Mercury XX XX XX XX XX XX

Mars XX XX XX XX XX XX

Saturn XX XX XX XX XX XX

Venus XX XX XX XX XX XX

Jupiter XX XX XX XX XX XX

Earth XX XX XX XX XX XX

Moon XX XX XX XX XX XX
Timeline
Step 1 Step 2 Step 3 Step 4
Venus is a hot planet Mercury is very small Mars is a cold place Jupiter is a gas giant

Step5 Step 6 Step 7 Step 8

Saturn has rings Neptune is far away The Sun is a Star Earth has life
Target infographic
Demographic Behavior Geographic

Age 25-50 years old ● Mercury is the closest planet

to the Sun and the smallest one
Gender Male and female
● Venus has a beautiful name
Occupation Employees and is the second planet from
and students the Sun
● Despite being red, Mars is a
Family Single and married
cold place. It’s full of iron
situation people
oxide dust Region Europe, America
Income $50,000/year Area Urban

Follow the link in the graph to modify its data and then paste the new one here. For more info, click here
Organizational chart
Sun
CEO

Jupiter Neptune
Department Head Department Head

Saturn Earth Venus Mars

Manager Manager Manager Manager

Moon Mercury Titan Triton Callisto

Employee Employee Employee Employee Employee
Roadmap infographic
Initiative Objective Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
Venus has a beautiful
Venus is very hot name and is the second
planet from the Sun

Earth is the beautiful

Earth has life planet on which all
humans live

Despite being red, Mars is

Mars is very cold a cold place. It’s full of
iron oxide dust

Jupiter is the biggest

Jupiter is a gas giant planet. It was named after
a Roman god

Saturn is a planet
Saturn has rings composed mostly of
hydrogen and helium
 You can replace the images on the
Photo screen with others. Just right-click on
any of them and select “Replace
showcase image”
 Thanks!
Do you have any questions?
[email protected]
+34 654 321 432
yourwebsite.com

CREDITS: This presentation template was created by

Slidesgo, and includes icons by Flaticon, and infographics &
images by Freepik

Please keep this slide for attribution

Alternative resources
Here’s an assortment of alternative resources whose style fits the one of this template:

Vectors
● Gradient abstract technology landing page
Resources

Did you like the resources in this template? Get them at

our other websites:

Vectors
● Html and css collage concept with person
● Tech landing page template
● Modern and equipped computer lab
Photos ● Close up hands business concept
● People working on html codes ● Close up men looking at laptop
● Person working html on computer
 Instructions for use
If you have a free account, in order to use this template, you must credit Slidesgo by keeping the Thanks slide. Please
refer to the next slide to read the instructions for premium users.

As a Free user, you are allowed to:

● Modify this template.
● Use it for both personal and commercial projects.

You are not allowed to:

● Sublicense, sell or rent any of Slidesgo Content (or a modified version of Slidesgo Content).
● Distribute Slidesgo Content unless it has been expressly authorized by Slidesgo.
● Include Slidesgo Content in an online or offline database or file.
● Offer Slidesgo templates (or modified versions of Slidesgo templates) for download.
● Acquire the copyright of Slidesgo Content.

For more information about editing slides, please read our FAQs or visit our blog:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
 Instructions for use (premium users)
As a Premium user, you can use this template without attributing Slidesgo or keeping the Thanks slide.

You are allowed to:

● Modify this template.
● Use it for both personal and commercial purposes.
● Hide or delete the “Thanks” slide and the mention to Slidesgo in the credits.
● Share this template in an editable format with people who are not part of your team.

You are not allowed to:

● Sublicense, sell or rent this Slidesgo Template (or a modified version of this Slidesgo Template).
● Distribute this Slidesgo Template (or a modified version of this Slidesgo Template) or include it in a database or in
any other product or service that offers downloadable images, icons or presentations that may be subject to
distribution or resale.
● Use any of the elements that are part of this Slidesgo Template in an isolated and separated way from this
Template.
● Register any of the elements that are part of this template as a trademark or logo, or register it as a work in an
intellectual property registry or similar.

For more information about editing slides, please read our FAQs or visit our blog:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
 Fonts & colors used
This presentation has been made using the following fonts:

IBM Plex Mono

(https://fonts.google.com/specimen/IBM+Plex+Mono)

Figtree
(https://fonts.google.com/specimen/Figtree)

#ffffff #110038 #eaa72f

#a92cfa #90ffff #2a0e72

 Storyset
Create your Story with our illustrated concepts. Choose the style you like the most, edit its
colors, pick the background and layers you want to show and bring them to life with the
animator panel! It will boost your presentation. Check out how it works.

Pana Amico Bro Rafiki Cuate

 Use our editable graphic resources...
You can easily resize these resources without losing quality. To change the color, just ungroup the resource and click on
the object you want to change. Then, click on the paint bucket and select the color you want. Group the resource again
when you’re done. You can also look for more infographics on Slidesgo.
 JANUARY FEBRUARY MARCH APRIL MAY JUNE

PHASE 1

Task 1

Task 2

PHASE 2

Task 1

Task 2

JANUARY FEBRUARY MARCH APRIL

PHASE 1

Task 1

Task 2
 ...and our sets of editable icons
You can resize these icons without losing quality.
You can change the stroke and fill color; just select the icon and click on the paint bucket/pen.
In Google Slides, you can also use Flaticon’s extension, allowing you to customize and add even more icons.
Educational Icons Medical Icons
Business Icons Teamwork Icons
Help & Support Icons Avatar Icons
Creative Process Icons Performing Arts Icons
Nature Icons
SEO & Marketing Icons
 Premium infographics

Text 1 Text 2 Text 3

“Mercury is the “Despite being red,
smallest planet in Mars is actually a
the Solar System” very cold place”

Add the title here 2016 2017 2018 2019 2020

“Venus is the
“Neptune is the “Saturn is a gas
second planet from
farthest planet from giant and has
the Sun and is
the Sun” several rings”
terribly hot”

Text 4 Text 5 Text 6

 Premium infographics

75% “Despite being red,

Mars is actually a
very cold place”

75%
“Jupiter is the
TITLE 1 biggest planet in the
entire Solar System”

“Mercury is the
smallest planet in the
Solar System”
“Saturn is a gas
giant and has
several rings”
Premium Icons
Digital Marketing
Premium Icons
Online Learning
Premium Icons
Laboratory
Premium Icons
Goals & Results
Premium Icons
Infographic Elements