Session1 gateway to web page development

Gateway to
Web Page development

Gateway to Web Page Development / * of 26

Session Objectives
Explain what is meant by a Web SitesList the purpose of a Web Site Explain how to Design Web pagesSpell out the guidelines for making a Web PageUnderstand what HTML is


Web Site and Web Page
The first page which opens in a Web Site is the HOME pageThere is no restriction with respect to the site sizeOne web site can span over more than one server also


Features of Web Pages

Web pages allow the following features :
Product CataloguesWeb ChatOnline order trackingOnline DemonstrationOnline Feedback System


General Guidelines
Avoid use of too many fontsAvoid too many colours on the same pageUse pastoral colours in corporate and professional slidesUse bright and sharp hues in kids and entertainment slides


Evolution of HTML

Markup Language -it refers to the tags which specify how to incorporate text, graphics, sound and the visual elements

...

Heading Section

Actual Text



HTML Document

Output in Browser

MY First HTML Document

This is the heading of the document

Learn HTML fast and Easy

My First Web Page



Sample HTML

LOOK OF AN HTML DOCUMENT

Welcome to the World of HTML

.Tag

.. Tag



HTML Tags

Headline Tags

Example

This Heading is created using H1 tag






Syntax

.


Paragraph Tag
.
Attributes ALIGN Attribute CENTER LEFT RIGHT
Example

The paragraph

text should be added here within the

tag.

Paragraph Formatting



Font Settings Tags
ATTRIBUTES
FACE

PARAGRAPH SPECIFICATION

Size

PARAGRAPH SPECIFICATION

Color


Font Tags

Color Attribute

Face Attribute

- Terminal for Times

New Roman font

- Arial

- Arial Black

- Courier

- Fixedsys

- Garamond

- Impact

- MS Sans Serif


Colour

Hexadecimal Value

Red

#FF0000

Green

#00FF00

Blue

#0000FF

White

#FFFFFF

Black

#000000

Gray

#808080

Dark Red

#800000

Dark Green

#008000

Dark Blue

#000080

Yellow

#FFFF00

Magenta

#FF00FF

Cyan

#00FFFF

DIV Tag -Used for applying alignment and style characteristics to only a section of a document.DIV AttributeAlignCENTERLEFTRIGHT
The Tag

Syntax


An Example of Tag

Aligning a Block of Content to the Right

You can use a DIV tag to align a block of content to the right.

The content can include anything you like, including tables, images, lists, and so on. Note, however, that right-aligned lists often do not look very neat.



Multicolumn Text

The MULTICOL tag places the text of the document into multiple, equal-width columns

Syntax


Horizontal Line
Tag Attributes WIDTH SIZE
Syntax

Paragraph Specification

Example

Width Attribute

Size Attribute



Body Attribute
BGCOLORBODY TEXT
Text is displayed in red



Text Formatting
Super Script - .
This Is My 7 th Program Using HTML
Sub Script - .
H2O Is The Chemical Name For Water
Strike effect - .. tags.
This Text Will Appear With Strike Effect
Preformatted text - ... tags.


Benefits of HTML
HTML is a simple but powerful formatting language to use. The Web pages can be linked together using links.HTML documents are device independent.


Limitations of HTML
No programming capabilitiesDoes not provide anything more than formatted text, pictures and sound


Session in brief

In this session we covered:
Definition of a Web SiteDesign issues in web sitesDevelopment PhaseThe HTML tagsBody Attributes in HTMLText FormattingThe benefits and limitations of HTML

COLOUR

HEXADECIMAL

VALUE

Red

#FF0000

Green

#00FF00

Blue

#0000FF

White

#FFFFFF

Black

#000000

Gray

#808080

Dark Red

#800000

Dark Green

#008000

Dark Blue

#000080

Yellow

#FFFF00

Magenta

#FF00FF

Cyan

#00FFFF

Date post:	20-Jan-2015
Category:	Education
Upload:	jafar-nesargi
View:	1,137 times
Download:	0 times

Session1 gateway to web page development

Education