7 motivi costringenti iniziare a usando CSS per il vostro Web site

| by Bina Omar | February 28, 2005
Se non avete sentito parlare il CSS, è corto per i fogli procedenti in sequenza di stile. Non sto andando passare con che cosa è. Ci sono molti articoli e risorse liberi circa CSS fuori là nel fotoricettore selvaggio selvaggio.

Invece, sto andando ripartirmi con voi perchè ho deciso commutare ad un disegno basato CSS.

Ho saputo circa CSS per abbastanza per un po'ora ma lo ho usato come minimo sui miei luoghi. Pricipalmente per controllare la serie completa di caratteri di difetto usata nei miei Web pagi ed anche definire determinati stili che sembro usare ripetutamente ancora. Non ho preso in mai molta considerazione circa usando il CSS esso sono potenziale più grande.

Indovino che era perché ero già buono a rendere a Web site il senso li ho fatti, cioè usando pospone. Non ho desiderato dovere imparare un senso completamente nuovo di fare le cose che. Così ho attaccato alle tabelle per finchè potrei.

Purtroppo, “finchè potrei„ risultato essere fino alla metà di ultimo mese.

Ha cominciato con la mia zona dei membri del gruppo di lavoro di Web site. Avevo aggiunto una nuova sezione ed avevo avuto bisogno di di aggiornare la mia navigazione. Ho avuto una navigazione di roll-over, graziosa tanto come quella che ho a Make-Your-Own-Web-Sites.com. L'unica differenza è che quando qualcuno scatta sopra un tasto, una navigazione secondaria comparirà sotto.

Ho usato le immagini come miei tasti di navigazione. Così, per aggiungere una nuova sezione, ho dovuto generare una nuova immagine per quella sezione e ridimensionare tutte le altre immagini del tasto in modo da interamente si adattare piacevolmente in una linea. Per superarlo fuori, ho avuto due insiemi delle immagini. Uno per il tasto di difetto ed un altro che sostituisca il tasto di difetto quando qualcuno si libra sopra esso. Quindi, generando un rullo sopra effetto.

Dopo la generazione delle immagini del tasto, ci era inoltre la necessità di usare le tabelle per organizzarle piacevolmente in una fila. E questa tabella intera ha dovuto entrare in una fila nella tabella principale della pagina.

Dopo alcune ore solide in esso, ho cominciato pensare, questo sono pazzesco. Ci deve essere un senso più facile fare questo. Tutto che desiderassi fare era di aggiungere UNA nuova sezione.

Ho fatto una ricerca rapida sulla rete e mi sono reso conto che ci era un senso più facile… che usando il CSS.

Ho speso alcuni articoli della lettura di tempo su CSS. Non così tanto circa che cosa è o come codificare esso ma piuttosto che cosa potrebbe fare ed era I dentro per una sorpresa. Apparentemente, potrebbe fare più di gli ho dato l'accreditamento per. Qui sono giusti alcuni raffreddano le cose circa CSS:

1. Generare il rullo sopra gli effetti con facilità

Il CSS lo rende realmente facile generare il rullo sopra gli effetti. Probabilmente avete visto questo dappertutto il fotoricettore. Se non avete, luppolo giusto sopra a Make-Your-Own-Web-Sites.com. Verificare la navigazione alla parte superiore e la navigazione a destra ed i collegamenti durante il luogo. Questi sono stati fatti usando il CSS soltanto. Nessun immagini richieste. La vista giusta il codice e voi sorgente troverà che la navigazione è una lista unordered semplice.

2. Soddisfare separato dal disegno

Questa sua. punta del A. duro da spiegare. Il senso che migliore possa pensare a per spiegare questo è indicarlo a csszengarden.com. Luppolo là ora. Vedrete una lista degli stili che potete selezionare. Scattare sopra alcuni e vedrete che cosa significo. Il soddisfare rimane lo stesso ma il disegno è completamente differente. Ciò viene in realmente pratico quando vorreste cambiare lo sguardo del vostro luogo senza toccare i vostri Web pagi del HTML. La lima giusta di CSS del cambiamento uno ed il vostro Web site intero ha un nuovo sguardo.

3. Più tabelle… quasi

Più non avete bisogno di vasto uso delle tabelle. Più tabelle di incastramento all'interno delle tabelle. Calcolando fuori che la tabella di chiusura etichetta appartenere a quali tabelle. Cancellando una singola casella di tabella ed avere vostro Web site intero assomigliare al caos. Tranquillo, tuttavia, tabelle di bisogno tabulerete i vostri dati. Ma quello è a questo proposito.

4. Cambiamenti luogo-larghi facili

Dovere cambiare il colore o il formato delle vostre modifiche H1? Tutto che dobbiate fare è di cambiare il colore e graduare una volta nella vostra lima di CSS ed in tutte le modifiche H1 nei vostri Web pagi cambierà.

5. Più progettano gli effetti

Il CSS gli offre più effetti di disegno che il HTML normale. Con il HTML potete cambiare il colore, la serie completa di caratteri e lo stile del vostro soddisfare. Con CSS che potete cambiare il colore della priorità bassa (per esempio regolarlo per ingiallire per generare un effetto del highlighter), generare i bordi, il gioco della lettera del cambiamento, gioco di parola….

6. Tempo di caricamento più veloce

L'uso ridotto della tabella e l'uso ridotto di immagine li condurranno a tempo di caricamento più veloce. Opinione di bisogno I più?

7. Search Engine amichevole

Ora che tutto il vostro codice di disegno è nella vostra lima di CSS, ciò che resta nei vostri Web pagi? Gli avete ottenuto… il soddisfare. Quello non è tutto, con CSS, voi può neppure mettere il vostro testo di navigazione e l'altro soddisfare “del non-soddisfare„ alla parte inferiore della vostra lima del HTML ma farlo “comparire„ al CSS usando superiore. Questo senso, motori di ricerca troverà il soddisfare più importante in primo luogo.

Abbastanza hanno detto. Penso che ora possiate capire perchè sono in modo da eccitato circa la commutazione ad un disegno del luogo basato CSS.

Copyright Bina 2005 Omar

Article Source: http://www.articleset.com



About the Author

Bina runs the WebSite Workshop that provides tools & training to help newbies build web sites. Subscribe to Bina's ezine 'WebBriefcase!' & get your free course on "How to Make Your Own Web Site in 7 Easy Steps" mailto:subscribe@website-workshop.com » Read more articles by Bina Omar
You are welcome to publish or reprint this article free of charge, provided: