Grade 7 powerpoint for HTML and CSS introduction

Course Description:
HTML5 is the latest standard in web page coding. Whether
you’re a new or seasoned web designer, you need to know
the latest in HTML architecture.
HTML5 standards bring several new tags, including tags
that enhance media and animations.
Instead of clunky Flash applications, you use the canvas
tag.

Course Description:
Instead of embedding third-party software for users to
view video or audio, you can use the video and audio tags.

Learn to construct
and analyze webpage
styling using CSS.
Learn the HTML
Fundamentals & CSS
Fundamentals.
Familiarize Document
Structure using HTML.
Apply Accessibility,
Readability and
Testing.
Learn Multimedia
Presentation using HTML.
01
04
02
05
03
COURSE OBJECTIVES

You can enter a subtitle here if you need it
Student Learning Outcomes
Describe introduction to HTML5 and what
basic web design is.
1
Learn how to construct markup that uses
metadata elements.
2
Analyze and implement inline styles,
internal (embedded) style sheets,
external style sheets and analyze rule sets.
3
Learn how to structure content, organizedata,
use HTML5 semantic elements, implement
navigation and use form elements.
4
Construct and analyze markup that displays
image, markup that plays video and video.
5
Construct and analyze styles that position
content, format text, background and
borders, create a simple responsive layout.
6
Construct well-formed HTML and CSS markup
that conforms to industry best practices,
evaluate content accessibility and evaluate
the structural integrity of HTML and CSS
markup.
7

RULES AND REGULATIONS
1. RESPECT EACH OTHER.
2. Maintain classroom cleanliness.
3. One mouth rule.
4. No bullying.
5. When asking, one question at a time.
6. No playing inside the computer laboratory.
7. Observe safety measures.
8. When you don’t know something, don’t afraid
to ask.
9. Strictly follow the above notes.

