Fate un principali horizontale di u situ présenter

Menu Horizontal hannu quasi ogni situ - si hè una parti impurtanti, comu si po 'cu u so aspettu è usability à siducia, o, conversely, Chiedi luntanu i visitori. A Canzona di amparà à crià un principali horizontale elementari: fàrilu "schelitru" à HTML, à ammaistrà u sapè fà di basi di crià. You sicuru pò truvà una principali prontu, ma assai nicer à amparà à sviluppà si te. Hè beddu piacè.

Scuole di a fari lu menu

Avemu pruvate micca à deviate da u straniere, chì numarosi à i figuri, mener, di u mudellu. Prima vi tuccherà à fà una "schelitru" per u nostru listini di HTML, amparà e cumpetenze di basi pi fari lu so listini horizontale. E allura vi ornate, cù fronde, stile. Chì u nostru principali horizontale cuntene 5 voci. A prima virsioni sarà ridiretti in le prima. U sicondu puntu - "About noi". U terzu - "Our volti". Panorama - "Hè simpaticu." Pura Mai - "Contattaci".

HTML-codice pari like this:

Quale ùn cunnosce: tag: U ul veni usatu di l ' na badda, u so' elementi principià cù u li. Li balise lascita di i stili chi sò dumandatu à i ul.

Ul - elementu pezzu di u listinu, ci hà da esse stese à a larghezza. Li hè dinù un pezzu.

So, di creà una index.html. Avemu vincite u nostru codice. A stu puntu, u navigatore screnu una verticale piuttostu cà una principali horizontale. Ma noi cun voi obbiettivu - pi fari un lu menu horizontale di u situ. Per stu avemu bisognu di CSS.

Cosa hè CSS?

S'è vo avete ancu à ammaistrà u sviluppu di i siti, ci hè nicissariu prènniri cunfidenza cu lu cuncettu di Dana cascading Style. In fatti, quessi i reguli di stampatu, prucessu, chì sò dumandatu à elementi differente nantu à e pagine di u Web-site. Sè noi discrìviri l 'uggetti di l'elementi in mudellu HTML, voi vi hannu a ripetiri stu parechje volte, c'arriva un duplication di u listessu pezzi di u corsu. pagina tempu carica in u urdinatore di u me sarà a crisciri. A evitari sta, ci hè una CSS. It suffices pi discrìviri sulu na vota un certu elementu, è tandu solu quì induve à utilizà i pruprietà di un particulare, stile. Hè pussibili a fari la description of micca solu u testu di a pagina iddu stissu, ma dinù in un altru cartulare. Stu vi permette di dumandà a discrizzione di i diversi stili nant'à tutte e pàgine di u situ. Hè dinù còmuda di scambià qualchi pagine, mudificà i CSS-cartulare. linzola Style permetterà à travaglià incù francese fonts nant'à un liveddu di megliu chè u HTML, aiutanu à francà worsening u pagine gràfica di u situ.

Cù Dana Barbutu di sviluppu di lu menu

CSS-Codice di u Menu:

1. # My_1menu {lista-stili: nimu; Courbure: 6; height: 800px; calculation: arregistramentu;}
2. # My_1menu lim {Suebi: manca; Script: Italic 18px arial,;}
3. # My_1menu un {culore: N.756; vede: pezzu; autizza: 55px; linia-altezza: 55px; Courbure: 0px 15px 0px 15px; fond: #dfc; testu-dicurazioni: nimu;}
4. # My_1menu una: Piazza Dante {culore: #foa; fond: # 788;}

Ch'e l'taliannu lu principali CSS horizontale favurèvuli.

# My_1menu - accussi ci hè ncaricu, stile, per elementu UL- cun lang = my_1menu, a lista-stili: nimu - u cummandu à caccià u Obed manca da i muri spittaculu.

height: 800px - a larghezza di u nostru principali hè 800 pixel.

Courbure: 0 - sta Efface u Courbure drentu.

calculation: auto - vyravnivnie principali horizontale à u centru di a nostra pagina.

# My_1menu lim - MASSIGNAC Silvia L li-elementi.

autizza: 55px - altizza lu menu.

# My_1menu una: Piazza Dante - MASSIGNAC stili di elementu e surci quandu hè addurmisciutu.

Noi ùn vi numaru di a tecnica tutti li ligna, cum'è tutti i documentaliste pò calculà u so login quì. Sta basi di l 'usu di stili a lu principali nant'à u situ. Pudete dò un aspettu più finitu è bella, cù images. Stabilisce elementu, ma, per esempiu, fond: indirizzu (img1.png) ripetiri-X. Chì ci sarà fond: indirizzu (img2.png) ripetiri-X per una: Piazza Dante.

Aduprà u vostru core, preferenze criativa. Allora basatu nantu à chì a cunniscenza di quantu à creà una principali sèmplice u situ, vi ponu sviluppà una pagina incù a so cuncezzione unichi.