HTML, XHTML and CSSWeb Design Part I

Click Menu Site to create a new site root

Set a folder in your computerName the site and create the folder –

click select to finish. Create one images folder inside and

select.

Select

File –Create HTML and Save as index

Create CSS new rule

Always specify Compound

(based on your selection)

Insert Div Tag and create CSS

Layout CSS and a Div Tag is now visible

The first web page is created and must name

as index

CSS Rule Definition – specify width

Box Property

Setting the margin for the

wrapper - put zero to the Box Property

New DIV and Rule for the header

The header DIV goes inside the wrapper DIV –

insertion before end of the tag

Click the CSS panel button to add Rules

Repeat the process for additional DIV’s

The navigation DIV – insertion after tag

of the header

CSS Rule setting from the CSS panel next

Adding Left column DIV and Right column DIV

The column DIV’s –specify to float left or right inside the

BOX property

Click the CSS Rules to edit the specific DIV’s

Email your queries renato.quero@hct.ac.ae

All course materials are available in BbVista for download

Specifically download and review creating web templates presentation.