Sei sulla pagina 1di 3

sintassi minima html:

<html>
<head>
<title> titolo pagina </title>
</head>
<body> contenuto </body>
<!--commenti-->
</html>

i contenuti vanno nel body:


titoli paragrafo: <h1>....</h1> fino a <h6>.... </h6> (h6 piccolo, h1 grande, lo
gicamente sulla pagina si va in ordine decrescente, se è necessario un h1 dopo un
h6 allora è necessaria una nuova pagina (semanticamente) )

programma per scrittura : ps-pad

<b> grassetto TIPOGRAFICO </b>


<strong> grassetto SEMANTICO </strong>
<br /> barake: vado a capo ma nello stesso paragrafo
<p> inizio e fine paragrafo </p>
di solito si fanno paragrafi brevi (max 4-5 righe) e si spaziano con riga bianc
a, raramente si usa BR
<i> corsivo tipografico </i>
<em> corsivo semantico </em>
<code> codice di un certo tipo, serve per citare istruzioni html </code>
<blockquote> citazione, effetto tabulazione </blockquote>
<ul> (lista non ordinata unordered list)
<li> elemento 1 </li
" elemento 2 "
" elemento 3 "
</ul>

<ol> lista ordinata con numeri

elementi separati da
nessun segno di interpunzione
virgola (se elementi di una sola parola)
punto e virgola (se frasi)

<a href = " LINK cliccabile sempre con http:// " > nome del link </a>
^
|
target = "_blank" apre il link in una nuova scheda, dovrebbe essere segnalato
perchè non è "educato" aprire finestre a tradimento

immagini sempre con suffisso visualizzato (sul web solo png, jpg e gif)
<img src = "indirizzo immagine. suffisso "> si tratta di INDIRIZZO RELATIVO, non
http ma nome del file sulla macchina dove si trova
si scrive tutto senza accenti e senza spazi
indirizzo relativo senza / implica che il file non è in sottocartelle, se no bisog
na indicarlo o non viene trovato es: cartella/nome immagine.suffisso

<img alt = "descrizone contenuto immagine in non più di 3 parole" src = "nome file
.estensione"> descrizione ALTERNATIVA, serve per i non vedenti che navigano, il
loro interprete legge la descrizione dell'immagine, google PRETENDE i tag alt su
lle immagini
<img..........estensione" width="num" height "num"> meglio evitare, non scala l'
immagine viene solo visualizzata più piccola. NUMERI=pixel, se no PERCENTUALE
si può inserire l'immagine collegata a un link (cliccando si apre una pagina)

<a href = " LINK cliccabile sempre con http:// " > nome del link
<img src = "indirizzo immagine. suffisso ">
</a>
si possono mettere immagini prese da internet inserendo l'indirizzo http:// ----
> INDIRIZZO ASSOLUTO

EMBEDDING
youtube.com/create

embed e obbject richiedono un codice flash, Iframe invece no


si copia il codice e si incolla nella pagina

CMS
servizi che permettono di creare siti, i più grandi sono droopal, joomla e wordpre
ss
thin quarterly: rivista di google su wordpress
wordpress.com ---> gratuito, simile a posterous, tumblr ecc.... (login: carlotta
marchioni)
ha alcune limtiazioni: spazio limitato, limitazioni su plug-in e template
wordpress.org---> pagina di download, wordrpress scritto in PHP--> produce html
funziona solo se installato su un server web
acquistare dominio: aruba
sempre hosting LINUX
si deve acquistare anche un database sql
non attivare dominio.it!

WORDPRESS
post: categorie (slug: nome della categoria usato da wordpress, non si edita)
tag: si intersecano con le categorie
compiti: chiamare gli object: cognomenome.svf

Potrebbero piacerti anche