SlideShare a Scribd company logo
Building a
Website 2
By the end of this
workshop, you will
be able to:
1. Explain the purpose of website pages and
navigation.
2. Edit the structure of your website by
adding and deleting pages.
3. Edit your homepage by adding and
removing 'sections'.
These icons are from the WIX
Editor. What do they mean?
Undo/ Redo
Pages Media
Name one benefit of using WIX to
build a website?
FREE
£0 NO CODE TEMPLATES
What makes
a website
‘good’?
Easy to read
Interesting to look at
– uses graphics, images
and video
Loads quickly
Can easily find
information
Has up to date
information
Accessible for everyone
Looks good on mobile
devices too
Uses the same group of
colours and fonts
throughout
Your Mission: Recap
Lorem Ipsum is simply dummy text of the
Create a website about
something you’re
interested in:
 Have up to three pages.
 Show that you understand
what makes a good website.
Your website should:
Hobby, band/singer, celebrity,
film, gaming, sport, animals,
anime, instrument, football
team etc
Website Structure
Why are some websites easy to use, when others feel like a
maze? It’s to do with their structure i.e. how information
is organised.
• A website is like a non-fiction book.
• Both use pages to group together information
about a similar topic.
• In a book, we can use the contents page, or
index, to find the page that has the information
we want.
How do you find information on a website
(without using the search function)?
Menus
• Menus are a collection of
links, that take you to the
different pages of a website.
• They appear at the top of
every page and sometimes at
the bottom too.
• Pages, menus and links are
part of your website’s
navigation.
• If your site is difficult to
navigate, people won’t stay
to look around!
What pages should your website have?
Homepage
This is the most important
page of a website!
It’s the first page people
will see, so it needs to grab
their attention.
They often include:
• images
• a welcome message or greeting
• some text on what the website is
about
• as well as the menu, will also have
clickable buttons throughout the
homepage that lead to other pages of
the website.
https://www.marvel.com/teams-and-groups/avengers
Task
Decide what pages your website will
have:
• You can have 1-3 pages and one
must be your Homepage.
Add/ delete the pages that you need
or don’t need from your template.
Edit the title of your page.
Add sections to your homepage.
?
Pages and menus
are part of a
website’s
n_________.
?
Where on a web
page would you
find the Footer?
?
The first section
of a homepage is
called the ____
section

More Related Content

Similar to 1. WIX 2 PowerPoint for Work Experience.pptx

Net4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business WebsiteNet4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business Website
Net4 India Ltd.
 
Net4’s EasySite Builder Step by Step Guide
Net4’s EasySite Builder Step by Step GuideNet4’s EasySite Builder Step by Step Guide
Net4’s EasySite Builder Step by Step Guide
Pallavi Vyas
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
Css Founder
 
mortiz_Web_Style_Guide
mortiz_Web_Style_Guidemortiz_Web_Style_Guide
mortiz_Web_Style_Guide
Martee Ortiz-Rojas
 
Building a website in less than 3h and less than $100!
Building a website in less than 3h and less than $100! Building a website in less than 3h and less than $100!
Building a website in less than 3h and less than $100!
Agence Tesla
 
McArthur_Project 3
McArthur_Project 3McArthur_Project 3
McArthur_Project 3
Shelley McArthur
 
Web Optimization Playbook
Web Optimization PlaybookWeb Optimization Playbook
Web Optimization Playbook
mtwocomms
 
Website design essentials
Website design essentialsWebsite design essentials
Website design essentials
fumra
 
