Il Sito per imparare gratuitamente a fare pagine Web

Oggi: Martedì 24 Novembre 2009   Ore: 13:13
 
Home · XHTML con Style · Primi Passi · Guida HTML · Guida CSS · Guida PHP · F.A.Q. · Scripting · Applets · Grafica Web · Forum · Comunicazioni Scrivimi
 
  Web-Link


Libera Donazione
 Guida XHTML
web-link
·Prefazione
·Gli Strumenti
·La Struttura base
·Il Testo
·Le Liste
·Le Immagini
·Immagini e Testo
·I links
·Links e CSS
·Caratteri speciali
·Colori e Sfondi
·Head e MetaTags
·Box Model
·Posizionare il Box
·Box liquido
·Il Layout
·Le Tabelle -Struttura
·Le Tabelle -Attributi
·I Moduli o Forms
·I Frames o Cornici
·Iframe
·Multimedia Audio
·Multimedia Applet
·Multimedia Script
·On line con FTP
·Alcuni Esempi
·Conclusioni
·Download Guida
web-link
  Fare Web
web-link
·Applets
·Banners
·Blog
·Chat
·Contatori
·DHTML
·E-Commerce
·Editors CSS
·Editors HTML
·Flash
·Forum
·F.T.P.
·Guestbooks
·Grafica
·Iscriz.Mot.Ricerca
·Java Applets
·Java Script
·Mailling List
·Mappe Cliccabili
·Meta Tags
·Mot.ricerca interno
·Scripting
·Sondaggi on-line
·Spazi Web
·Tag Boards
·URL forwarding
·Validatori HTML
·W3C Specifiche
·Web Designer
·Web Master
web-link
Guida XHTML con Style - Ver. 1.1.7 - Ottobre 2006 - By Web-Link
web-link
XHTML e CSS



 
 

Gli Strumenti

Dopo la prefazione rivolta in particolar modo a chi conosce già HTML possiamo ora rivolgere particolare attenzione al principiante che non sa praticamente nulla e che vuole iniziare da zero a costruire la sua prima pagina web nel pieno rispetto delle regole degli attuali standard.

Non è assolutamente necessario aver letto Primi passi HTML mentre diventa obbligatorio leggere prima (o poi) la Guida CSS (entrambe raggiungibili dal menù nella barra superiore.

Una pagina web è una sorta di ipertesto, ovvero testo apparentemente "normale" generato da un comune editor, uno di quei programmi che permettono di scrivere testo, in questo caso il codice, a volte lo stesso che si adopera per scrivere le normali lettere; la differenza consiste nello scrivere "parole" particolari che diventano vere e proprie istruzioni per il browser di navigazione che le legge e le interpreta di conseguenza, queste parole sono chiamate <tags> (elementi), racchiusi fra parentesi angolari < >, caratteristica che consente poi la corretta interpretazione da parte del browser.

Non c'è nulla di particolarmente difficile, non serve avere alcuna precedente esperienza di programmazione; si deve semplicemente seguire le spiegazioni con una certa attenzione e poi provare, provare e riprovare fino ad ottenere il risultato voluto.

Come ho detto non si tratta di un linguaggio vero e proprio di programmazione per il quale é di solito richiesta una certa preparazione di base, si tratta molto più semplicemente di una combinazione di tags (elementi) piuttosto semplici da inserire e direi con non troppe regole da rispettare.

Fare delle buone pagine web non è per niente difficile, i problemi potrebbero nascere quando non ci si accontenta più di semplici pagine o quando queste debbano produrre "effetti speciali", ma questo lo vedremo in seguito; una panoramica più completa su quelli che sono gli elementi (tags) di html è possibile averla consultando la guida HTML dedicata sempre ai principianti, anch'essa di facile consultazione con possibilità di essere scaricata in formato compresso (zip) per essere stampata o consultata comodamente off-line.

Ci siamo dilungati fin troppo, passiamo all'azione e vediamo cosa serve e quali sono gli strumenti necessari per la creazione della nostra prima pagina web in XHTML. Abbiamo detto un editor, cioè uno di quei programmi che si adoperano per scrivere testi, il wordpad o il blocco notes che di solito si trovano a corredo di windows, tanto per fare un esempio, potrebbero andare bene ma anche qualsiasi altro elaboratore di testi potrebbe fare al caso nostro; unica raccomandazione: ricordarsi sempre di salvare il tutto in formato ASCII, cioè puro testo senza aggiunta di formattazioni particolari. Alcuni di questi programmi infatti, word di microsoft per citarne uno, aggiungono dei caratteri particolari che soltanto loro riescono poi a riconoscere e ad interpretare in modo corretto, questi caratteri non vanno per niente d'accordo con il codice xhtml e di conseguenza non vanno adoperati.
Non lasciatevi ingannare dal fatto che word possa esportare in HTML o XML, lasciate perdere, se proprio volete adoperare word e seguire questo corso, salvate in ascii (txt) e rinominate poi il file così salvato in htm o html.

Personalmente vi consiglio di procurarvi un editor specifico per HTML e magari anche un editor per i fogli di stile CSS visto che se ne trovano di potenti ed anche di gratuiti non vedo perché se ne dovrebbe fare a meno. Dovendo parlare di editor HTML, due sono le categorie in cui si suddividono: visuali e testuali.

Quelli visuali non vanno bene per scrivere codice in XHTML per cui li eliminiamo fin da subito, chi avesse fatto pagine web usando questo tipo di editor difficilmente potrà passare a XHTML o convertire quanto già fatto se non mettendo mano in modo testuale al codice prodotto. Su questa pagina troverete invece gli editors CSS che agevolano molto la creazione e la modifica degli stili offrendo un'ampia panoramica su quello che gli stili stessi sono in grado di fare. Esistono poi editors html come Home Site che hanno a corredo un editor di style come Top Style offrendo così in un solo programma entrambi gli strumenti necessari.

E con questo le premesse sono davvero finite, nella prossima lezione potremo finalmente iniziare a fare qualcosa di concreto.

Se avete domande da fare potete scrivere sul forum di supporto, gratuito e aperto a tutti in apposita area XHTML.

  
Andrea Bianchi 
  Sito di riferimento: www.Web-Link.it
Forum di riferimento: www.ilmioforum.com




Valid CSS!

Valid XHTML 1.0 Transitional




per stampare questa pagina




  Potete fare domande e discutere l'argomento sul Forum



  Risorse
· Forum
· F.A.Q.
· Frames
· Scripting
· Applets
· Grafica Web
· Banner Exchange
· Novitànews
weblink
  Servizi
· Sondaggio
· I Files Scaricati
· Segnala il sito
· Leggi Guestbook
· Firma Guestbook
· Banners
weblink
  Linguaggi
· A.J.A.X.
· A.S.P.
· C.G.I.
· C.S.S.
· Flash
· H.T.M.L.
· X.H.T.M.L.
· Java
· JavaScript
· P.E.R.L.
· P.H.P.
· X.M.L.
weblink
  Download
· Primi Passi
· Guida HTML
· Guida CSS
· Guida XHTML
weblink
 
· Home Page Home Page · Aggiungi ai preferiti Aggiungi ai preferiti · Segnala ad un amico Segnala il sito ai tuoi amici ·
 
 

Questa pagina è esclusiva proprietà di © Web-Link © Andrea Bianchi 1997 ~ 2008
Vietata la copia e la distribuzione, anche parziale, senza la previa autorizzazione scritta di Web-Link