SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Creation – Page Setup
Lesson 21
Lesson Goals
 Know how to make web pages from a template
 Understand links between template and web pages
 Be able to create and link main pages of your website
#template
#html
Assessment Criteria
 The assessment criteria for this part of the unit is as follows:
LO3 – Create a new functional multi-page website
P3
Demonstrate web authoring skills by creating a new competent functional
multi-page website that includes:
• Consistent style across pages
• Text and graphics
• Method of user feedback
M2
Demonstrate proficient design skills.
The new multi-page website produced
is suitable for the target audience and
includes rich media. The website
produced is generally of a good
technical standard.
D2
Make appropriate use of
optimisation techniques and
site management tools. The
website produced is generally
of a high technical standard.
Template
 Your Dreamweaver template will be
used to create all of the other pages
within your website.
 Once the template is complete you
can create HTML pages from it and
add the relevant page information
into your editable regions.
 Any changes made to the template in
future will be reflected in the other
pages on the website automatically.
#template
#html
Know how to use site template
Be able to make main pages
Editable Regions
Editable Region
When using your template you will be locked out of
the other areas. This prevents you editing parts of the
page that should be the same on each page. The
editable regions are used for you to place the
information relevant to that page.
Site Setup
Website
 It is important that you save your web pages
within the root folder of your website.
 Your homepage should be named index.html
with all other pages given relevant names.
 Your style sheet should also be in the root folder.
Know how to use site template
Be able to make main pages
index.html about.html gallery.html merch.html contact.html style.css
Your Task
 Use your template to create the
main pages of your website.
 Add some content into your home
page using the editable regions:
 Text
 Images
 Rich Media
 Link your pages together using your
navigation bar or buttons. This can
only be done once your pages have
been saved.
#template
#html
Know how to use site template
Be able to make main pages

Weitere ähnliche Inhalte

Was ist angesagt?

Presentation1
Presentation1Presentation1
Presentation1
nhuthi
 
reference - Debenhams
reference - Debenhamsreference - Debenhams
reference - Debenhams
Megan Huntoon
 

Was ist angesagt? (14)

LO5 - Lesson 26 - Review
LO5 - Lesson 26 - ReviewLO5 - Lesson 26 - Review
LO5 - Lesson 26 - Review
 
LO3 - Lesson 17 - Assets
LO3 - Lesson 17 - AssetsLO3 - Lesson 17 - Assets
LO3 - Lesson 17 - Assets
 
LO4 - Lesson 25 - Testing
LO4 - Lesson 25 - TestingLO4 - Lesson 25 - Testing
LO4 - Lesson 25 - Testing
 
LO4 - Lesson 1 - Review
LO4 - Lesson 1 - ReviewLO4 - Lesson 1 - Review
LO4 - Lesson 1 - Review
 
LO2 - Lesson 15 - Project Plan
LO2 - Lesson 15 - Project PlanLO2 - Lesson 15 - Project Plan
LO2 - Lesson 15 - Project Plan
 
LO4 - Lesson 24 - Feedback
LO4 - Lesson 24 - FeedbackLO4 - Lesson 24 - Feedback
LO4 - Lesson 24 - Feedback
 
Presentation1
Presentation1Presentation1
Presentation1
 
20 web design tips
20 web design tips20 web design tips
20 web design tips
 
Web Designing vs Web Development
Web Designing vs Web DevelopmentWeb Designing vs Web Development
Web Designing vs Web Development
 
12 Phases of Web Development Life Cycle
12 Phases of Web Development Life Cycle12 Phases of Web Development Life Cycle
12 Phases of Web Development Life Cycle
 
Q.6
Q.6Q.6
Q.6
 
Planning a website
Planning a websitePlanning a website
Planning a website
 
reference - Debenhams
reference - Debenhamsreference - Debenhams
reference - Debenhams
 
Web design tips
Web design tipsWeb design tips
Web design tips
 

Andere mochten auch

