Html+css web layout
Download as PPTX, PDF•2 likes•1,275 views
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: 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
- 7. 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
- 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
- 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@ [email protected]
- 15. Thank You!