Images
Web Page and PowerPoint
Web Page
A document written in hypertext (also known as HTML)
that you can see online, using a web browser.
Most web pages include text, photos or videos, and links
to other web pages. A group of many web pages
managed by one person or company is a website.
It can be accessed and displayed on a monitor or mobile
device through a Web browser such as Internet Explorer,
Mozilla Firefox or Google Chrome.
It usually also contain other resources such as style
sheets, scripts and images for presentation.
Users may be able to navigate to other pages through
hypertext links.
Web browser is connected to the Web server, where the
website’s contents are hosted through HTTP.
Every Web page corresponds to various types of
information presented to the visitor in a visual and
readable manner.
What is the purpose and function of web page?
Its purpose varies depending on its content and the goals
of its creator. Generally, it functions to provide
information, entertain, promote products or services,
facilitate communication, or support various online
activities.
What Are the Parts of a Web Page?
Webpages are made up of several essential parts that all
contribute to the larger whole.
These parts include
1. images and videos
2. headlines
3 body content
4. Navigation
5. credits
Most webpages contain at least three of these elements,
and many contain all five. Some webpages may have
other areas as well, but these five are the most common.
1. Images and Videos
A visual element of almost every webpage.
They draw the eye and help direct readers to specific
parts of the page.
They can illustrate a point and provide additional context
for the subject of the page.
Videos
Also add an element of motion and sound to the
presentation.
2. Headlines
The next most prominent element on most webpages.
Most web designers use some form of typography to
create headlines that are larger and more prominent than
the surrounding text.
Also, good SEO requires that you use the HTML headline
tags through to represent the headlines in the HTML, as
well as visually.
Well-designed headlines break up the text of a page,
making it easier for visitors to read and process the
content.
Headline copy is the title you give to your written
content.
This can be the heading of a webpage, an article, or any
piece of copywriting.
Your headline is the first thing a reader sees not only
because it's the first line, at the top of the page, but also
because it's often in a bigger, bold font
3.Body Content
The text that makes up the majority of a webpage.
They used to say that "Content is King," which means
content is the reason people come to your webpage.
The layout of that content can help them read it more
effectively.
Constructing the text in paragraphs along with headers
makes a webpage easy to read, while elements like lists
and links make the text easier to skim.
4. Navigation
Most webpages are not stand-alone pages; they are part
of a larger structure—the website as a whole.
It plays a crucial role for most webpages to keep
customers on the site and reading other pages.
Webpages can also have internal navigation for especially
long pages with lots of content.
It helps your readers stay oriented and makes it possible
for them to find their way around the page and the site as
a whole content fresh.

5. Credits Guidelines
The informational elements of a page that aren't content
or navigation but provide details about the page.  Ensure easy and clear intuitive navigation for
They include things like: the publication date, copyright users.
information, privacy policy links, legal issues, and other  Design your webpage to be compatible with
information about the designers, writers, or owners of various devices.
the webpage.  Optimize images and code to reduce page load
Most webpages include this information at the bottom, times
but you can also include it in a sidebar or at the top if it  Maintain a cohesive visual style and layout
fits with your design. throughout the site.
 Use legible fonts and appropriate font sizes for
Steps/Strategies in making a Web Page content.
1. Define Purpose and Audience- Clearly understand  Guide users with clear and compelling calls-to-
why you're creating the webpage and who your action.
target audience is.  Optimize content for search engines with
2. User-Friendly Design- Ensure a clean, intuitive relevant keywords.
layout with easy navigation to enhance user  Implement HTTPS to ensure a secure connection.
experience.  Test and ensure compatibility with different
3. Responsive Design- Optimize for various devices browsers.
to ensure your webpage looks good and functions  Provide easily accessible contact details for user
well on different screen sizes. support.
4. Fast Loading Time- Optimize images and minimize
unnecessary elements to improve page loading
speed.  Avoid overwhelming users with too much
5. Quality Content- Provide valuable, engaging, and information or complex layouts.
well-organized content to keep visitors  Refrain from autoplaying videos or music; let
interested. users control media.
6. Clear Call-to-Action (CTA)- Guide users on what  Regularly check and fix broken links to maintain a
actions to take with prominent and clear CTAs. smooth user experience.
7. Consistent Branding- Maintain a consistent  Keep forms simple, requesting only essential
design and branding across your website for a information.
cohesive user experience.  Minimize intrusive pop-ups that may disrupt the
8. Security- Implement security measures, such as user experience.
HTTPS, to protect user data and build trust.
 Neglecting mobile responsiveness can alienate a