Andere mochten auch (20)

LO3 - Lesson 5 - Script
LO3 - Lesson 5 - ScriptLO3 - Lesson 5 - Script
LO3 - Lesson 5 - Script
 
LO3 - Lesson 6 - Storyboard
LO3 - Lesson 6 - StoryboardLO3 - Lesson 6 - Storyboard
LO3 - Lesson 6 - Storyboard
 
Year 12 parents' information evening 2015
Year 12   parents' information evening 2015Year 12   parents' information evening 2015
Year 12 parents' information evening 2015
 
LO1 - Lesson 1 - Introduction
LO1 - Lesson 1 - IntroductionLO1 - Lesson 1 - Introduction
LO1 - Lesson 1 - Introduction
 
Pre production documents
Pre production documents Pre production documents
Pre production documents
 
setup-a-dedicated-web
setup-a-dedicated-websetup-a-dedicated-web
setup-a-dedicated-web
 
212 - Lesson 7 - Review
212 - Lesson 7 - Review212 - Lesson 7 - Review
212 - Lesson 7 - Review
 
Cm le2
Cm le2Cm le2
Cm le2
 
LO3 - Lesson 3 - Characters
LO3 - Lesson 3 - CharactersLO3 - Lesson 3 - Characters
LO3 - Lesson 3 - Characters
 
LO2 - Lesson 2 - Resources
LO2 - Lesson 2 - ResourcesLO2 - Lesson 2 - Resources
LO2 - Lesson 2 - Resources
 
LO3 - Lesson 2 - Door Triggers
LO3 - Lesson 2 - Door TriggersLO3 - Lesson 2 - Door Triggers
LO3 - Lesson 2 - Door Triggers
 
LO3 - Lesson 8 - File Formats
LO3 - Lesson 8 - File FormatsLO3 - Lesson 8 - File Formats
LO3 - Lesson 8 - File Formats
 
LO1 - Lesson 1 - Research
LO1 - Lesson 1 - ResearchLO1 - Lesson 1 - Research
LO1 - Lesson 1 - Research
 
Unit 202 - Lesson 1 - Media Research
Unit 202 - Lesson 1 - Media ResearchUnit 202 - Lesson 1 - Media Research
Unit 202 - Lesson 1 - Media Research
 
LO2 - Lesson 6 - User Needs
LO2 - Lesson 6 - User NeedsLO2 - Lesson 6 - User Needs
LO2 - Lesson 6 - User Needs
 
LO1 - Lesson 12 - Script
LO1 - Lesson 12 - ScriptLO1 - Lesson 12 - Script
LO1 - Lesson 12 - Script
 
6th Form ICT
6th Form ICT6th Form ICT
6th Form ICT
 
LO2 - Lesson 1 - Client Requirements
LO2 - Lesson 1 - Client RequirementsLO2 - Lesson 1 - Client Requirements
LO2 - Lesson 1 - Client Requirements
 
Lent Reflection
Lent ReflectionLent Reflection
Lent Reflection
 
LO2 - Lesson 14 - Technical
LO2 - Lesson 14 - TechnicalLO2 - Lesson 14 - Technical
LO2 - Lesson 14 - Technical
 

Ähnlich wie LO3 - Lesson 21 - Page Setup

Cis 363 milestone 3
Cis 363 milestone 3Cis 363 milestone 3
Cis 363 milestone 3
helpido9
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.doc
butest
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.doc
butest
 
Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010
Mahesh Panchal
 
Drupal architectures for flexible content - Drupalcon Barcelona
Drupal architectures for flexible content - Drupalcon BarcelonaDrupal architectures for flexible content - Drupalcon Barcelona
Drupal architectures for flexible content - Drupalcon Barcelona
hernanibf
 
Web design in 7 days by waqar
Web design in 7 days by waqarWeb design in 7 days by waqar
Web design in 7 days by waqar
Waqar Chodhry
 
Behance prosite beginners guide
Behance prosite beginners guideBehance prosite beginners guide
Behance prosite beginners guide
Microsoft
 

Ähnlich wie LO3 - Lesson 21 - Page Setup (20)

Modernising AEM Sites Codebase (AEM Meetup 2019)
Modernising AEM Sites Codebase  (AEM Meetup 2019)Modernising AEM Sites Codebase  (AEM Meetup 2019)
Modernising AEM Sites Codebase (AEM Meetup 2019)
 
LO2 - Lesson 11 - Layout
LO2 - Lesson 11 - LayoutLO2 - Lesson 11 - Layout
LO2 - Lesson 11 - Layout
 
Cis 363 milestone 3
Cis 363 milestone 3Cis 363 milestone 3
Cis 363 milestone 3
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.doc
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.doc
 
Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010Wd & im session a3 _introduction to web page editors_april 08,2010
Wd & im session a3 _introduction to web page editors_april 08,2010
 
Beginning Site Design
Beginning Site DesignBeginning Site Design
Beginning Site Design
 
You Can Take Your HAT Off
You Can Take Your HAT OffYou Can Take Your HAT Off
You Can Take Your HAT Off
 
Dreaweaver cs5
Dreaweaver cs5Dreaweaver cs5
Dreaweaver cs5
 
Drupal architectures for flexible content - Drupalcon Barcelona
Drupal architectures for flexible content - Drupalcon BarcelonaDrupal architectures for flexible content - Drupalcon Barcelona
Drupal architectures for flexible content - Drupalcon Barcelona
 
Individual web project
Individual web projectIndividual web project
Individual web project
 
HTML5- Create divisions in a web page
HTML5- Create divisions in a web pageHTML5- Create divisions in a web page
HTML5- Create divisions in a web page
 
Web design in 7 days by waqar
Web design in 7 days by waqarWeb design in 7 days by waqar
Web design in 7 days by waqar
 
Web design in 7 days
Web design in 7 daysWeb design in 7 days
Web design in 7 days
 
ًWebsite_development and design
ًWebsite_development and designًWebsite_development and design
ًWebsite_development and design
 
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
 
Microsoft FrontPage PPT
Microsoft FrontPage PPTMicrosoft FrontPage PPT
Microsoft FrontPage PPT
 
Behance prosite beginners guide
Behance prosite beginners guideBehance prosite beginners guide
Behance prosite beginners guide
 
The Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint BrandingThe Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint Branding
 

Mehr von The English Martyrs School & Sixth Form College

Mehr von The English Martyrs School & Sixth Form College (19)

UCAS Finance Presentation
UCAS Finance PresentationUCAS Finance Presentation
UCAS Finance Presentation
 
UCAS Parents Information
UCAS Parents InformationUCAS Parents Information
UCAS Parents Information
 
LO1 - Lesson 1 - Use of Graphics
LO1 - Lesson 1 - Use of GraphicsLO1 - Lesson 1 - Use of Graphics
LO1 - Lesson 1 - Use of Graphics
 
LO4 - Lesson 4 - Feedback
LO4 - Lesson 4 - FeedbackLO4 - Lesson 4 - Feedback
LO4 - Lesson 4 - Feedback
 
LO4 - Lesson 3 - Feedback
LO4 - Lesson 3 - FeedbackLO4 - Lesson 3 - Feedback
LO4 - Lesson 3 - Feedback
 
LO4 - Lesson 2 - Review
LO4 - Lesson 2 - ReviewLO4 - Lesson 2 - Review
LO4 - Lesson 2 - Review
 
LO4 - Lesson 1 - Testing
LO4 - Lesson 1 - TestingLO4 - Lesson 1 - Testing
LO4 - Lesson 1 - Testing
 
LO3 - Lesson 6 - Algorithms
LO3 - Lesson 6 - AlgorithmsLO3 - Lesson 6 - Algorithms
LO3 - Lesson 6 - Algorithms
 
LO3 - Lesson 5 - Popups
LO3 - Lesson 5 - PopupsLO3 - Lesson 5 - Popups
LO3 - Lesson 5 - Popups
 
LO3 - Lesson 4 - Pickups
LO3 - Lesson 4 - PickupsLO3 - Lesson 4 - Pickups
LO3 - Lesson 4 - Pickups
 
LO3 - Lesson 1 - Level Map
LO3 - Lesson 1 - Level MapLO3 - Lesson 1 - Level Map
LO3 - Lesson 1 - Level Map
 
Predict The Score Leaderboard 2014
Predict The Score Leaderboard 2014Predict The Score Leaderboard 2014
Predict The Score Leaderboard 2014
 
LO2 - Lesson 8 - Feedback
LO2 - Lesson 8 - FeedbackLO2 - Lesson 8 - Feedback
LO2 - Lesson 8 - Feedback
 
LO2 - Lesson 7 - Feedback
LO2 - Lesson 7 - FeedbackLO2 - Lesson 7 - Feedback
LO2 - Lesson 7 - Feedback
 
LO2 - Lesson 6 - Legal Issues
LO2 - Lesson 6 - Legal IssuesLO2 - Lesson 6 - Legal Issues
LO2 - Lesson 6 - Legal Issues
 
LO2 - Lesson 5 - Flow Diagram
LO2 - Lesson 5 - Flow DiagramLO2 - Lesson 5 - Flow Diagram
LO2 - Lesson 5 - Flow Diagram
 
LO2 - Lesson 4 - Game Content
LO2 - Lesson 4 - Game ContentLO2 - Lesson 4 - Game Content
LO2 - Lesson 4 - Game Content
 
LO2 - Lesson 3 - Game Content
LO2 - Lesson 3 - Game ContentLO2 - Lesson 3 - Game Content
LO2 - Lesson 3 - Game Content
 
LO2 - Lesson 1 - Client Brief
LO2 - Lesson 1 - Client BriefLO2 - Lesson 1 - Client Brief
LO2 - Lesson 1 - Client Brief
 

Kürzlich hochgeladen

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Kürzlich hochgeladen (20)

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 

LO3 - Lesson 21 - Page Setup

  • 1. Creation – Page Setup Lesson 21
  • 2. Lesson Goals  Know how to make web pages from a template  Understand links between template and web pages  Be able to create and link main pages of your website #template #html
  • 3. Assessment Criteria  The assessment criteria for this part of the unit is as follows: LO3 – Create a new functional multi-page website P3 Demonstrate web authoring skills by creating a new competent functional multi-page website that includes: • Consistent style across pages • Text and graphics • Method of user feedback M2 Demonstrate proficient design skills. The new multi-page website produced is suitable for the target audience and includes rich media. The website produced is generally of a good technical standard. D2 Make appropriate use of optimisation techniques and site management tools. The website produced is generally of a high technical standard.
  • 4. Template  Your Dreamweaver template will be used to create all of the other pages within your website.  Once the template is complete you can create HTML pages from it and add the relevant page information into your editable regions.  Any changes made to the template in future will be reflected in the other pages on the website automatically. #template #html Know how to use site template Be able to make main pages
  • 5. Editable Regions Editable Region When using your template you will be locked out of the other areas. This prevents you editing parts of the page that should be the same on each page. The editable regions are used for you to place the information relevant to that page.
  • 6. Site Setup Website  It is important that you save your web pages within the root folder of your website.  Your homepage should be named index.html with all other pages given relevant names.  Your style sheet should also be in the root folder. Know how to use site template Be able to make main pages index.html about.html gallery.html merch.html contact.html style.css
  • 7. Your Task  Use your template to create the main pages of your website.  Add some content into your home page using the editable regions:  Text  Images  Rich Media  Link your pages together using your navigation bar or buttons. This can only be done once your pages have been saved. #template #html Know how to use site template Be able to make main pages