Website design to secure business or Yes – I’ve got a website! (but is it a...
Website design to secure business or Yes – I’ve got a website! (but is it a...Website design to secure business or Yes – I’ve got a website! (but is it a...
Website design to secure business or Yes – I’ve got a website! (but is it a...
David Terrar
 
Chapter 1.pdf
Chapter 1.pdfChapter 1.pdf
Chapter 1.pdf
AnisZahirahAzman
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
uccwebcourses
 
Introduction to web sites design
Introduction to  web sites designIntroduction to  web sites design
Introduction to web sites design
Marwa Abdelgawad
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...
D'arce Hess
 
ًWebsite_development and design
ًWebsite_development and designًWebsite_development and design
ًWebsite_development and design
Maged Elsakka
 
Web site design
Web site designWeb site design
Web site design
zaidfarooqui974
 
Website development company in mumbai
Website development company in mumbaiWebsite development company in mumbai
Website development company in mumbai
Css Founder
 
Activate
ActivateActivate
Activate
lac_cheese
 
Website world
Website worldWebsite world
Website world
kAlim khAn
 
Web Site Design,
Web Site Design,Web Site Design,
Web Site Design,
Deepak Singh Rawat
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
James Smith
 

Similar to 1. WIX 2 PowerPoint for Work Experience.pptx (20)

Net4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business WebsiteNet4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business Website
 
Net4’s EasySite Builder Step by Step Guide
Net4’s EasySite Builder Step by Step GuideNet4’s EasySite Builder Step by Step Guide
Net4’s EasySite Builder Step by Step Guide
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
 
mortiz_Web_Style_Guide
mortiz_Web_Style_Guidemortiz_Web_Style_Guide
mortiz_Web_Style_Guide
 
Building a website in less than 3h and less than $100!
Building a website in less than 3h and less than $100! Building a website in less than 3h and less than $100!
Building a website in less than 3h and less than $100!
 
McArthur_Project 3
McArthur_Project 3McArthur_Project 3
McArthur_Project 3
 
Web Optimization Playbook
Web Optimization PlaybookWeb Optimization Playbook
Web Optimization Playbook
 
Website design essentials
Website design essentialsWebsite design essentials
Website design essentials
 
Website design to secure business or Yes – I’ve got a website! (but is it a...
Website design to secure business or Yes – I’ve got a website! (but is it a...Website design to secure business or Yes – I’ve got a website! (but is it a...
Website design to secure business or Yes – I’ve got a website! (but is it a...
 
Chapter 1.pdf
Chapter 1.pdfChapter 1.pdf
Chapter 1.pdf
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
 
Introduction to web sites design
Introduction to  web sites designIntroduction to  web sites design
Introduction to web sites design
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...
 
ًWebsite_development and design
ًWebsite_development and designًWebsite_development and design
ًWebsite_development and design
 
Web site design
Web site designWeb site design
Web site design
 
Website development company in mumbai
Website development company in mumbaiWebsite development company in mumbai
Website development company in mumbai
 
Activate
ActivateActivate
Activate
 
Website world
Website worldWebsite world
Website world
 
Web Site Design,
Web Site Design,Web Site Design,
Web Site Design,
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 

More from louise569794

1. WIX 1 Powerpoint for workexperience.pptx
1. WIX 1 Powerpoint for workexperience.pptx1. WIX 1 Powerpoint for workexperience.pptx
1. WIX 1 Powerpoint for workexperience.pptx
louise569794
 
1. WIX 3 PowerPoint for Work Experience 2024.pptx
1. WIX 3 PowerPoint for Work Experience 2024.pptx1. WIX 3 PowerPoint for Work Experience 2024.pptx
1. WIX 3 PowerPoint for Work Experience 2024.pptx
louise569794
 
1. WIX 4 Powerpoint for Work Experience 2024.pptx
1. WIX 4 Powerpoint for Work Experience 2024.pptx1. WIX 4 Powerpoint for Work Experience 2024.pptx
1. WIX 4 Powerpoint for Work Experience 2024.pptx
louise569794
 
1. WIX 5 Lesson PowerPoint for WEX24.pptx
1. WIX 5 Lesson PowerPoint for WEX24.pptx1. WIX 5 Lesson PowerPoint for WEX24.pptx
1. WIX 5 Lesson PowerPoint for WEX24.pptx
louise569794
 
Introduction to Social MediaApril2024.pptx
Introduction to Social MediaApril2024.pptxIntroduction to Social MediaApril2024.pptx
Introduction to Social MediaApril2024.pptx
louise569794
 
Introduction to Email Marketing 2024.pptx
Introduction to Email Marketing 2024.pptxIntroduction to Email Marketing 2024.pptx
Introduction to Email Marketing 2024.pptx
louise569794
 
Introduction to Social Media for Businesses.pptx
Introduction to Social Media for Businesses.pptxIntroduction to Social Media for Businesses.pptx
Introduction to Social Media for Businesses.pptx
louise569794
 

More from louise569794 (7)

1. WIX 1 Powerpoint for workexperience.pptx
1. WIX 1 Powerpoint for workexperience.pptx1. WIX 1 Powerpoint for workexperience.pptx
1. WIX 1 Powerpoint for workexperience.pptx
 
1. WIX 3 PowerPoint for Work Experience 2024.pptx
1. WIX 3 PowerPoint for Work Experience 2024.pptx1. WIX 3 PowerPoint for Work Experience 2024.pptx
1. WIX 3 PowerPoint for Work Experience 2024.pptx
 
1. WIX 4 Powerpoint for Work Experience 2024.pptx
1. WIX 4 Powerpoint for Work Experience 2024.pptx1. WIX 4 Powerpoint for Work Experience 2024.pptx
1. WIX 4 Powerpoint for Work Experience 2024.pptx
 
1. WIX 5 Lesson PowerPoint for WEX24.pptx
1. WIX 5 Lesson PowerPoint for WEX24.pptx1. WIX 5 Lesson PowerPoint for WEX24.pptx
1. WIX 5 Lesson PowerPoint for WEX24.pptx
 
Introduction to Social MediaApril2024.pptx
Introduction to Social MediaApril2024.pptxIntroduction to Social MediaApril2024.pptx
Introduction to Social MediaApril2024.pptx
 
Introduction to Email Marketing 2024.pptx
Introduction to Email Marketing 2024.pptxIntroduction to Email Marketing 2024.pptx
Introduction to Email Marketing 2024.pptx
 
Introduction to Social Media for Businesses.pptx
Introduction to Social Media for Businesses.pptxIntroduction to Social Media for Businesses.pptx
Introduction to Social Media for Businesses.pptx
 

Recently uploaded

一比一原版(Greenwich文凭证书)格林威治大学毕业证如何办理
一比一原版(Greenwich文凭证书)格林威治大学毕业证如何办理一比一原版(Greenwich文凭证书)格林威治大学毕业证如何办理
一比一原版(Greenwich文凭证书)格林威治大学毕业证如何办理
byfazef
 
按照学校原版(Adelaide文凭证书)阿德莱德大学毕业证快速办理
按照学校原版(Adelaide文凭证书)阿德莱德大学毕业证快速办理按照学校原版(Adelaide文凭证书)阿德莱德大学毕业证快速办理
按照学校原版(Adelaide文凭证书)阿德莱德大学毕业证快速办理
terpt4iu
 
Production.pptxd dddddddddddddddddddddddddddddddddd
Production.pptxd ddddddddddddddddddddddddddddddddddProduction.pptxd dddddddddddddddddddddddddddddddddd
Production.pptxd dddddddddddddddddddddddddddddddddd
DanielOliver74
 
按照学校原版(UPenn文凭证书)宾夕法尼亚大学毕业证快速办理
按照学校原版(UPenn文凭证书)宾夕法尼亚大学毕业证快速办理按照学校原版(UPenn文凭证书)宾夕法尼亚大学毕业证快速办理
按照学校原版(UPenn文凭证书)宾夕法尼亚大学毕业证快速办理
uwoso
 
按照学校原版(Westminster文凭证书)威斯敏斯特大学毕业证快速办理
按照学校原版(Westminster文凭证书)威斯敏斯特大学毕业证快速办理按照学校原版(Westminster文凭证书)威斯敏斯特大学毕业证快速办理
按照学校原版(Westminster文凭证书)威斯敏斯特大学毕业证快速办理
yizxn4sx
 
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
xuqdabu
 
一比一原版(KCL文凭证书)伦敦国王学院毕业证如何办理
一比一原版(KCL文凭证书)伦敦国王学院毕业证如何办理一比一原版(KCL文凭证书)伦敦国王学院毕业证如何办理
一比一原版(KCL文凭证书)伦敦国王学院毕业证如何办理
kuehcub
 
一比一原版(UQ文凭证书)昆士兰大学毕业证如何办理
一比一原版(UQ文凭证书)昆士兰大学毕业证如何办理一比一原版(UQ文凭证书)昆士兰大学毕业证如何办理
一比一原版(UQ文凭证书)昆士兰大学毕业证如何办理
xuqdabu
 
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
nudduv
 
按照学校原版(UST文凭证书)圣托马斯大学毕业证快速办理
按照学校原版(UST文凭证书)圣托马斯大学毕业证快速办理按照学校原版(UST文凭证书)圣托马斯大学毕业证快速办理
按照学校原版(UST文凭证书)圣托马斯大学毕业证快速办理
zpc0z12
 
按照学校原版(Birmingham文凭证书)伯明翰大学|学院毕业证快速办理
按照学校原版(Birmingham文凭证书)伯明翰大学|学院毕业证快速办理按照学校原版(Birmingham文凭证书)伯明翰大学|学院毕业证快速办理
按照学校原版(Birmingham文凭证书)伯明翰大学|学院毕业证快速办理
6oo02s6l
 
Building a Raspberry Pi Robot with Dot NET 8, Blazor and SignalR
Building a Raspberry Pi Robot with Dot NET 8, Blazor and SignalRBuilding a Raspberry Pi Robot with Dot NET 8, Blazor and SignalR
Building a Raspberry Pi Robot with Dot NET 8, Blazor and SignalR
Peter Gallagher
 
加急办理美国南加州大学毕业证文凭毕业证原版一模一样
加急办理美国南加州大学毕业证文凭毕业证原版一模一样加急办理美国南加州大学毕业证文凭毕业证原版一模一样
加急办理美国南加州大学毕业证文凭毕业证原版一模一样
u0g33km
 
按照学校原版(QU文凭证书)皇后大学毕业证快速办理
按照学校原版(QU文凭证书)皇后大学毕业证快速办理按照学校原版(QU文凭证书)皇后大学毕业证快速办理
按照学校原版(QU文凭证书)皇后大学毕业证快速办理
8db3cz8x
 
按照学校原版(UOL文凭证书)利物浦大学毕业证快速办理
按照学校原版(UOL文凭证书)利物浦大学毕业证快速办理按照学校原版(UOL文凭证书)利物浦大学毕业证快速办理
按照学校原版(UOL文凭证书)利物浦大学毕业证快速办理
terpt4iu
 
SOLIDWORKS 2024 Enhancements eBook.pdf for beginners
SOLIDWORKS 2024 Enhancements eBook.pdf for beginnersSOLIDWORKS 2024 Enhancements eBook.pdf for beginners
SOLIDWORKS 2024 Enhancements eBook.pdf for beginners
SethiLilu
 
按照学校原版(KCL文凭证书)伦敦国王学院毕业证快速办理
按照学校原版(KCL文凭证书)伦敦国王学院毕业证快速办理按照学校原版(KCL文凭证书)伦敦国王学院毕业证快速办理
按照学校原版(KCL文凭证书)伦敦国王学院毕业证快速办理
terpt4iu
 
一比一原版(Monash文凭证书)莫纳什大学毕业证如何办理
一比一原版(Monash文凭证书)莫纳什大学毕业证如何办理一比一原版(Monash文凭证书)莫纳什大学毕业证如何办理
一比一原版(Monash文凭证书)莫纳什大学毕业证如何办理
xuqdabu
 
按照学校原版(UVic文凭证书)维多利亚大学毕业证快速办理
按照学校原版(UVic文凭证书)维多利亚大学毕业证快速办理按照学校原版(UVic文凭证书)维多利亚大学毕业证快速办理
按照学校原版(UVic文凭证书)维多利亚大学毕业证快速办理
1jtj7yul
 
按照学校原版(AU文凭证书)英国阿伯丁大学毕业证快速办理
按照学校原版(AU文凭证书)英国阿伯丁大学毕业证快速办理按照学校原版(AU文凭证书)英国阿伯丁大学毕业证快速办理
按照学校原版(AU文凭证书)英国阿伯丁大学毕业证快速办理
ei8c4cba
 

Recently uploaded (20)

一比一原版(Greenwich文凭证书)格林威治大学毕业证如何办理
一比一原版(Greenwich文凭证书)格林威治大学毕业证如何办理一比一原版(Greenwich文凭证书)格林威治大学毕业证如何办理
一比一原版(Greenwich文凭证书)格林威治大学毕业证如何办理
 
按照学校原版(Adelaide文凭证书)阿德莱德大学毕业证快速办理
按照学校原版(Adelaide文凭证书)阿德莱德大学毕业证快速办理按照学校原版(Adelaide文凭证书)阿德莱德大学毕业证快速办理
按照学校原版(Adelaide文凭证书)阿德莱德大学毕业证快速办理
 
Production.pptxd dddddddddddddddddddddddddddddddddd
Production.pptxd ddddddddddddddddddddddddddddddddddProduction.pptxd dddddddddddddddddddddddddddddddddd
Production.pptxd dddddddddddddddddddddddddddddddddd
 
按照学校原版(UPenn文凭证书)宾夕法尼亚大学毕业证快速办理
按照学校原版(UPenn文凭证书)宾夕法尼亚大学毕业证快速办理按照学校原版(UPenn文凭证书)宾夕法尼亚大学毕业证快速办理
按照学校原版(UPenn文凭证书)宾夕法尼亚大学毕业证快速办理
 
按照学校原版(Westminster文凭证书)威斯敏斯特大学毕业证快速办理
按照学校原版(Westminster文凭证书)威斯敏斯特大学毕业证快速办理按照学校原版(Westminster文凭证书)威斯敏斯特大学毕业证快速办理
按照学校原版(Westminster文凭证书)威斯敏斯特大学毕业证快速办理
 
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
 
一比一原版(KCL文凭证书)伦敦国王学院毕业证如何办理
一比一原版(KCL文凭证书)伦敦国王学院毕业证如何办理一比一原版(KCL文凭证书)伦敦国王学院毕业证如何办理
一比一原版(KCL文凭证书)伦敦国王学院毕业证如何办理
 
一比一原版(UQ文凭证书)昆士兰大学毕业证如何办理
一比一原版(UQ文凭证书)昆士兰大学毕业证如何办理一比一原版(UQ文凭证书)昆士兰大学毕业证如何办理
一比一原版(UQ文凭证书)昆士兰大学毕业证如何办理
 
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide文凭证书)阿德莱德大学毕业证如何办理
 
按照学校原版(UST文凭证书)圣托马斯大学毕业证快速办理
按照学校原版(UST文凭证书)圣托马斯大学毕业证快速办理按照学校原版(UST文凭证书)圣托马斯大学毕业证快速办理
按照学校原版(UST文凭证书)圣托马斯大学毕业证快速办理
 
按照学校原版(Birmingham文凭证书)伯明翰大学|学院毕业证快速办理
按照学校原版(Birmingham文凭证书)伯明翰大学|学院毕业证快速办理按照学校原版(Birmingham文凭证书)伯明翰大学|学院毕业证快速办理
按照学校原版(Birmingham文凭证书)伯明翰大学|学院毕业证快速办理
 
Building a Raspberry Pi Robot with Dot NET 8, Blazor and SignalR
Building a Raspberry Pi Robot with Dot NET 8, Blazor and SignalRBuilding a Raspberry Pi Robot with Dot NET 8, Blazor and SignalR
Building a Raspberry Pi Robot with Dot NET 8, Blazor and SignalR
 
加急办理美国南加州大学毕业证文凭毕业证原版一模一样
加急办理美国南加州大学毕业证文凭毕业证原版一模一样加急办理美国南加州大学毕业证文凭毕业证原版一模一样
加急办理美国南加州大学毕业证文凭毕业证原版一模一样
 
按照学校原版(QU文凭证书)皇后大学毕业证快速办理
按照学校原版(QU文凭证书)皇后大学毕业证快速办理按照学校原版(QU文凭证书)皇后大学毕业证快速办理
按照学校原版(QU文凭证书)皇后大学毕业证快速办理
 
按照学校原版(UOL文凭证书)利物浦大学毕业证快速办理
按照学校原版(UOL文凭证书)利物浦大学毕业证快速办理按照学校原版(UOL文凭证书)利物浦大学毕业证快速办理
按照学校原版(UOL文凭证书)利物浦大学毕业证快速办理
 
SOLIDWORKS 2024 Enhancements eBook.pdf for beginners
SOLIDWORKS 2024 Enhancements eBook.pdf for beginnersSOLIDWORKS 2024 Enhancements eBook.pdf for beginners
SOLIDWORKS 2024 Enhancements eBook.pdf for beginners
 
按照学校原版(KCL文凭证书)伦敦国王学院毕业证快速办理
按照学校原版(KCL文凭证书)伦敦国王学院毕业证快速办理按照学校原版(KCL文凭证书)伦敦国王学院毕业证快速办理
按照学校原版(KCL文凭证书)伦敦国王学院毕业证快速办理
 
一比一原版(Monash文凭证书)莫纳什大学毕业证如何办理
一比一原版(Monash文凭证书)莫纳什大学毕业证如何办理一比一原版(Monash文凭证书)莫纳什大学毕业证如何办理
一比一原版(Monash文凭证书)莫纳什大学毕业证如何办理
 
按照学校原版(UVic文凭证书)维多利亚大学毕业证快速办理
按照学校原版(UVic文凭证书)维多利亚大学毕业证快速办理按照学校原版(UVic文凭证书)维多利亚大学毕业证快速办理
按照学校原版(UVic文凭证书)维多利亚大学毕业证快速办理
 
按照学校原版(AU文凭证书)英国阿伯丁大学毕业证快速办理
按照学校原版(AU文凭证书)英国阿伯丁大学毕业证快速办理按照学校原版(AU文凭证书)英国阿伯丁大学毕业证快速办理
按照学校原版(AU文凭证书)英国阿伯丁大学毕业证快速办理
 

1. WIX 2 PowerPoint for Work Experience.pptx

  • 2. By the end of this workshop, you will be able to: 1. Explain the purpose of website pages and navigation. 2. Edit the structure of your website by adding and deleting pages. 3. Edit your homepage by adding and removing 'sections'.
  • 3. These icons are from the WIX Editor. What do they mean? Undo/ Redo Pages Media
  • 4. Name one benefit of using WIX to build a website? FREE £0 NO CODE TEMPLATES
  • 5. What makes a website ‘good’? Easy to read Interesting to look at – uses graphics, images and video Loads quickly Can easily find information Has up to date information Accessible for everyone Looks good on mobile devices too Uses the same group of colours and fonts throughout
  • 6. Your Mission: Recap Lorem Ipsum is simply dummy text of the Create a website about something you’re interested in:  Have up to three pages.  Show that you understand what makes a good website. Your website should: Hobby, band/singer, celebrity, film, gaming, sport, animals, anime, instrument, football team etc
  • 7. Website Structure Why are some websites easy to use, when others feel like a maze? It’s to do with their structure i.e. how information is organised. • A website is like a non-fiction book. • Both use pages to group together information about a similar topic. • In a book, we can use the contents page, or index, to find the page that has the information we want. How do you find information on a website (without using the search function)?
  • 8. Menus • Menus are a collection of links, that take you to the different pages of a website. • They appear at the top of every page and sometimes at the bottom too. • Pages, menus and links are part of your website’s navigation. • If your site is difficult to navigate, people won’t stay to look around! What pages should your website have?
  • 9. Homepage This is the most important page of a website! It’s the first page people will see, so it needs to grab their attention. They often include: • images • a welcome message or greeting • some text on what the website is about • as well as the menu, will also have clickable buttons throughout the homepage that lead to other pages of the website. https://www.marvel.com/teams-and-groups/avengers
  • 10. Task Decide what pages your website will have: • You can have 1-3 pages and one must be your Homepage. Add/ delete the pages that you need or don’t need from your template. Edit the title of your page. Add sections to your homepage.
  • 11. ? Pages and menus are part of a website’s n_________. ? Where on a web page would you find the Footer? ? The first section of a homepage is called the ____ section