Html+css web layout 2

42 %
58 %
Information about Html+css web layout 2
Technology

Published on March 4, 2014

Author: mevjy

Source: slideshare.net

Description

HTML + CSS to create navigation bar for website

Webdesigning </> HTML+CSS { } Navigation Bar By: Vijay Kumar Verma (VJY) Roll No-1326910 4-March-2014 1

Purpose What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 2

What is Navigation Bar Navigation Bar = List of Links It is a section of a website or online page intended to aide visitors in travelling through the online document. | It may be set of buttons and graphics typically in row or column | It is used as the central point that link the pages. | Drop Down: A menu of options that appears below the item when the computer user clicks on it. | | BY: VJY 3/4/2014 3

Example Navigation bar BY: VJY 3/4/2014 4

Now What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 5

Lists Tag A number of connected items or names written or printed consecutively, typically one below the other.  Formatting Tags  Lists and the items within them are blocklevel elements.  Types:  1. 2. 3. BY: VJY Numbered lists (called ordered lists) Bulleted lists (called unordered lists), Definition lists, 3/4/2014 6

Example <ol> <li>Adobe Photoshop</li> <li>Adobe Illustrator</li> <li>Adobe After Effect</li> </ol> Adobe Photoshop Adobe Illustrator Adobe After Effect BY: VJY 3/4/2014 7

Now What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 8

CSS Properties | Display | Background | Clear | Border | Float | Text-decoration | Position | List style | Margin | Content | Width | Color BY: VJY 3/4/2014 9

Now What is Navigation Lists tag Some CSS Property Create Navbar BY: VJY 3/4/2014 10

Want to create it? BY: VJY 3/4/2014 11

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

Thank You!

Add a comment

Related presentations

Related pages

HTML- und CSS-Tutorials - Erstellen Sie Ihre eigene ...

Herzlich Willkommen bei HTML.net. ... Schritt 2: CSS lernen. Cascading Style Sheets (CSS) ... Layout. Übersetzung. Sven ...
Read more

Lektion 12: Layout (CSS)gertutorial - HTML.net

Lektion 12: Layout (CSS) - HTML- und CSS-Tutorials ... Beispiel 2: Read more

CSS lernen - Cascading Style Sheets für aktuelles Webdesign

Das World Wide Web Konsortium (W3C) entwickelte CSS, ... Durch die Nutzung von CSS, ist HTML für die Struktur ... CSS in der Version 1 und 2 ist komplett ...
Read more

Layout-Generator: komplettes HTML5 + CSS ... - html-seminar.de

Schritt für Schritt HTML lernen um ... Webdesign erstellen » CSS-Layout-Generator. Layout-Generator. Vorschau: gewünschtes Layout 1 Spalte 2 Spalten ...
Read more

Layout a Page with CSS: Part 1 - CSS Tutorial Part 2

Beginners CSS Tutorial For Web ... to CSS. Part 1; Part 2; CSS Tutorial: Part 1. ... attached to the HTML page. We attach the CSS document with this ...
Read more

HTML & CSS - W3C - World Wide Web Consortium (W3C)

HTML & CSS. On this page → what ... are two of the core technologies for building Web pages. HTML provides the structure of the page, CSS the (visual and ...
Read more

2-Spalten-Layout | Webdesign mit (X)HTML und CSS

Zweispaltiges Layout mit Kopf- und Fußzeile; flexible Breite und Höhe. Onlinebeispiel »Zweispalter flexibel« mit Beschreibung; Download als .zip-Archiv
Read more

2-Spalten-Layout mit CSS - webmaster-crashkurs.de

2-Spalten-Layout mit CSS. Für ein 2-Spalten Layout benötigen wir 2 Container. ... Wenn wir uns den bisherigen HTML-Code in einem Browser ansehen, ...
Read more

HTML Layouts - W3Schools Online Web Tutorials

HTML Layouts Previous Next ... HTML Layout Elements. ... It is common to do entire web layouts using the CSS float property.
Read more

CSS – SELFHTML-Wiki

CSS (Cascading Style Sheets, ... Mit Hilfe von CSS kann die Darstellung von HTML- und XML-Dokumenten auf vielfältige Art verändert werden. Grundlagen.
Read more