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? (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

Pre production documents
Pre production documents Pre production documents
Pre production documents jarrowcomputing
 
setup-a-dedicated-web
setup-a-dedicated-websetup-a-dedicated-web
setup-a-dedicated-webfurkids
 
Cm le2
Cm le2Cm le2
Cm le2haict
 

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

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)Hanish Bansal
 
Cis 363 milestone 3
Cis 363 milestone 3Cis 363 milestone 3
Cis 363 milestone 3helpido9
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.docbutest
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.docbutest
 
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,2010Mahesh Panchal
 
Beginning Site Design
Beginning Site DesignBeginning Site Design
Beginning Site Designjadkin32
 
You Can Take Your HAT Off
You Can Take Your HAT OffYou Can Take Your HAT Off
You Can Take Your HAT OffJeff Haas
 
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 Barcelonahernanibf
 
Individual web project
Individual web projectIndividual web project
Individual web projectSunil Joshi
 
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 pageGrayzon Gonzales, LPT
 
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 waqarWaqar Chodhry
 
ًWebsite_development and design
ًWebsite_development and designًWebsite_development and design
ًWebsite_development and designMaged Elsakka
 
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 GuidePallavi Vyas
 
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 WebsiteNet4 India Ltd.
 
Behance prosite beginners guide
Behance prosite beginners guideBehance prosite beginners guide
Behance prosite beginners guideMicrosoft
 
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 BrandingStu King
 

Ä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
Web design in 7 daysWeb design in 7 days
Web design in 7 days
 
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
 
ًWebsite_development and design
ًWebsite_development and designًWebsite_development and design
ًWebsite_development and design
 
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
 
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
 
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

Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDecoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDhatriParmar
 
Using Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea DevelopmentUsing Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea Developmentchesterberbo7
 
4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptx4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptxmary850239
 
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQ-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQuiz Club NITW
 
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...Nguyen Thanh Tu Collection
 
Mental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young mindsMental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young mindsPooky Knightsmith
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Projectjordimapav
 
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...DhatriParmar
 
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxMan or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxDhatriParmar
 
Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Seán Kennedy
 
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxDIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxMichelleTuguinay1
 
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...DhatriParmar
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfPatidar M
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxlancelewisportillo
 
Expanded definition: technical and operational
Expanded definition: technical and operationalExpanded definition: technical and operational
Expanded definition: technical and operationalssuser3e220a
 
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQuiz Club NITW
 
Multi Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleMulti Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleCeline George
 
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxBIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxSayali Powar
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationdeepaannamalai16
 

Kürzlich hochgeladen (20)

Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDecoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
 
Using Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea DevelopmentUsing Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea Development
 
4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptx4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptx
 
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of EngineeringFaculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
 
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQ-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
 
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
 
Mental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young mindsMental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young minds
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Project
 
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
 
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxMan or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
 
Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...
 
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxDIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
 
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdf
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
 
Expanded definition: technical and operational
Expanded definition: technical and operationalExpanded definition: technical and operational
Expanded definition: technical and operational
 
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
 
Multi Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleMulti Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP Module
 
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxBIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
 

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