Presentation is loading. Please wait.

Presentation is loading. Please wait.

Web Publishing1 HTML 1- 2. Web Publishing2 HTML HTML & WYSIWYG, struttura & lay-out!! testo.

Similar presentations


Presentation on theme: "Web Publishing1 HTML 1- 2. Web Publishing2 HTML HTML & WYSIWYG, struttura & lay-out!! testo."— Presentation transcript:

1 Web Publishing1 HTML 1- 2

2 Web Publishing2 HTML HTML & WYSIWYG, struttura & lay-out!! testo

3 Web Publishing3 La mia pagina di esempio Questa è una pagina HTML Editor? Il primo “mark-up”in html

4 Web Publishing4 Heading … Attributi: align=left|center|right

5 Web Publishing5 Paragrafo Divis. Attributi: align=left|center|right Break Line Attributi: clear=left|right|all

6 Web Publishing6 Unordered List Attributi: type=disc|square|circle List Item Attributi: type=disc|square|circle

7 Web Publishing7 Ordered List Attributi: type=1|a|A|i|I start=numero List Item Attributi: type= 1|a|A|i|I value=numero

8 Web Publishing8 Def. List Term Name Term Def

9 Web Publishing9 Commenti

10 Web Publishing10 Tutto sui link! –relative path

11 Web Publishing11 Link e Ancore Interni e remoti URL

12 Web Publishing12 URL ftp://ftp.foo.com/home/foo/homepage.html file:///dir1/dir2/file mailto:internet_ _address gopher://gopher.myhost.com/

13 Web Publishing13 Stili semantici Em, strong, dfn, code, samp, Kbd, var, cite

14 Web Publishing14 Font Style,,,,,,,,,

15 Web Publishing15 Preformatted Text supporta i tag: IMG, B, SUP, SUB, SMALL, BIG, FONT

16 Web Publishing16 H rule Attributi: align=left|center|right noshade size=numero width=numero|percentuale

17 Web Publishing17 Indirizzo

18 Web Publishing18 Quotation

19 Web Publishing19 Crea tu!!!

20 Web Publishing20 I tipi di Immagine Tipi: –Interne ed Esterne includerle: – SRC ~ HREF –ALIGN= TOP|MIDDLE|BOTTOM –VSPACE= –HSPACE=

21 Web Publishing21

22 Web Publishing22 –ALIGN=LEFT|RIGHT BR –CLEAR=LEFT|RIGHT|ALL

23 Web Publishing23

24 Web Publishing24 Immagini e link BORDER= Motorcycle Maintenance: Removing Spark Plugs Removing Spark Plugs On to "Gapping the New Plugs" Back to "When You Should Replace your Spark Plugs" Up To Index

25 Web Publishing25 Immagini esterne? I grew some really huge tomatos in my garden last year

26 Web Publishing26 alternative ALT=“il mio logo”  ( ) Moo (oo) \ /*****\ || | \ ||****W|| * || ||

27 Web Publishing27 Dimensioni e previews WIDTH HEIGHT LOWSRC

28 Web Publishing28 Font & body color N. esadecimale # #FFFFFF Black, White, Green, Maroon, Olive, Navy, Purple, Gray, Red, Yellow, Blue, Teal, Lime, Aqua, Fuchsia, or Silver BODY –BGCOLOR –TEXT, LINK, VLINK, ALINK –BACKGROUND=“images.gif” FONT –COLOR=

29 Web Publishing29 Quando usare immagini IL meno possibile!! ALT compresse le stesse!!

30 Web Publishing30 Pagine leggibili da tutti i browser Usa intestazioni e sottotitoli significativi usa liste e menù a lista

31 Web Publishing31 Navigational link back, up level and home non troppa enfasi non usare intere frasi come hiperlinks usa un layout uniforme max 60K in ogni pagina!! Max 65k colori per le foto! Firma le pagine:address contact information (web master) stato della pagina last revised copyright information

32 Web Publishing32 Tabelle Caption heading data border

33 Web Publishing33 Tabelle TABLE –BORDER –ALIGN=left|right BR –CLEAR=left|right|all CAPTION –ALIGN=top|bottom TR TH TD –ALIGN=left|center|right TH TD –ROWSPAN –COLSPAN

34 Web Publishing34 in generale dinamica puoi usare e TABLE –WIDTH=numero o numero% –CELLSPACING=2 –CELLPADDING=2 –BGCOLOR= TH TD –WIDTH=numero o numero% –BGCOLOR= Altezza e larghezza celle

35 Web Publishing35 Costruiscila te!

36 Web Publishing36 Going live on the web


Download ppt "Web Publishing1 HTML 1- 2. Web Publishing2 HTML HTML & WYSIWYG, struttura & lay-out!! testo."

Similar presentations


Ads by Google