Alt Ctrl
Ctrl fn Alt
Shift
Caps Lock
Tab
` 1 2 4 5 6 7 0
8 9 - = Backspace
Enter
Shift
I
[ ]
‘
;
L
D F G H J K
E
W
Q
A S
O
I
U
Y
T
R
V
C
X
Z
P
<
M
N
B ?
>
Space
3
Basic Parts
of
Computer
Instructor: Christopher Purcia

Knowledge
Testing time!!
(5mins)

In ¼ sheet of paper,
write atleast 5 parts of
computer hardware.
GOODLUCK! 

A computer is a machine or device that performs processes,
calculations and operations based on instructions provided
by a software or hardware program.
It has the ability to accept data (input), process it, and then
produce outputs.

Central Processing
Unit
Also called a central processor or main
processor—is the most important processor
in a given computer.
Its electronic circuitry executes instructions
of a computer program, such as arithmetic,
logic, controlling, and input/output
operations.
The central processing unit (CPU) is the
brain of a computer.

Motherboard
The motherboard is the main component
of a computer.
It is a large rectangular board with
integrated circuitry that connects the other
parts of the computer including:
CPU ,
RAM,
Disk drives (CD, DVD,hard disk, or any
others) as well as any peripherals connected
via the ports or the expansion slots.

Computer Memory
Computer memory stores information, such
as data and programs for immediate use in
the computer.
The term memory is often synonymous with
the term primary storage or main memory.
An archaic synonym for memory is store.
Computer memory includes several
components, such as:
RAM (Random Access Memory)
ROM (Read-Only Memory)
Hard Disk Drives (HDD) and Solid State
Drives (SSD)
Cache Memory

Random Access Memory (RAM) is the
physical hardware inside a computer that
temporarily stores data.
It is normally found in the memory slots of
the motherboard.
Its role is to serve as the computer's
"working memory" for the information
created by programs.
RAM
Computer Memory

Computer Memory
Read-only memory, or ROM, is a type of
computer storage containing non-volatile,
permanent data that, normally, can only be
read, not written to.
ROM contains the programming that allows
a computer to start up or regenerate each
time it is turned on.
ROM

Computer Memory
Hard Disk Drives (HDD) and Solid
State Drives (SSD)
These are examples of non-volatile storage
devices that store data even when the power
is turned off.
They are used for long-term storage of
programs, documents, and other files.

Computer Memory
Cache memory is a small, high-speed volatile
memory that is located between the CPU and
main memory (RAM).
It stores frequently accessed data to provide
faster access for the CPU.
Cache Memory

Monitor
A computer monitor is an output
device that displays visual information
generated by a computer's graphics
card.
Monitors come in various sizes,
resolutions, and technologies (such as
LCD, LED, OLED) and are used for tasks
ranging from browsing the web to
graphic design and gaming.

Power Supply
A power supply is an electrical device that
supplies electric power to an electrical load.
The main purpose of a power supply is to
convert electric current from a source to the
correct voltage, current, and frequency to
power the load.

CPU
MOTHERBOARD
COMPUTER MEMORY
MONITOR
POWER SUPPLY
KEYBOARD
central processor or main processor and most important processor
main component and
connects other parts of computer
memory stores information
displays visual information
supplies electric power and
convert electric current to correct
voltage, current and frequency
sends a small portion of
information to tell it which
key was pressed.
Mechanical Membrane
1 RAM
2 ROM
3 HDD or SSD
4 CACHE MEMORY
Loud sound
when pressed
Silent sound
when pressed
- temporarily stores data
- can only be read, not written to
- used for long-term storage
- small, high-speed
volatile memory

XII
XI
X
IX III
I
II
VI
VII
VIII IV
V
FUN TIME 

___________ 1. It is the main component and connects other parts of computer.
___________ 2. It supplies electric power and convert electric current to correct voltage,
current and frequency.
___________ 3. It is a type of computer memory that temporarily stores data.
___________ 4. It is a computer hardware that sends small portion of information to tell it which
key was pressed.
___________ 5. It is the central processor or main processor and most important processor.
___________ 6. It is a type of computer hardware that displays visual information.
___________ 7- 8. Difference between Mechanical type keyboard to Membrance type keyboard.
___________ 9. It is a type of computer memory that is small but have a high-speed volatile memory.
___________ 10. Control the movement of a cursor or pointer on a computer screen.
Instruction: Fill in the blanks.

Keyboard
A keyboard is an input device that is one of
the ways to communicate with a computer.
There are two main different types of
keyboards.
Typing a key from the keyboard sends a
small portion of information to tell it which
key was pressed.
Keyboard Mechanical
Membrane types

Mouse
A computer mouse is an input device used
to interact with a computer or other digital
devices.
It typically consists of a small handheld device
that is moved on a flat surface to control the
movement of a cursor or pointer on a
computer screen.
The mouse usually has one or more buttons
that can be clicked to perform various
actions, such as selecting items, opening
files, and interacting with software
applications.
Two type of mouse:
Wired
Wireless

Computer Case
A computer case, also known as a
computer chassis, is the enclosure that
contains most of the hardware of a
personal computer.
The components housed inside the case
are referred as the internal hardware, while
hardware outside the case are known as
peripherals.

Video Card
Also known as the graphics card, which
processes computer graphics.
More powerful graphics cards are better
suited to handle strenuous tasks, such
as playing intensive video games.

Computer Storage
Computer data storage, often called
storage or memory, refers to computer
components and recording media that
retain digital data.
Data storage is a core function and
fundamental component of computers.

Computer Network
A computer network is a set of computers
sharing resources located on or provided
by network nodes.
Computers use common communication
protocols over digital interconnections to
communicate with each other.

In computing, an input device is a piece of
equipment used to provide data and control
signals to an information processing
system, such as a computer or information
appliance.
Input Device
Examples of input devices include
keyboards, mouse, scanners, cameras,
joysticks, and microphones.

Sound Card
The sound card—also called an audio card
—is responsible for what you hear in the
speakers or headphones.
Most motherboards have integrated sound,
but you can upgrade to a dedicated sound
card for higher-quality sound.

Computer speakers are a common output
device and are used for listening to music,
movies, and other audio.
Loud Speaker
They are available in a range of different
qualities and prices, the more sophisticated
versions having an additional subwoofer to
provide enhanced bass output.

Optical Device
Also required for some gamers are
optical drives – or more commonly known as
your CD drive.
Actually, these aren’t used as much these
days, but occasionally you might still have a
game where you’ll need to either install
from a CD disc, or even more rare now, put
in the CD disc to play.

Output Devices
An output device takes binary information
from the computer and converts it into a
form that is easily understood by the user.

An expansion card in computer is a printed
circuit board that can be inserted into an
expansion slot of a computer motherboard
or backplane to add functionality to a
computer system via the expansion bus.
Expansion Card
Expansions cards can be used to obtain or
expand on features not offered by the
motherboard.

Network Card
The network card enables your computer to
interact over a network and access the
Internet.
It can either connect with an Ethernet cable
television or through a wireless connection
(frequently called Wi-Fi).
Many motherboards have built-in network
connections, and you can also include a
network card to a growth slot.

Power Supply Unit
A power supply unit converts mains AC to
low-voltage regulated DC power for the
internal components of a computer.
Modern personal computers universally use
switched-mode power supplies. Some
power supplies have a manual switch for
selecting input voltage, while others
automatically adapt to the main voltage.

Computer Fan
Fans are the cooling units that keep PCs
from overheating.

A Prayer for Students
Lord our God, in your wisdom and love
you surround us with the mysteries of
the universe.
Send your Spirit upon these students
and fill them with your wisdom and
blessings.
Grant that they may devote themselves
to their studies and draw ever closer to
you, the source of all knowledge.
Amen.

Sends a small portion of information
to tell it which key was pressed.
Control the movement of a cursor
or pointer on a computer screen
Also known as a computer chassis
and contains most of the hardware
of a personal computer.
Also known as the graphics card and
processes computer graphics.
Refers to computer components
and recording media that retain
digital data

A set of computers sharing resources
located on or provided by network nodes
A piece of equipment used to provide
data and control signals to an information
processing system
Also called an audio card and
Responsible for what you hear.
Common output device and are
used for listening
More commonly known as your CD drive

Takes binary information from the computer
and converts it into a form that is easily
understood by the user.
Can be used to obtain or expand on
features not offered by the motherboard
Enables your computer to interact over a
network and access the Internet
Converts mains AC to low-
voltage regulated DC power
Keep PCs from overheating

A joystick (also known as control column) is an
input device that is used by a player to interact
with a computer game.
Joysticks are also used to control various real-life
vehicles, such as airplanes, trucks, wheelchairs,
surveillance cameras, and unmanned underwater
vehicles, which are increasingly computerized.
Computer Joystick

Grade 7 powerpoint for HTML and CSS introduction

Grade 7 powerpoint for HTML and CSS introduction

More Related Content

Similar to Grade 7 powerpoint for HTML and CSS introduction

Recently uploaded

Grade 7 powerpoint for HTML and CSS introduction