Html+css web layout

Webdesigning

By:

Vijay Kumar Verma (VJY)Roll No-1326910

HTML+CSS

</> { }

Layout Creation

128-Feb-2014

PurposeUnderstand HTML+CSS

What is Class & ID

How to work with DIV

Layout From scratch

BY: VJY 204/10/2023

What is HTML & CSS| A Markup Language to Create Website.| CSS is used to describing the look and

formatting of webpages.| Pure HTML is just responsible to create

simple webpages| XHTML have strict rules for their syntax.| DHTML= HTML+CSS+DOM+JS| The DOM defines a standard for accessing

documents.BY: VJY 304/10/2023

NowUnderstand HTML+CSS

What is Class & ID


Layout From scratch

BY: VJY 404/10/2023

CSS Class & ID

| Id selector: style for a single, unique element.

| (#) dot is used for Id

| Class selector: style for a group of elements.

| (.) dot is used for class

BY: VJY 504/10/2023

{ color: #fff; font-face:Arial; }

.myid

DeclarationSelector

Property Value


What is Class & ID


Layout From scratch

BY: VJY 604/10/2023

DIV Tag (Cont..)

<body>

<div> <!—Wrapper-->

<div>First Block</div>

<div>Second Block</div>

</div>

</body>

BY: VJY 804/10/2023


What is Class & ID


Layout From scratch

BY: VJY 904/10/2023

Web Layout| Web layouts ensure that art is

properly oriented to match the design scheme and specification of form and fill equipment.

| Types:a. Fixed

b. Liquid

c. ElasticBY: VJY 1004/10/2023

Example

BY: VJY 1104/10/2023

How to create?

BY: VJY 1204/10/2023

Requirements| A text editor (Notepad++)

| An image editor (Photoshop)

| Browser (Firefox)

| Some passion and mind

BY: VJY 1304/10/2023

Have Any Question?

Just Ask!

Post Query On

Email@

facebook.com/groups/sviet.mca

[email protected]

Thank You!

Html+css web layout

Technology

Transcript of Html+css web layout