Scribd
Upload
40 views

Elements Parts of A Web Page

The document outlines different elements or parts of a web page design including images, headlines, body content, navigation, and credits. Images draw the eye and help direct readers. Headlines are larger than surrounding text. Body content is the main text people come to read. Navigation helps readers stay oriented and find their way around the page and site. Credits provide details about the page creators.

Uploaded by

James Lao Tapia
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
40 views

Elements Parts of A Web Page

The document outlines different elements or parts of a web page design including images, headlines, body content, navigation, and credits. Images draw the eye and help direct readers. Headlines are larger than surrounding text. Body content is the main text people come to read. Navigation helps readers stay oriented and find their way around the page and site. Credits provide details about the page creators.

Uploaded by

James Lao Tapia
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 8

Elements or

Parts of a web page design

W E B PA G E / H T M L C L A S S
Images

visual element of almost every Web page.


They draw the eye and help direct readers to
specific parts of the page.
most high quality Web pages have several high
quality images to both decorate and inform the page.
Headliners

headlines or titles are the next most prominent


element on most Web pages.
Most Web designers use some form of typography
to create headlines that are larger and more
prominent than the surrounding text
Body content

is the text that makes up the majority of your Web


page.
Content is why people come to your Web page and
the layout of that content can help them read it more
effectively.
Using items like paragraphs and page widths can
make a Web page easier to read
elements like lists and links make the text easier to
skim.
Navigation

Most Web pages are not stand-alone


pages, they are part of a larger structure - the website.
keep customers on the site and reading other pages.

Internal navigation, especially long pages with lots of


content.
External navigation, for pages outside your own website.
 Ex. multiply.com, facebook.com, google.com
Navigation helps your readers stay oriented and make it
possible for them to find their way around the page and
the site as a whole.
Credits

the informational elements of a page that aren't


content or navigation
provide details about the page.
Includes:
 the publication date, copyright information, privacy policy
links, and other information about the designers, writers, or
owners of the Web page.
Most Web pages include this information at the
bottom, but you can also include it in a sidebar, or
even at the top if it fits with your design.
Vocabulary

Font face Types


San Serif – fonts with no end tails
ex. Arial, Tahoma, Verdana

Serif – fonts with end tails


ex. Times new roman
Kerning
the amount of space between letters. While you often
don't have to change this on Web pages, you might
want tighter or looser kerning to get an effect. You do
this with the letter-spacing property:

Leading
The space between lines of type. In CSS, this is
referred to as line-height.
Leading is a form of micro whitespace that allows you
to control the legibility of text on Web pages.

You might also like