9. Social Media Integration- Include social media
significant portion of users.
links and share buttons to enhance your online
 Ensure users can easily understand how to
presence.
navigate your site.
10. Accessibility- Ensure your webpage is accessible
 Avoid small fonts, low contrast, or difficult-to-
to users with disabilities by following web
read color combinations.
accessibility standards.
 Keep information up-to-date to maintain
11. Testing- Regularly test your webpage across
relevance.
browsers and devices to identify and fix any
 Those are general guidelines; specific
compatibility issues.
requirements may vary based on your website's
12. Feedback and Iteration- Collect user feedback
purpose and audience.
and continuously iterate your webpage based on
insights and changing requirements.
13. Monitor and Update- Regularly check your
webpage for updates, fix any issues, and keep
PowerPoint
A software package designed to create electronic
presentations consisting of a series of separate pages or
slides.
A complete presentation graphics package.
It gives you everything you need to produce a
professional-looking presentation.
What is the purpose and function of PowerPoint?
It was developed by Microsoft.
Purpose:
To create visual presentations, combining text, images,
charts, and multimedia elements.
Used for business meetings, educational lectures, and
various professional settings
To convey information in a visually engaging and
organized manner.
Function:
To create slideshows that incorporate text, images,
graphics, and multimedia elements.
Users can design and organize content on individual
slides, add transitions between them, and deliver
dynamic presentations.
What are the 5 parts of a PowerPoint presentation?
Each template includes basic course elements: a title
slide, a table of contents, chapters, a timeline, and info
slides. Organize them in the order you prefer, populate
them with your texts and images, and your presentation
is ready to go.
Steps/Strategies in making a PowerPoint presentation
Start a blank presentation
Type text into your title slide
Insert more slides
Add content to slides
Change the design
Add animations & transitions (optional)
Save your presentation
Print your presentation
1. Start with a Blank Document
The first thing you’ll need to do is to open PowerPoint.
When you do, you are shown the Start Menu, with the
Home tab open.
This is where you can choose either a blank theme
(1) or a pre-built theme
(2). You can also choose to open an existing presentation
(3).
For now, go ahead and click on the Blank Presentation
(1) thumbnail.
The PowerPoint interface
Here is how the program is laid out:
The Application Header
The Ribbon (including the Ribbon tabs)
The Quick Access Toolbar (either above or below the
Ribbon)
The Slides Pane (slide thumbnails)
The Slide Area
The Notes Pane
The Status Bar (including the View Buttons)
Each one of these areas has options for viewing certain
parts of the PowerPoint environment and formatting your
presentation.
The PowerPoint Ribbon
The Ribbon is contextual. That means that it will adapt to
what you’re doing in the program.
For example, the Font, Paragraph and Drawing options
are greyed out until you select something that has text in
it
Furthermore, if you start manipulating certain objects,
the Ribbon will display additional tabs, as seen above,
with more commands and features to help you work with
those objects. The following objects have their own
additional tabs in the Ribbon which are hidden until you
select them:
In addition, you can add sections to your presentation by
right-clicking anywhere in this Pane and selecting Add
Section.
Sections are extremely helpful in large presentations, as
they allow you to organize your slides into chunks that
you can then rearrange, print or display differently from
other slides.

Tables The Slide Area

Pictures
The Slide Area is where you will build out your slides.
Anything within the bounds of this area will be visible
Online Pictures
when you present or print your presentation.
Screenshots
Anything outside of this area will be hidden from view.
This means that you can place things here, such as
Shapes
instructions for each slide, without worrying about them
being shown to your audience
Icons
The Notes Pane
3D Models
The Notes Pane is the space beneath the Slide Area
where you can type in the speaker notes for each slide.
SmartArt
It’s designed as a fast way to add and edit your slides’
talking points
Charts
Your speaker notes are visible when you print your slides
Zoom
using the Notes Pages option and when you use the
Presenter View.
Text Boxes
You can resize the Notes Pane by clicking on its edge and
WordArt
dragging it up or down (A). You can also minimize or
reopen it by clicking on the Notes button in the Status Bar
Equations
(B).
Video
2. Adding Content to Your PowerPoint Presentation
Notice that in the Slide Area, there are two rectangles
Audio
with dotted outlines. These are called Placeholders and
they’re set on the template in the Slide Master View.
Screen Recording
As the prompt text suggests, you can click into each
placeholder and start typing text.
The Slides Pane
This is where you can preview and rearrange all the slides These types of placeholder prompts are customizable
in your presentation. too.

Right-clicking on a slide in the pane gives you additional
options on the slide level that you won’t find on the
Ribbon, such as Duplicate Slide, Delete Slide, and Hide
Slide.
That means that if you are using a company template, it
might say something different, but the functionality is the
same.
If you type in more text than there is room for,
PowerPoint will automatically reduce its font size.
You can stop this behavior by clicking on the Autofit
Options icon to the left of the placeholder and selecting
Stop Fitting Text to this Placeholder.
You can make formatting adjustments to your text by
selecting the commands in the Font area and the
Paragraph area of the Home tab of the Ribbon.
The Reset Command: If you make any changes to your
title and decide you want to go back to how it was
originally, you can use the Reset button up in the Home
tab.
3. Insert More Slides into Your Presentation
Now that you have your title slide filled in, it’s time to add
more slides.
Simply go up to the Home tab and click on New Slide.
Insert a new slide in your presentation right after the one
you were on.
You can alternatively hit Ctrl+M on your keyboard to
insert a new blank slide in PowerPoint.
Instead of clicking the New Slide command, you can also
open the New Slide dropdown to see all the slide layouts
in your PowerPoint template. Depending on who created
your template, your layouts in this dropdown can be
radically different.
If you insert a layout and later want to change it to a
different layout, you can use the Layout dropdown
instead of the New Slide dropdown.
After inserting a few different slide layouts, your
presentation might look like the following picture. Don’t
worry that it looks blank, next we will start adding
content to your presentation.
You can also follow this simple strategy.
Title Slide
Title and Content
Section Header
Two Content
Picture with Caption
4. Adding Content to Your Slides
On slide 2 we have a Content Placeholder, which allows
you to add any kind of content. That includes:
Text,
A table,
A chart,
A SmartArt graphic,
A 3D object,
A picture,
A picture from the web,
A video,
Or an icon.
To insert text, simply type it in or hit Ctrl+C to Copy
(details here) and Ctrl+V to Paste (details here) from
elsewhere. To insert any of the other objects, click on the
appropriate icon and follow the steps to insert it.
5. Change the Overall Design (optional)
You can use the Design tab to change the look and feel of
your slides.
Picking your PowerPoint slide size
For example, your presentation might not be presented,
but instead converted into a PDF or printed and
distributed. In that case, you can easily switch to the
standard dimensions with a 4:3 ratio by selecting from
the dropdown (A).
You can also choose a custom slide size or change the
slide orientation from landscape to portrait in the Custom
Slide Size dialog box (B).
Selecting a PowerPoint Theme
We started with a blank presentation, which uses the
default Office theme as you can see in the picture below.
If you’re comfortable with this, you can stay with the
default theme or create your own custom theme (read
our guide here). But if you would rather not have to think
about design, then you can choose a pre-designed theme.
To select a different theme, go to the Design tab in the
Ribbon, and click on the dropdown arrow in the Themes
section.
How to change your fonts in PowerPoint
Each PowerPoint theme comes with its own font
combination. By default, the Office theme includes the
Office font pairing. This affects the fonts that are
automatically assigned to all text in your presentation.
6. Adding Animations & Transitions (optional)
Animations are movements that you can apply to
individual objects on your slide.
To consider using animations and transitions. These are
by no means necessary to a good presentation, but they
may be helpful in your situation.
Adding PowerPoint animations
Animations are movements that you can apply to
individual objects on your slide.
To add a PowerPoint animation to an element of your
slide, simply:
 Select the element
 Go to the Animations tab in the Ribbon
 Click on the dropdown arrow to view your
options
 Select the animation you want
You can add animations to multiple objects at one time
by selecting them all first and then applying the
animation.
How to preview a PowerPoint animation
There are three ways to preview a PowerPoint animation:
1. Click on the Preview button in the Animations tab
2. Click on the little star next to the slide
3. Play the slide in Slide Show Mode
How to add transitions to your PowerPoint presentation
Transitions are the movements (or effects) you see as
you move between two slides.
To add a transition to a PowerPoint slide, simply:
 Select the slide
 Go to the Transitions tab in the Ribbon
 In the Transitions to This Slide area, click on the
dropdown arrow to view your options
 Select the transition you want
How to add transitions to your PowerPoint presentation
To adjust the settings of the transition, explore the
options in the Timing area of the Transitions tab.
7. Save Your PowerPoint Presentation
You can do this in several different ways
To save a PowerPoint presentation using your Ribbon,
simply:
Navigate to the File tab
Select Save As on the left
Choose where you want to save your presentation
Name your presentation and/or adjust your file type
settings
Click Save
You can alternatively use the Ctrl+S keyboard shortcut to
save your presentation. I recommend using this shortcut
frequently as you build your presentation to make sure
you don’t lose any of your work.
Now that your presentation is saved to that location on
your computer, you can open, present, and send tit to
others. Below is an example of what your presentation
will look like in a file folder.
8. Printing Your PowerPoint Presentation
After finishing your PowerPoint presentation, you may
want to print it out on paper. Printing your slides is
relatively easy.
To open the Print dialog box, you can either:
Excessive Text- Minimize text; focus on key points to
prevent overwhelming the audience.
Distracting Transitions- Steer clear of overly flashy
transitions that may distract from the content.

Hit Ctrl+P on your keyboard Inconsistent Fonts/Colors- Maintain a cohesive look by

Or go to the Ribbon and click on File and then Print
Inside the Print dialog box, you can choose from the
various printing settings:
Printer: Select a printer to use (or print to PDF or
OneNote)
Slides: Choose which slides you want to print
using consistent fonts and colors.
Reading Slides- Don't read directly from slides; elaborate
on points to engage your audience.
Overuse of Animation- Use animation sparingly; it should
enhance, not detract.
Ignoring Time Limit- Respect time constraints; ensure
your presentation fits the allocated time.

Layout: Determine how many slides you want per page These guidelines help create a professional and engaging
(this is where you can print the notes, outline, and PowerPoint presentation.
handouts)

Collated or uncollated (learn what collated printing

means here)

Color: Choose to print in color, grayscale or black & white

Guideliness in using PowerPoint

Simplicity- Keep slides simple with concise content.

Visuals- Use relevant images, charts, and graphs to

enhance understanding.

Consistency- Maintain a consistent design and formatting

throughout the presentation.

Bullet Points- Use bullet points for key information,

avoiding lengthy paragraphs.

Font Legibility- Choose readable fonts and ensure

appropriate font sizes.
Practice- Rehearse your presentation to be confident and
fluent.

Overcrowding Slides- Avoid cramming too much

information on one slide.