Html+css web layout

•Descargar como PPTX, PDF•

2 recomendaciones•1,251 vistas

Vijay Kumar Verma

Creating Web Layout using HTML and CSS

Tecnología

Webdesignin
g
HTML+CSS

{ }

</>

Layout Creation
By:

Vijay Kumar Verma (VJY)
Roll No-1326910
28-Feb-2014

1

Purpose
Understand HTML+CSS
What is Class & ID
How to work with DIV
Layout From scratch
BY: VJY

2/28/2014

2

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

2/28/2014

3

Now
Understand HTML+CSS
What is Class & ID
How to work with DIV
Layout From scratch
BY: VJY

2/28/2014

4

CSS Class & ID
Selector

Declaration

.myid

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

|

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

2/28/2014

5

Now
Understand HTML+CSS
What is Class & ID
How to work with DIV
Layout From scratch
BY: VJY

2/28/2014

6

DIV Tag
|

Defining a section of your document.

|

Group elements

|

Block Level Tag.

|

It create layers.

|

Faster Loading

|

Smaller file size

BY: VJY

2/28/2014

7

DIV Tag

(Cont..)

<body>
<div> <!—Wrapper-->

<div>First Block</div>
<div>Second Block</div>

</div>
</body>
BY: VJY

2/28/2014

8

Now
Understand HTML+CSS
What is Class & ID
How to work with DIV
Layout From scratch
BY: VJY

2/28/2014

9

Web Layout
|

Web layouts ensure that art is properly
oriented to match the design scheme
and specification of form and fill
equipment.

|

Types:
Fixed
b. Liquid
c. Elastic
a.

BY: VJY

2/28/2014

10

Requirements
|

A text editor (Notepad++)

|

An image editor (Photoshop)

|

Browser (Firefox)

|

Some passion and mind 

BY: VJY

2/28/2014

13

Have Any Question?
Just Ask!
Post Query On

facebook.com/groups/sviet.mca
Email@

vjy.softworx@gmail.com

Más contenido relacionado

Similar a Html+css web layout

CSS Designer CertificationVskills

Html predestination - must everyone haveDailyReminder1

Punit summer traning report.pdfAliFaramarz

Learn html and css from scratchMohd Manzoor Ahmed

Fewd week2 slidesWilliam Myers

Dojo and Zend FrameworkKuldeep Singh

Introductory css and j queryFUTURE INSTITUTE MANAGEMENT AND ENGINEERING , SONARPUR

Html5 101Mouafa Ahmed

Css.htmlAnaghabalakrishnan

Cascading Style Sheets - Part 01Hatem Mahmoud

#4 - CSS Selectors, CSS3 and Web typographyiloveigloo

CSS101 - Concept Fundamentals for non UI DevelopersDarren Gideon

FFW Gabrovo PMG - CSSToni Kolev

Introduction to HTML and CSSMario Hernandez

CAD CertificationVskills

Style and SelectorYaowaluck Promdee

RenoirSt - A DSL enabling programmatic cascading style sheet generationGabriel Omar Cotelli

Completing Your Design with WordPressChelsea Otakan

div tag.pdfKongu Engineering College, Perundurai, Erode

wd project.pptxdsffsdf1

Similar a Html+css web layout (20)

CSS Designer Certification

Html predestination - must everyone have

Punit summer traning report.pdf

Learn html and css from scratch

Fewd week2 slides

Dojo and Zend Framework

Introductory css and j query

Html5 101

Css.html

Cascading Style Sheets - Part 01

#4 - CSS Selectors, CSS3 and Web typography

CSS101 - Concept Fundamentals for non UI Developers

FFW Gabrovo PMG - CSS

Introduction to HTML and CSS

CAD Certification

Style and Selector

RenoirSt - A DSL enabling programmatic cascading style sheet generation

Completing Your Design with WordPress

div tag.pdf

wd project.pptx

Más de Vijay Kumar Verma

Oo methodologyVijay Kumar Verma

XML XSLTVijay Kumar Verma

XML_schema_StructureVijay Kumar Verma

Introduction to Java ScriptVijay Kumar Verma

Php introduction and configurationVijay Kumar Verma

Security threats ecomVijay Kumar Verma

Dwm temporal measureVijay Kumar Verma

Html+css web layout 2Vijay Kumar Verma

Open gl configuration_march2014Vijay Kumar Verma

Aos distibutted systemVijay Kumar Verma

Más de Vijay Kumar Verma (10)

Oo methodology

XML XSLT

XML_schema_Structure

Introduction to Java Script

Php introduction and configuration

Security threats ecom

Dwm temporal measure

Html+css web layout 2

Open gl configuration_march2014

Aos distibutted system

Último

Story boards and shot lists for my a level piececharlottematthew16

How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3

Advanced Computer Architecture – An IntroductionDilum Bandara

Take control of your SAP testing with UiPath Test SuiteDianaGray10

Powerpoint exploring the locations used in television show Time Clashcharlottematthew16

Search Engine Optimization SEO PDF for 2024.pdfRankYa

SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero

Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely

"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays

DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell

Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge

Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University

Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada

WordPress Websites for Engineers: Elevate Your Brandgvaughan

From Family Reminiscence to Scholarly Archive .Alan Dix

Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB

CloudStudio User manual (basic edition):comworks

Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz

Html+css web layout

1. Webdesignin g HTML+CSS { } </> Layout Creation By: Vijay Kumar Verma (VJY) Roll No-1326910 28-Feb-2014 1

2. Purpose Understand HTML+CSS What is Class & ID How to work with DIV Layout From scratch BY: VJY 2/28/2014 2

3. 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 2/28/2014 3

4. Now Understand HTML+CSS What is Class & ID How to work with DIV Layout From scratch BY: VJY 2/28/2014 4

5. CSS Class & ID Selector Declaration .myid { color: #fff; font-face:Arial; } Property Value | 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 2/28/2014 5

6. Now Understand HTML+CSS What is Class & ID How to work with DIV Layout From scratch BY: VJY 2/28/2014 6

8. DIV Tag (Cont..) <body> <div> <!—Wrapper--> <div>First Block</div> <div>Second Block</div> </div> </body> BY: VJY 2/28/2014 8

9. Now Understand HTML+CSS What is Class & ID How to work with DIV Layout From scratch BY: VJY 2/28/2014 9

10. Web Layout | Web layouts ensure that art is properly oriented to match the design scheme and specification of form and fill equipment. | Types: Fixed b. Liquid c. Elastic a. BY: VJY 2/28/2014 10

11. Example BY: VJY 2/28/2014 11

12. How to create? BY: VJY 2/28/2014 12

13. Requirements | A text editor (Notepad++) | An image editor (Photoshop) | Browser (Firefox) | Some passion and mind  BY: VJY 2/28/2014 13

14. Have Any Question? Just Ask! Post Query On facebook.com/groups/sviet.mca Email@ vjy.softworx@gmail.com

15. Thank You!

Html+css web layout

Recomendados

Recomendados

Más contenido relacionado

Similar a Html+css web layout

Similar a Html+css web layout (20)

Más de Vijay Kumar Verma

Más de Vijay Kumar Verma (10)

Último

Último (20)

Html+css web layout