LORETTA B. forum
Linguaggi di programmazione => Html, Xhtml e CSS => Topic aperto da: bloum - Gennaio 23, 2009, 05:44:36
-
:ciao: a tutti
allora siete pronti a scrivere sul web le vostre prime parole? Si? Ok si inizia
Apriamo Kompozer, il nostro editor visuale, per chi ha scelto l'editor testuale può passare direttamente sotto alla pagina codice
Allora io ho preparato una cartella che ho chiamato Corso_xhtml e al suo interno ho creato un'altra cartella chiamata img. Create le cartelle apriamo il nostro editor
si apre una finestra con una pagina senza titolo, allora noi come prima cosa andiamo su file e scegliamo salva con nome, si apre una finestrella e scriviamo pagina, come da immagine qui sotto
(http://i485.photobucket.com/albums/rr218/bgpweb/Xhtml%20e%20Css/lez1_01.jpg)
diamo l'ok e vediamo che si apre una finestra che ci chiede come salvare il file, dobbiamo scrivere pagina.html e scegliere da salva come: tutti i
(http://i485.photobucket.com/albums/rr218/bgpweb/Xhtml%20e%20Css/lez1_02.jpg)
Ci siamo? Ok andiamo avanti
A questo punto dovremmo avere tutti questa schermata, controllate i cerchi rossi
(http://i485.photobucket.com/albums/rr218/bgpweb/Xhtml%20e%20Css/lez1_03.jpg)
Ora scriveremo nella finestra pagina "Questa è la nostra prima pagina web" e salviamo
(http://i485.photobucket.com/albums/rr218/bgpweb/Xhtml%20e%20Css/lez1_04.jpg)
Ora andiamo a vedere il codice cosa dice, qui si possono collegare coloro che hanno scelto l'uso dell'editor testuale, che dovranno copiare il codice dell'immagine sottostante
(http://i485.photobucket.com/albums/rr218/bgpweb/Xhtml%20e%20Css/lez1_05.jpg)
Per comodità riporto il codice
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-15" />
<title>pagina</title>
</head>
<body alink="#000088" bgcolor="#ffffff" link="#0000ff"
text="#000000" vlink="#ff0000">
Questa è la nostra prima pagina web
</body>
</html>
Andiamo ad esaminare questo linguaggio alieno
Il Doctype è una dichiarazione che fornisce le informazioni relative alla pagina che andiamo a comporre.
HTML è il tipo di linguaggio usato
Public significa che il documento è pubblico
W3C significa che il documento si riferisce alle specifiche rilasciate dal W3C, che è l'organo che ha lo scopo di rendere il contenuto della rete accessibile a tutte le persone, indipendentemente da hardware e software utilizzati, lingua nativa, cultura, dislocazione geografica, ecc..
DTD è la dichiarazione del documento a cui fa riferimento "Document Type Definition"; le dichiarazioni possibili sono tre:
Transitional, è una versione temporanea, per consentire il passaggio da una specifica all'altra. Nella DTD transitionali i tag deprecati sono ammessi.
Strict, è una DTD particolarmente rigorosa: esclude ogni elemento che riguarda il layout (la cui formattazione è affidata all'utilzzo dei CSS) e non è consentito l'uso degli elementi deprecati.
Frameset, è la DTD che riguarda i frames.
Poi abbiamo il tag head, al cui interno contiene i metatag, che analizzeremo in seguito e il titolo del documento, informazioni che vengono utilizzate dai motori di ricerca
Poi il tag body, ovvero la pagina vera e propria, cioè quella che si vede dal browser.
All'interno del tag body troviamo alcune dichiarazioni di stile, ovvero alink, bgcolor,link,text e vlink, vediamo cosa significano
bgcolor= imposta un colore di sfondo
text= colore del testo del documento
link,alink e vlink = servono per i collegamenti ad altre pagine, ma anche questo lo vedremo in seguito.
Beh direi che come prima lezione può bastare, pasticciate un po' e fatemi sapere cosa ne pensate
:Party133: