Images

Web Page and PowerPoint A visual element of almost every webpage.

Web Page They draw the eye and help direct readers to specific
A document written in hypertext (also known as HTML) parts of the page.
that you can see online, using a web browser. They can illustrate a point and provide additional context
for the subject of the page.
Most web pages include text, photos or videos, and links
to other web pages. A group of many web pages Videos
managed by one person or company is a website. Also add an element of motion and sound to the
presentation.
It can be accessed and displayed on a monitor or mobile
device through a Web browser such as Internet Explorer, 2. Headlines
Mozilla Firefox or Google Chrome. The next most prominent element on most webpages.
Most web designers use some form of typography to
It usually also contain other resources such as style create headlines that are larger and more prominent than
sheets, scripts and images for presentation. the surrounding text.
Users may be able to navigate to other pages through Also, good SEO requires that you use the HTML headline
hypertext links. tags through to represent the headlines in the HTML, as
well as visually.
Web browser is connected to the Web server, where the Well-designed headlines break up the text of a page,
website’s contents are hosted through HTTP. making it easier for visitors to read and process the
content.
Every Web page corresponds to various types of Headline copy is the title you give to your written
information presented to the visitor in a visual and content.
readable manner. This can be the heading of a webpage, an article, or any
piece of copywriting.
What is the purpose and function of web page? Your headline is the first thing a reader sees not only
Its purpose varies depending on its content and the goals because it's the first line, at the top of the page, but also
of its creator. Generally, it functions to provide because it's often in a bigger, bold font
information, entertain, promote products or services,
facilitate communication, or support various online 3.Body Content
activities. The text that makes up the majority of a webpage.
They used to say that "Content is King," which means
What Are the Parts of a Web Page? content is the reason people come to your webpage.
Webpages are made up of several essential parts that all The layout of that content can help them read it more
contribute to the larger whole. effectively.
Constructing the text in paragraphs along with headers
These parts include makes a webpage easy to read, while elements like lists
1. images and videos and links make the text easier to skim.
2. headlines
3 body content 4. Navigation
4. Navigation Most webpages are not stand-alone pages; they are part
5. credits of a larger structure—the website as a whole.
It plays a crucial role for most webpages to keep
Most webpages contain at least three of these elements, customers on the site and reading other pages.
and many contain all five. Some webpages may have Webpages can also have internal navigation for especially
other areas as well, but these five are the most common. long pages with lots of content.
It helps your readers stay oriented and makes it possible
1. Images and Videos 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 Add animations & transitions (optional)
presentations consisting of a series of separate pages or
slides. Save your presentation
A complete presentation graphics package.
Print your presentation
It gives you everything you need to produce a
professional-looking presentation. 1. Start with a Blank Document
What is the purpose and function of PowerPoint? The first thing you’ll need to do is to open PowerPoint.
It was developed by Microsoft. When you do, you are shown the Start Menu, with the
Home tab open.
Purpose:
This is where you can choose either a blank theme
To create visual presentations, combining text, images, (1) or a pre-built theme
charts, and multimedia elements. (2). You can also choose to open an existing presentation
(3).
Used for business meetings, educational lectures, and For now, go ahead and click on the Blank Presentation
various professional settings (1) thumbnail.

To convey information in a visually engaging and The PowerPoint interface

organized manner. Here is how the program is laid out:

Function: The Application Header

To create slideshows that incorporate text, images, The Ribbon (including the Ribbon tabs)
graphics, and multimedia elements.
The Quick Access Toolbar (either above or below the
Users can design and organize content on individual Ribbon)
slides, add transitions between them, and deliver
dynamic presentations. The Slides Pane (slide thumbnails)

What are the 5 parts of a PowerPoint presentation? The Slide Area

Each template includes basic course elements: a title The Notes Pane
slide, a table of contents, chapters, a timeline, and info
slides. Organize them in the order you prefer, populate The Status Bar (including the View Buttons)
them with your texts and images, and your presentation
is ready to go.
Each one of these areas has options for viewing certain
Steps/Strategies in making a PowerPoint presentation parts of the PowerPoint environment and formatting your
presentation.
Start a blank presentation
The PowerPoint Ribbon
Type text into your title slide The Ribbon is contextual. That means that it will adapt to
what you’re doing in the program.
Insert more slides

