Estratto del documento

Slide su XML

L'informatica

L'informatica è la scienza dei metodi per automatizzare la soluzione ai problemi. Si analizza un problema dividendolo in sottocomponenti per gestirlo meglio. L'informatica è senza dubbio la scoperta più inter e multidisciplinare. L'informatica è nata molto prima dei calcolatori.

Il contributo di Turing

Secondo Turing, calcolare consiste nel copiare e rimpiazzare simboli tratti da un alfabeto finito, secondo regole fissate in anticipo. Il calcolo lo possono fare gli automi, in particolare la macchina di Turing. La macchina deterministicamente applica le regole ai dati. I calcolatori che oggi usiamo sono variazioni tecnologicamente avanzate del progetto di Von Neumann, che sostituisce il progetto puramente speculativo e astratto di Turing.

Lingua e calcolatori

I linguaggi informatici ci permettono di risolvere problemi. Tanti linguaggi comunque si rifanno allo stesso concetto generale di calcolabile. Grazie ai linguaggi informatici riusciamo a descrivere il mondo ai calcolatori.

Introduzione

  • Gli informatici devono automatizzare le più diverse attività trovando modi e rappresentazioni efficaci usando linguaggi così semplici da poter essere interpretati da un calcolatore elettronico.
  • Per essere capiti da un calcolatore, i testi informatici devono descrivere senza ambiguità un qualsiasi oggetto, devono essere scritti tramite regole grammaticali di linguaggi manipolabili da un calcolatore elettronico.

Base della tipografia web: XHTML

L'XHTML, come l'HTML, serve per programmare documenti interpretabili dai browser per la navigazione in Internet. Le prime due righe di ogni documento devono essere le seguenti:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Struttura di un documento XHTML

Un XHTML ha sempre radice <html> e due discendenti: <head> e <body>. In head ci vanno tag come <meta> e <title>.

Attributi del body

Attributi del body: bgcolor (sfondo), background (per inserire immagini), text (colore testo).

Tag di formattazione

Nel body:

  • <h1> per titoli, <h2> per titoletti eccetera. Ogni tag <hx> interrompe il flusso del testo e genera una riga vuota.
  • <p> testo di un paragrafo, con grandezza da "corpo" fisso.

Grassetto, corsivo e sottolineato

  • <b> è per il grassetto, <i> è per il corsivo, <u> è per il sottolineato.
  • <sup> è per gli apici, <sub> è per i pedici.

Font e colore

  • <font face="nome font"> Times, Palatino, Helvetica </font> è per impostare il tipo di font. Il primo disponibile nella lista sarà usato per il testo.
  • Se nessun font è disponibile, viene visualizzato il carattere di default Times.
  • Per inserire il colore al testo, carattere per carattere, bisogna usare l'attributo color al tag font: <font color="blue"> blabla </font>.
  • Si può scegliere insieme sia tipo di font sia colore: <font face="blabla" color="bla"> ciao </font>.

Elenchi ordinati e non ordinati

  • <ol> è il tag che definisce un elenco ordinato (ordered list).
  • <ul> è per gli elenchi non ordinati. Gli elementi dell'elenco sono definiti dal tag <li>, che significa list item.

Esempio di elenco ordinato:

<ol>
    <li> primo elemento </li>
    <li> secondo elemento </li>
</ol>

Il tag <ol> ordina gli elementi con numeri (1, 2, 3…). Per ordinarli con lettere, maiuscole o minuscole, o per numeri romani, minuscoli o maiuscoli, è necessario aggiungere un attributo al tag:

  • <ol type="a"> per lettere minuscole,
  • <ol type="A"> per maiuscole,
  • <ol type="I"> per numeri romani maiuscoli,
  • <ol type="i"> per numeri romani minuscoli.

Il tag <ul> ordina gli elementi solo con i punti. Per modificare il tipo di ordinazione, inserire al tag <ul> l'attributo type:

  • <ul type="disc"> oppure
  • <ul type="circle"> o ancora
  • <ul type="square">.

Elenco di definizioni

Il tag <dl> invece crea un elenco di definizioni (definition list), e gli elementi di questa lista sono definibili dai tag <dt> (termine da definire, non produce rientro a differenza di <li>) e <dd> (descrizione del termine da descrivere, produce rientro).

Esercizio 13

<html>
    <head>
        Elenco ordinato di tre punti in cui, ogni punto, contiene un elenco ordinato di due punti.
    </head>
    <body>
        <p> Elenco ordinato </p>
        <ol type="I">
            <li> Primo elemento </li>
            <ol type="1">
                <li> Primo sottoelemento </li>
                <li> Secondo sottoelemento </li>
            </ol>
            <li> Secondo elemento </li>
            <ol type="A">
                <li> Terzo sottoelemento </li>
                <li> Quarto sottoelemento </li>
            </ol>
        </ol>
    </body>
</html>

Tabelle

Con il tag <table> si creano le tabelle; il tag table ha come attributo border che stabilisce lo spessore delle linee che formano la griglia della tabella. Ogni riga di tabella viene creata dal tag <tr> (table row). Ogni riga contiene celle, ovvero colonne, create con il tag <td> (table data).

Attributi delle tabelle

I tag table, tr e td ammettono attributi width (per l'ampiezza) e height (per l'altezza), con valori in pixel o percentuali. Altro attributo è anche align, che allinea il contenuto come desiderato, e ha come valore="left"/"center"/"right". Il valore justify all'attributo align vale solo per i tag tr e td, non per il tag table.

Esempio di tabella:

<table align="left" width="300" height="400" border="1">
    <tr align="center" width="60%" height="25%">
        <td align="justify" width="30%"> prima cella </td>
        <td align="right" width="70%"> seconda cella </td>
    </tr>
    <tr width="40%" height="75%">
        <td height="10%"> terza cella </td>
        <td height="90%"> quarta cella </td>
    </tr>
</table>

Altri tag per le tabelle: <caption> (sotto <table>), per associare un titolo alla tabella; <thead> (prima di <tr>), serve per creare una riga di titoli per il contenuto delle varie colonne.

Anteprima
Vedrai una selezione di 3 pagine su 9
Riassunto esame Introduzione all'informatica per l'editoria, prof. Maieli, testo consigliato Un po' di informatica - nozioni di xml e html, Roversi Pag. 1 Riassunto esame Introduzione all'informatica per l'editoria, prof. Maieli, testo consigliato Un po' di informatica - nozioni di xml e html, Roversi Pag. 2
Anteprima di 3 pagg. su 9.
Scarica il documento per vederlo tutto.
Scarica
Riassunto esame Introduzione all'informatica per l'editoria, prof. Maieli, testo consigliato Un po' di informatica - nozioni di xml e html, Roversi Pag. 6
1 su 9
D/illustrazione/soddisfatti o rimborsati
Acquista con carta o PayPal
Scarica i documenti tutte le volte che vuoi
Dettagli
SSD
Scienze matematiche e informatiche INF/01 Informatica
I contenuti di questa pagina costituiscono rielaborazioni personali del Publisher simone.scacchetti di informazioni apprese con la frequenza delle lezioni di Introduzione all'informatica per l'editoria e studio autonomo di eventuali libri di riferimento in preparazione dell'esame finale o della tesi. Non devono intendersi come materiale ufficiale dell'università Università degli Studi Roma Tre o del prof Maieli Roberto.
Appunti correlati Invia appunti e guadagna

Domande e risposte

Hai bisogno di aiuto?
Chiedi alla community
Vai al forum