SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Creating a web page
Introduction
• Publisher gives you a variety of web site
design templates to choose from. A template
contains color elements, graphics, and text
formatting and placeholders for the pages that
will make up the website. You can then modify
the pages as you like.
Creating web page using template
1. To get started, Select New in the File tab and
type “Web Site” in the Search for templates box.
Creating web page using template
2. Select one of the Office.com Templates. For
this training exercise, we have selected the
“Web site (Tabs design)”
template.
Editing the Home Page
• With Clip Art
• 1. Double-click on the image that you want to replace. Note the
Picture Tools Contextual Tab
• opens above the Format Tab.
• 2. Select the Insert Tab on the menu bar and select Clip Art from
the Illustrations Group.
• 3. The Clip Art Image Pane opens beside the right scroll box.
• 4. Type in a keyword for the Clip Art image you want to find in the
Search for box.
• 5. Click the Go button.
• 6. From the resulting choices, click on the image that you want. The
new image now replaces
• the previous image.
Editing the Home Page
• With an Image File
1. Click the image that you want to replace.
2. On the Menu Bar, click Insert → Picture →
From File.
3. Select the file.
4. Click the Insert button.
5. To resize the picture, drag one of the corners
toward or away from the center.
Inserting a Table
• Tables are frequently used in web pages for
the purpose of layout and alignment. A table
gives you a group of cells into which you can
type text and insert images. You can make the
borders of the table invisible, if you choose.
Inserting a Table
1. On the Menu Bar, click Table → Insert →
Table.
2. In the Table dialogue box, select the number
of rows and columns that you would like in
your table. You can do this by dragging your
mouse vertically and horizontally down the
boxes, or you may do this from the Insert
Table box.
Inserting a Table
3. The table will then appear in your workspace
page.
Note: The Table Tools Contextual Tab now appears
on the menu bar and allows more formatting
options for your table.
4. Move and adjust your table by using the four
point arrow which is visible when you mouse over
the border of your table. You can now click in the
cells of the table and either type text or insert
pictures.
Inserting a Hyperlink
• You can create a hyperlink from either text or
an image on the page.
1. Select the text or image that you want
to use for the link.
2. Click Insert -> Hyperlink.
Inserting a Hyperlink
3. In the Insert Hyperlink dialogue box, type the
address of the web site that you want to link to in the
Address box (e.g.http://www.google.com).
4. Click OK.
The procedure above creates an “external” hyperlink--a link to another website. Publisher creates “internal”
links (links to other pages on your website)
automatically as you add new pages to your site.
Inserting Links within Your Site
1. With your mouse select the text that you want to
initiate the navigation. The text “Create a Link to the
Project List Page” has been selected as an example
below.
Inserting Links within Your Site
2. Click Insert -> Hyperlink. The Insert Hyperlink
dialogue box will appear.
Inserting Links within Your Site
3. Select the page destination you would like to link to
from the available options in the list. Click OK. “Page 13
Project List” has been selected as an example below.
Inserting Links within Your Site
4. The text will now appear underlined as an
active link. Simply select the text and you will be
directed to the destination page.
Inserting Additional Pages
1. Click Insert -> Click the drop down arrow under Page.
2. Click Insert Page.
3. In the Insert Web Page dialogue box select an appropriate
page layout for the type of content that you want on the
page.
4. Click OK.
Deleting Entire Pages
1. Select the page you would like to delete in the Page
Navigation window.
2. Click Page Design and select Delete in the Pages
group.

Note: You can also right-click the page you would like to
delete inside the Page Navigation window and select
Delete from the available options.
Inserting Navigation Links
1. Click Web -> Click Navigation Bar in the Web
Page Navigation group.
Inserting Navigation Links
2. Select the design you would like to add from
the available options and click Insert.
Inserting Navigation Links
3. The selected navigation bar design will is now
added to your site. You can now move the
navigation bar as you would move a table, by
clicking on it and dragging it to the desired
location.
Saving the Web Site
1. Click File -> Save.
Saving the Web Site
2. In the Save As dialogue box, select the drive and folder
where you want to save your web site files.
3. Name the file “index”. (The home page of a website is
always named “index”.)
4. Click the arrow in the Save as type field and select
“Web Page”.
5. Click Save.
Publisher will save the “index” file, and will also create a
folder called “index files” which contains all the images
and other pages on the website.

Weitere ähnliche Inhalte

Was ist angesagt?

A2WPress Localbusiness Theme Documentation
A2WPress Localbusiness Theme DocumentationA2WPress Localbusiness Theme Documentation
A2WPress Localbusiness Theme DocumentationA2WPress
 
Getting started office_2010
Getting started office_2010Getting started office_2010
Getting started office_2010Iris Hershenson
 
A2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme DocumentationA2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme DocumentationA2WPress
 
Adobe in design cs6 unit 4 creating books, table of contents, indexes and p...
Adobe in design cs6 unit 4   creating books, table of contents, indexes and p...Adobe in design cs6 unit 4   creating books, table of contents, indexes and p...
Adobe in design cs6 unit 4 creating books, table of contents, indexes and p...Praveen Tyagi
 
How to create a new signature in outlook
How to create a new signature in outlookHow to create a new signature in outlook
How to create a new signature in outlookErrandly
 
Office 365 overview
Office 365 overviewOffice 365 overview
Office 365 overviewCarefreeIT
 
Setting Wordpress website guide for starters
Setting Wordpress website guide for startersSetting Wordpress website guide for starters
Setting Wordpress website guide for startersjatindsim
 
Edison learning cms_manual
Edison learning cms_manualEdison learning cms_manual
Edison learning cms_manualJennifer Pricci
 
A2WPress Rethink Theme Documentation
A2WPress Rethink Theme DocumentationA2WPress Rethink Theme Documentation
A2WPress Rethink Theme DocumentationA2WPress
 
Unit a adobe dreamweaver cs6
Unit a adobe dreamweaver cs6Unit a adobe dreamweaver cs6
Unit a adobe dreamweaver cs6Krista Lawrence
 
MS Office Word 2007
MS Office Word 2007MS Office Word 2007
MS Office Word 2007Basavaraj Mt
 
Pks ms access unit 4_bcomcs
Pks ms access unit 4_bcomcsPks ms access unit 4_bcomcs
Pks ms access unit 4_bcomcsKALAISELVI P
 
A2 w presseliteprodocs
A2 w presseliteprodocsA2 w presseliteprodocs
A2 w presseliteprodocsA2WPress
 

Was ist angesagt? (16)

A2WPress Localbusiness Theme Documentation
A2WPress Localbusiness Theme DocumentationA2WPress Localbusiness Theme Documentation
A2WPress Localbusiness Theme Documentation
 
Getting started office_2010
Getting started office_2010Getting started office_2010
Getting started office_2010
 
A2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme DocumentationA2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme Documentation
 
Sharepoint
SharepointSharepoint
Sharepoint
 
Support Webinar
Support WebinarSupport Webinar
Support Webinar
 
Adobe in design cs6 unit 4 creating books, table of contents, indexes and p...
Adobe in design cs6 unit 4   creating books, table of contents, indexes and p...Adobe in design cs6 unit 4   creating books, table of contents, indexes and p...
Adobe in design cs6 unit 4 creating books, table of contents, indexes and p...
 
How to create a new signature in outlook
How to create a new signature in outlookHow to create a new signature in outlook
How to create a new signature in outlook
 
Office 365 overview
Office 365 overviewOffice 365 overview
Office 365 overview
 
Setting Wordpress website guide for starters
Setting Wordpress website guide for startersSetting Wordpress website guide for starters
Setting Wordpress website guide for starters
 
Edison learning cms_manual
Edison learning cms_manualEdison learning cms_manual
Edison learning cms_manual
 
Dreamweaver CS3
Dreamweaver CS3Dreamweaver CS3
Dreamweaver CS3
 
A2WPress Rethink Theme Documentation
A2WPress Rethink Theme DocumentationA2WPress Rethink Theme Documentation
A2WPress Rethink Theme Documentation
 
Unit a adobe dreamweaver cs6
Unit a adobe dreamweaver cs6Unit a adobe dreamweaver cs6
Unit a adobe dreamweaver cs6
 
MS Office Word 2007
MS Office Word 2007MS Office Word 2007
MS Office Word 2007
 
Pks ms access unit 4_bcomcs
Pks ms access unit 4_bcomcsPks ms access unit 4_bcomcs
Pks ms access unit 4_bcomcs
 
A2 w presseliteprodocs
A2 w presseliteprodocsA2 w presseliteprodocs
A2 w presseliteprodocs
 

Andere mochten auch

Information Ethics: Current and Future Research Areas
Information Ethics: Current and Future Research AreasInformation Ethics: Current and Future Research Areas
Information Ethics: Current and Future Research AreasInHD
 
Media evaluationnnn
Media evaluationnnnMedia evaluationnnn
Media evaluationnnnParishti1993
 
TID Chapter 8 Web Page Development
TID Chapter 8 Web Page DevelopmentTID Chapter 8 Web Page Development
TID Chapter 8 Web Page DevelopmentWanBK Leo
 
Preliminary Exercise - Continuity Task
Preliminary Exercise - Continuity TaskPreliminary Exercise - Continuity Task
Preliminary Exercise - Continuity TaskSATMEDIA
 
The State of Sales & Marketing at the 50 Fastest-Growing B2B Companies
The State of Sales & Marketing at the 50 Fastest-Growing B2B CompaniesThe State of Sales & Marketing at the 50 Fastest-Growing B2B Companies
The State of Sales & Marketing at the 50 Fastest-Growing B2B CompaniesMattermark
 

Andere mochten auch (10)

Information Ethics: Current and Future Research Areas
Information Ethics: Current and Future Research AreasInformation Ethics: Current and Future Research Areas
Information Ethics: Current and Future Research Areas
 
Amannnnnnnnn
Amannnnnnnnn Amannnnnnnnn
Amannnnnnnnn
 
Media evaluationnnn
Media evaluationnnnMedia evaluationnnn
Media evaluationnnn
 
TID Chapter 8 Web Page Development
TID Chapter 8 Web Page DevelopmentTID Chapter 8 Web Page Development
TID Chapter 8 Web Page Development
 
Internet user types
Internet user typesInternet user types
Internet user types
 
Internet and its uses
Internet and its usesInternet and its uses
Internet and its uses
 
Ethics of technology
Ethics of technologyEthics of technology
Ethics of technology
 
Preliminary Exercise - Continuity Task
Preliminary Exercise - Continuity TaskPreliminary Exercise - Continuity Task
Preliminary Exercise - Continuity Task
 
Moral values and ethics.
Moral values and ethics.Moral values and ethics.
Moral values and ethics.
 
The State of Sales & Marketing at the 50 Fastest-Growing B2B Companies
The State of Sales & Marketing at the 50 Fastest-Growing B2B CompaniesThe State of Sales & Marketing at the 50 Fastest-Growing B2B Companies
The State of Sales & Marketing at the 50 Fastest-Growing B2B Companies
 

Ähnlich wie Creating a web page

Get started with sites
Get started with sitesGet started with sites
Get started with sitesBoedi Santoso
 
A2WPress Woodberry Theme Documentation
A2WPress Woodberry Theme DocumentationA2WPress Woodberry Theme Documentation
A2WPress Woodberry Theme DocumentationA2WPress
 
Grade 4 computer module 4th quarter even no. pages
Grade 4   computer module 4th quarter even no. pagesGrade 4   computer module 4th quarter even no. pages
Grade 4 computer module 4th quarter even no. pagesAndreacordero30
 
Grade 4 computer module 4th quarter even no. pages
Grade 4   computer module 4th quarter even no. pagesGrade 4   computer module 4th quarter even no. pages
Grade 4 computer module 4th quarter even no. pagesAndreaCordero34
 
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.
 
G8 Term 2 other handouts and notes
G8 Term 2 other handouts and notesG8 Term 2 other handouts and notes
G8 Term 2 other handouts and notesGhaundar
 
A2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress
 
Creating Your Very Own Website (Students)
Creating Your Very Own Website (Students)Creating Your Very Own Website (Students)
Creating Your Very Own Website (Students)CyberScienceSchool
 
A2WPress Andrina Theme Documentation
A2WPress Andrina Theme DocumentationA2WPress Andrina Theme Documentation
A2WPress Andrina Theme DocumentationA2WPress
 
A2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme DocumentationA2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme DocumentationA2WPress
 
Term 2 other handouts and notes
Term 2 other handouts and notesTerm 2 other handouts and notes
Term 2 other handouts and notesGhaundar
 

Ähnlich wie Creating a web page (20)

Wix
WixWix
Wix
 
publisher.ppt
publisher.pptpublisher.ppt
publisher.ppt
 
Get started with sites
Get started with sitesGet started with sites
Get started with sites
 
MS Word
MS WordMS Word
MS Word
 
Task 2
Task 2Task 2
Task 2
 
A2WPress Woodberry Theme Documentation
A2WPress Woodberry Theme DocumentationA2WPress Woodberry Theme Documentation
A2WPress Woodberry Theme Documentation
 
Grade 4 computer module 4th quarter even no. pages
Grade 4   computer module 4th quarter even no. pagesGrade 4   computer module 4th quarter even no. pages
Grade 4 computer module 4th quarter even no. pages
 
Grade 4 computer module 4th quarter even no. pages
Grade 4   computer module 4th quarter even no. pagesGrade 4   computer module 4th quarter even no. pages
Grade 4 computer module 4th quarter even no. pages
 
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
 
Edison cms manual
Edison cms manualEdison cms manual
Edison cms manual
 
G8 Term 2 other handouts and notes
G8 Term 2 other handouts and notesG8 Term 2 other handouts and notes
G8 Term 2 other handouts and notes
 
A2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme Documentation
 
Creating Your Very Own Website (Students)
Creating Your Very Own Website (Students)Creating Your Very Own Website (Students)
Creating Your Very Own Website (Students)
 
A2WPress Andrina Theme Documentation
A2WPress Andrina Theme DocumentationA2WPress Andrina Theme Documentation
A2WPress Andrina Theme Documentation
 
mKubed quick start guide
mKubed quick start guidemKubed quick start guide
mKubed quick start guide
 
MS word.pptx
MS word.pptxMS word.pptx
MS word.pptx
 
A2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme DocumentationA2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme Documentation
 
Term 2 other handouts and notes
Term 2 other handouts and notesTerm 2 other handouts and notes
Term 2 other handouts and notes
 
Wix
WixWix
Wix
 

Mehr von Wan Nurhidayati Wan Johari

Topik 4 pengurusan kselamatan & kesihatan pkerjaan
Topik 4 pengurusan kselamatan & kesihatan pkerjaanTopik 4 pengurusan kselamatan & kesihatan pkerjaan
Topik 4 pengurusan kselamatan & kesihatan pkerjaanWan Nurhidayati Wan Johari
 

Mehr von Wan Nurhidayati Wan Johari (20)

Cosmos work designer
Cosmos work designerCosmos work designer
Cosmos work designer
 
Cosmos work motion essential
Cosmos work  motion essentialCosmos work  motion essential
Cosmos work motion essential
 
pengubah tenaga sistem bendalir
pengubah tenaga sistem bendalirpengubah tenaga sistem bendalir
pengubah tenaga sistem bendalir
 
pengubah tenaga
pengubah tenagapengubah tenaga
pengubah tenaga
 
Science project 2
Science project 2Science project 2
Science project 2
 
science project 1
science project 1science project 1
science project 1
 
Bab 6 &7 pengubah tenaga & laser new
Bab 6 &7 pengubah tenaga & laser newBab 6 &7 pengubah tenaga & laser new
Bab 6 &7 pengubah tenaga & laser new
 
High impact presentation tru powerpoint
High impact presentation tru powerpointHigh impact presentation tru powerpoint
High impact presentation tru powerpoint
 
Integrative learning
Integrative learningIntegrative learning
Integrative learning
 
Coaching n mentoring
Coaching n mentoringCoaching n mentoring
Coaching n mentoring
 
Clean & prepare rooms for incoming guests
Clean & prepare rooms for incoming guestsClean & prepare rooms for incoming guests
Clean & prepare rooms for incoming guests
 
Topik 4 pengurusan kselamatan & kesihatan pkerjaan
Topik 4 pengurusan kselamatan & kesihatan pkerjaanTopik 4 pengurusan kselamatan & kesihatan pkerjaan
Topik 4 pengurusan kselamatan & kesihatan pkerjaan
 
Topik 3 punca kmalangan&pcegahan
Topik 3 punca kmalangan&pcegahanTopik 3 punca kmalangan&pcegahan
Topik 3 punca kmalangan&pcegahan
 
Topik 2 hazard dan risiko
Topik 2 hazard dan risikoTopik 2 hazard dan risiko
Topik 2 hazard dan risiko
 
Topik 1 konsep kselamtan & ksihatan
Topik 1 konsep kselamtan & ksihatanTopik 1 konsep kselamtan & ksihatan
Topik 1 konsep kselamtan & ksihatan
 
Effective presentation
Effective presentationEffective presentation
Effective presentation
 
Teknologi Bahan
Teknologi BahanTeknologi Bahan
Teknologi Bahan
 
Sup tulang
Sup tulangSup tulang
Sup tulang
 
Introduction
IntroductionIntroduction
Introduction
 
ukur kejuruteraan
ukur kejuruteraanukur kejuruteraan
ukur kejuruteraan
 

Kürzlich hochgeladen

Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...Pooja Nehwal
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 

Kürzlich hochgeladen (20)

Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room service
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 

Creating a web page

  • 2. Introduction • Publisher gives you a variety of web site design templates to choose from. A template contains color elements, graphics, and text formatting and placeholders for the pages that will make up the website. You can then modify the pages as you like.
  • 3. Creating web page using template 1. To get started, Select New in the File tab and type “Web Site” in the Search for templates box.
  • 4. Creating web page using template 2. Select one of the Office.com Templates. For this training exercise, we have selected the “Web site (Tabs design)” template.
  • 5. Editing the Home Page • With Clip Art • 1. Double-click on the image that you want to replace. Note the Picture Tools Contextual Tab • opens above the Format Tab. • 2. Select the Insert Tab on the menu bar and select Clip Art from the Illustrations Group. • 3. The Clip Art Image Pane opens beside the right scroll box. • 4. Type in a keyword for the Clip Art image you want to find in the Search for box. • 5. Click the Go button. • 6. From the resulting choices, click on the image that you want. The new image now replaces • the previous image.
  • 6. Editing the Home Page • With an Image File 1. Click the image that you want to replace. 2. On the Menu Bar, click Insert → Picture → From File. 3. Select the file. 4. Click the Insert button. 5. To resize the picture, drag one of the corners toward or away from the center.
  • 7. Inserting a Table • Tables are frequently used in web pages for the purpose of layout and alignment. A table gives you a group of cells into which you can type text and insert images. You can make the borders of the table invisible, if you choose.
  • 8. Inserting a Table 1. On the Menu Bar, click Table → Insert → Table. 2. In the Table dialogue box, select the number of rows and columns that you would like in your table. You can do this by dragging your mouse vertically and horizontally down the boxes, or you may do this from the Insert Table box.
  • 9. Inserting a Table 3. The table will then appear in your workspace page. Note: The Table Tools Contextual Tab now appears on the menu bar and allows more formatting options for your table. 4. Move and adjust your table by using the four point arrow which is visible when you mouse over the border of your table. You can now click in the cells of the table and either type text or insert pictures.
  • 10. Inserting a Hyperlink • You can create a hyperlink from either text or an image on the page. 1. Select the text or image that you want to use for the link. 2. Click Insert -> Hyperlink.
  • 11. Inserting a Hyperlink 3. In the Insert Hyperlink dialogue box, type the address of the web site that you want to link to in the Address box (e.g.http://www.google.com). 4. Click OK. The procedure above creates an “external” hyperlink--a link to another website. Publisher creates “internal” links (links to other pages on your website) automatically as you add new pages to your site.
  • 12. Inserting Links within Your Site 1. With your mouse select the text that you want to initiate the navigation. The text “Create a Link to the Project List Page” has been selected as an example below.
  • 13. Inserting Links within Your Site 2. Click Insert -> Hyperlink. The Insert Hyperlink dialogue box will appear.
  • 14. Inserting Links within Your Site 3. Select the page destination you would like to link to from the available options in the list. Click OK. “Page 13 Project List” has been selected as an example below.
  • 15. Inserting Links within Your Site 4. The text will now appear underlined as an active link. Simply select the text and you will be directed to the destination page.
  • 16. Inserting Additional Pages 1. Click Insert -> Click the drop down arrow under Page. 2. Click Insert Page. 3. In the Insert Web Page dialogue box select an appropriate page layout for the type of content that you want on the page. 4. Click OK.
  • 17. Deleting Entire Pages 1. Select the page you would like to delete in the Page Navigation window. 2. Click Page Design and select Delete in the Pages group. Note: You can also right-click the page you would like to delete inside the Page Navigation window and select Delete from the available options.
  • 18. Inserting Navigation Links 1. Click Web -> Click Navigation Bar in the Web Page Navigation group.
  • 19. Inserting Navigation Links 2. Select the design you would like to add from the available options and click Insert.
  • 20. Inserting Navigation Links 3. The selected navigation bar design will is now added to your site. You can now move the navigation bar as you would move a table, by clicking on it and dragging it to the desired location.
  • 21. Saving the Web Site 1. Click File -> Save.
  • 22. Saving the Web Site 2. In the Save As dialogue box, select the drive and folder where you want to save your web site files. 3. Name the file “index”. (The home page of a website is always named “index”.) 4. Click the arrow in the Save as type field and select “Web Page”. 5. Click Save. Publisher will save the “index” file, and will also create a folder called “index files” which contains all the images and other pages on the website.