Downloaded 30 times
Uploaded byVijay Kumar Verma
Html+css web layout
The document is a presentation on HTML and CSS by Vijay Kumar Verma. It discusses the purpose of understanding HTML and CSS, what they are, how classes and IDs work in CSS, how to use the DIV tag to create document sections and layers, the different types of web layouts, and provides an example layout. It also outlines the requirements and process for creating a web layout from scratch.
Html+css web layout
- 1. Webdesignin g HTML+CSS { } </> Layout Creation By: VijayKumar Verma (VJY) Roll No-1326910 28-Feb-2014 1
- 2. Purpose Understand HTML+CSS What isClass & 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 isClass & 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 isClass & ID How to work with DIV Layout From scratch BY: VJY 2/28/2014 6
- 7. DIV Tag | Defining asection of your document. | Group elements | Block Level Tag. | It create layers. | Faster Loading | Smaller file size BY: VJY 2/28/2014 7
- 8. DIV Tag (Cont..) <body> <div> <!—Wrapper--> <div>FirstBlock</div> <div>Second Block</div> </div> </body> BY: VJY 2/28/2014 8
- 9. Now Understand HTML+CSS What isClass & ID How to work with DIV Layout From scratch BY: VJY 2/28/2014 9
- 10. Web Layout | Web layoutsensure 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.
- 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? JustAsk! Post Query On facebook.com/groups/sviet.mca Email@ vjy.softworx@gmail.com
- 15.