Web

Programming

Anitya Gupta
YSAICDS
YSAICDS

Formatting indent: represents the distance between

Paragraphs the edge of the frame and content.

using Style margin: represents the distance between

the indent and the border.
Sheets border: represents the distance between
the margin and padding.

padding: represents the distance

between the border and content.

3/16/2024 2
YSAICDS

Single line css

using style
attribute

<p style="text-align:right">This is some text in a paragraph.</p>

3/16/2024 3
YSAICDS

Style paragraphs
with CSS
<style>
p{
color: navy;
text-indent: 30px;
text-transform: uppercase;
}
</style>

3/16/2024 4
YSAICDS

Hierarchal
Website
Navigation
• The structure of the website
navigation is built from general
to specific.
• Provides a clear, simple path
to all the web pages from
anywhere on the website.

3/16/2024 5
YSAICDS

• Shows the top-level sections/pages of

Global Website the website.
• It is available on each page and lists the
Navigation main content sections/pages of the
website.

3/16/2024 6
Sample Footer Text

• A site map (or sitemap) is a list of pages

Site Map of a web site accessible to crawlers or
users.
• It can be either a document in any form
used as a planning tool for Web design,
or a Web page that lists the pages on a
website, typically organized in
hierarchical fashion.
• Sitemaps make relationships between
pages and other content components. It
shows shape of information space in
overview.
• Sitemaps can demonstrate organization,
navigation, and labeling system.

3/16/2024 7
YSAICDS

Site Map
Example

3/16/2024 8
YSAICDS

Create Top Navigation Bar

3/16/2024 9
YSAICDS

OUTPUT

3/16/2024 10
YSAICDS

Create Bottom Navigation Bar

3/16/2024 11
YSAICDS

Output

3/16/2024 12