Add content to slides For example, the Font, Paragraph and Drawing options
are greyed out until you select something that has text in
Change the design it
Furthermore, if you start manipulating certain objects, In addition, you can add sections to your presentation by
the Ribbon will display additional tabs, as seen above, right-clicking anywhere in this Pane and selecting Add
with more commands and features to help you work with Section.
those objects. The following objects have their own
additional tabs in the Ribbon which are hidden until you Sections are extremely helpful in large presentations, as
select them: 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 That means that if you are using a company template, it
options on the slide level that you won’t find on the might say something different, but the functionality is the
Ribbon, such as Duplicate Slide, Delete Slide, and Hide same.
Slide. 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 4. Adding Content to Your Slides
Options icon to the left of the placeholder and selecting On slide 2 we have a Content Placeholder, which allows
Stop Fitting Text to this Placeholder. you to add any kind of content. That includes:
You can make formatting adjustments to your text by
selecting the commands in the Font area and the Text,
Paragraph area of the Home tab of the Ribbon.
A table,
The Reset Command: If you make any changes to your
title and decide you want to go back to how it was A chart,
originally, you can use the Reset button up in the Home
tab. A SmartArt graphic,

3. Insert More Slides into Your Presentation A 3D object,

Now that you have your title slide filled in, it’s time to add
more slides. A picture,

Simply go up to the Home tab and click on New Slide. A picture from the web,

Insert a new slide in your presentation right after the one

you were on. A video,

You can alternatively hit Ctrl+M on your keyboard to Or an icon.

insert a new blank slide in PowerPoint.
To insert text, simply type it in or hit Ctrl+C to Copy
Instead of clicking the New Slide command, you can also (details here) and Ctrl+V to Paste (details here) from
open the New Slide dropdown to see all the slide layouts elsewhere. To insert any of the other objects, click on the
in your PowerPoint template. Depending on who created appropriate icon and follow the steps to insert it.
your template, your layouts in this dropdown can be
radically different. 5. Change the Overall Design (optional)
You can use the Design tab to change the look and feel of
If you insert a layout and later want to change it to a your slides.
different layout, you can use the Layout dropdown
instead of the New Slide dropdown. Picking your PowerPoint slide size
For example, your presentation might not be presented,
After inserting a few different slide layouts, your but instead converted into a PDF or printed and
presentation might look like the following picture. Don’t distributed. In that case, you can easily switch to the
worry that it looks blank, next we will start adding standard dimensions with a 4:3 ratio by selecting from
content to your presentation. the dropdown (A).

You can also follow this simple strategy. You can also choose a custom slide size or change the
Title Slide slide orientation from landscape to portrait in the Custom
Slide Size dialog box (B).
Title and Content
Selecting a PowerPoint Theme
Section Header We started with a blank presentation, which uses the
default Office theme as you can see in the picture below.
Two Content
If you’re comfortable with this, you can stay with the
Picture with Caption default theme or create your own custom theme (read
our guide here). But if you would rather not have to think 3. Play the slide in Slide Show Mode
about design, then you can choose a pre-designed theme.
How to add transitions to your PowerPoint presentation
To select a different theme, go to the Design tab in the Transitions are the movements (or effects) you see as
Ribbon, and click on the dropdown arrow in the Themes you move between two slides.
section.
To add a transition to a PowerPoint slide, simply:
How to change your fonts in PowerPoint
Each PowerPoint theme comes with its own font  Select the slide
combination. By default, the Office theme includes the
Office font pairing. This affects the fonts that are  Go to the Transitions tab in the Ribbon
automatically assigned to all text in your presentation.
 In the Transitions to This Slide area, click on the
6. Adding Animations & Transitions (optional) dropdown arrow to view your options
Animations are movements that you can apply to
individual objects on your slide.  Select the transition you want

To consider using animations and transitions. These are

by no means necessary to a good presentation, but they How to add transitions to your PowerPoint presentation
may be helpful in your situation. To adjust the settings of the transition, explore the
options in the Timing area of the Transitions tab.

Adding PowerPoint animations 7. Save Your PowerPoint Presentation

You can do this in several different ways
Animations are movements that you can apply to
individual objects on your slide. To save a PowerPoint presentation using your Ribbon,
simply:
To add a PowerPoint animation to an element of your
slide, simply: Navigate to the File tab

 Select the element Select Save As on the left

 Go to the Animations tab in the Ribbon Choose where you want to save your presentation

 Click on the dropdown arrow to view your Name your presentation and/or adjust your file type
options settings

 Select the animation you want Click Save

You can add animations to multiple objects at one time

by selecting them all first and then applying the You can alternatively use the Ctrl+S keyboard shortcut to
animation. save your presentation. I recommend using this shortcut
frequently as you build your presentation to make sure
How to preview a PowerPoint animation you don’t lose any of your work.
There are three ways to preview a PowerPoint animation:
Now that your presentation is saved to that location on
1. Click on the Preview button in the Animations tab your computer, you can open, present, and send tit to
others. Below is an example of what your presentation
2. Click on the little star next to the slide will look like in a file folder.
8. Printing Your PowerPoint Presentation Excessive Text- Minimize text; focus on key points to
After finishing your PowerPoint presentation, you may prevent overwhelming the audience.
want to print it out on paper. Printing your slides is
relatively easy. Distracting Transitions- Steer clear of overly flashy
transitions that may distract from the content.
To open the Print dialog box, you can either:

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

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