Scribd Logo
Carica

Benvenuto in Scribd!

  • Web Programming

    Caricato da

    Carla Cirino
    5 visualizzazioni2 pagine
    wp

    Copyright

    © © All Rights Reserved

    Formati disponibili

    TXT, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    wp

    Copyright:

    © All Rights Reserved
    Scarica in formato TXT, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    5 visualizzazioni2 pagine

    Web Programming

    Caricato da

    Carla Cirino
    wp

    Copyright:

    © All Rights Reserved
    Scarica in formato TXT, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 2

    WORLD WIDE WEB=> ipermedia distribuito a livello mondiale

    W3C emette gli standard del World Wide Web


    HTML=> HyperText Markup Language (versione html 5)->linguaggio per la realizzazi
    one di documenti ipertestuali, per definire la struttura della pagina
    A questo si aggiungono CSS (linguaggio per descrivere i fogli di stile, si occup
    a della parte grafica)
    Linguaggi di scripting client side (piccoli pezzi di programma eseguiti da brows
    er-> ad esempio Javascript)
    Web dinamico e programmazione serverside
    WEB STATICO E WEB DINAMICO
    HTML 5: un linguaggio di markup, contiene una serie di tag ben definiti.
    XML un metalinguaggio per definire linguaggi di markup con una serie di regole p
    er generarli.
    <!DOCTYPE html> ( una dichiarazione per far capire al browser che si tratta di un
    file html
    <html>
    <head> (sono intestazioni)
    <title>Page Title</title>
    </head>
    <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    </body>
    </html>
    All HTML elements can have attributes
    The HTML title attribute provides additional "tool-tip" information
    The HTML href attribute provides address information for links
    The HTML width and height attributes provide size information for images
    The HTML alt attribute provides text for screen readers
    At W3Schools we always use lowercase HTML attribute names
    At W3Schools we always quote attributes with double quotes
    (web semantico)
    ATTRIBUTI:
    Ogni elemento presenta degli attributi specifici e altri generali:
    -style="property:value"; (in tutti i tag) ad esempio generale, ma anche id (p#p0
    1)
    Per definire degli attributi che non valgono in generale ma solo per un gruppo,
    si pu definire l'attributo generale class
    Styling can be added to HTML elements in 3 ways:
    Inline - using a style attribute in HTML elements
    Internal - using a <style> element in the HTML <head> section
    External - using one or more external CSS files
    LINK:mediante il tag <a href="url">testo link</a> (href specifico di a che il ta
    g ancora)
    L'ancora pu avere quattro stati: link, visited, hover, active (a:link, a:visited,
    a:hover, a:active)
    Un altro attributo dell'ancora il target specifies where to open the linked docu

    ment.
    _blank
    _self
    efault)
    _parent
    _top

    Opens the linked document in a new window or tab


    Opens the linked document in the same frame as it was clicked (this is d
    Opens the linked document in the parent frame
    Opens the linked document in the full body of the window

    ancora all'interno di una stessa pagina


    <a href="#tips">Visit the Useful Tips Section</a>
    <a href="html_tips.htm#tips">Visit the Useful Tips Section</a>
    tag img ha un attributo importante che il src (path dell'immagine da caricare),
    alt (si pu mettere o meno, testo alternativo), style="width:;height:"
    Oppure widht e height possono essere attributi singoli (approccio deprecato); im
    magine con attributo float
    IMAGE MAP (attributo map name)
    tag table (tag che dice la riga tr, la colonna td) attributo border (anche si pu
    agire subito solo sullo stile (css border), th per l'intestazione delle tabelle
    span sulle colonne o sulle righe
    attributo caption
    liste con il tag <ul> (liste non ordinate) e i singoli elementi della lista ha i
    l tag <li>
    liste ordinate con tag <ol>
    HTML Description Lists
    HTML also supports description lists.
    A description list is a list of terms, with a description of each term.
    The <dl> tag defines the description list, the <dt> tag defines the term (name),
    and the <dd> tag describes each term:
    per creare un layout della pagina conveniente usare i blocchi: un blocco una por
    zione di pagina (tag <div>)
    Website
    header
    nav
    section
    article
    aside
    footer
    details
    summary

    Layout Using HTML5


    Defines a header for a document or a section
    Defines a container for navigation links
    Defines a section in a document
    Defines an independent self-contained article
    Defines content aside from the content (like a sidebar)
    Defines a footer for a document or a section
    Defines additional details
    Defines a heading for the details element

    SCRIPTING CLIENT SIDE


    tag script, contiene pezzi di codice. JS un linguaggio di scripting (non compila
    to, codice in chiaro, abbastanza dinamico)
    JS consente di creare una programmazione di tipo client-side. Il codice pu fare t
    utto ci che la virtualmachine di js permette
    , agire su elementi della pagina (al volo possibile ad esempio cambiare campi)
    DOM

    Potrebbero piacerti anche