Laboratorio 1: HTML e CSS

Slides:

Advertisements

Presentazioni simili

I.s.s «g.minzoni» Giugliano in campania Napoli Classe 4^ AT.

Advertisements

I fogli di stile CSS 2 Cristina Gena

Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno (

Modulo 3 – Office Powerpoint

A. FERRARI Alberto Ferrari. L'HyperText Markup Language (HTML) (traduzione letterale: linguaggio di marcatura per ipertesti) è un linguaggio usato per.

HTML Hyper Text Mark-Up Language. HTML Hyper Text Mark-Up Language Linguaggio di marcatura per ipertesti E un linguaggio di formattazione usato per descrivere.

Nellambito delle attività di orientamento rivolte alle classi terze della scuola media inferiore, lIstituto Pareto presenta liniziativa One day stage al.

Che cosè? Che cosè? Che cosè? Che cosè? Come creare una pagina… Come creare una pagina… Come creare una pagina… Come creare una pagina… inserire testi,immagini,tabelle…

18/10/2004Programmazione e Laboratorio di Programmazione – Luca Tesei1 Programmazione e Laboratorio 2004/05 Informazioni Introduttive.

Esercitazione XSLT Laurea Magistrale in Informatica Digital Technologies (2008/08) dott. Francesco De Angelis dott. Federico.

Sviluppo servizi su rete, banche datiCorso di formazioneDicembre Strumenti via WEB per la gestione dinamica dei siti.

Storia dei fogli di stile

HTML e CSS Concetti base Comunicazione Multimediale.

Informatica.science.unitn.it Un esempio di architettura basata sulluso di XML e XSL per la pubblicazione di un sito web.

Process synchronization

La mia città di Pamela Peretti.

XML e DTD. –il "PROLOG contiene: dichiarazione della versione di XML; commenti (facoltativi); dichiarazione del DOCUMENT TYPE. –il "DOCUMENT INSTANCE.

Esempi sui CSS.

IL FORMATO DEI FILE E IL FILETYPE (ESTENSIONE) Formato dei file 10 marzo 2012 Informatica prof. Giovanni Raho anno

Internet Explorer Il browser.

CORSO DI INFORMATICA LAUREA TRIENNALE-COMUNICAZIONE & DAMS

1 Personalizzazione ed utilizzo avanzato dei servizi 4^ giornata di corso.

HyperText Markup Language

La comunicazione digitale

HTML HyperText Markup Language

Sommario Allineamento ( ) Immagini ( ) Link ( ). Allineamenti Oltre a posso usare per allineare testo ed immagini un altro tag: align = center o left.

Inutile provare dunque a inserire un file ".psd" (formato nativo di Photoshop) all'interno della vostra pagina HTML: con grande probabilità il browser.

Progettazione multimediale

Argomenti del corso Il funzionamento del web, gli ipertesti ed linguaggio del web Cenni di usabilità e accessibilità: il web per esseri umani Progettazione:

Test Reti Informatiche A cura di Gaetano Vergara Se clicchi sulla risposta GIUSTA passi alla domanda successiva Se clicchi sulla risposta ERRATA passi.

CORSO AVANZATO INFORMATICA

Tecnologie Web Studente : Francesco Guerriero Matricola Docente : Montella Raffaele iUI : Interface Framework utente Per lo sviluppo.

HTML Lezione 5 Immagini. URL Un Uniform Resource Locator o URL (Localizzatore di risorsa uniforme) è una sequenza di caratteri che identifica univocamente.

HTML Lezione 8 I collegamenti ipertestuali (link).

Applicazioni Web HTTP, HTML e CSS Elaborato da Gianluca Lauteri e Daniele Filannino.

BIOINFO3 - Lezione 121 Alter Table Alter table permette di cambiare la struttura di tabelle esistenti. Ad esempio e` possibile aggiungere o cancellare.

Creare pagine web Xhtlm. Struttura di una pagina.

Gianpaolo Cecere Introduzione

Internet Explorer I preferiti Stampa di pagine web Salvataggio di pagine web Copia di elementi di pagine web in altri applicativi.

HTML HyperText Markup Language Linguaggio per marcare un’Ipertesto

I fogli di stile CSS 1 Cristina Gena

Progettare corsi con Moodle

Tecnologie di InternetFondamenti di Linguaggi di Markup Dott. Nicola Dragoni Introduzione a e ai (Fondamenti di Markup Languages)

DIPARTIMENTO DI ELETTRONICA E INFORMAZIONE Lab 1: Marzo 2014 Marco D. Santambrogio – Gianluca Durelli -

CSS Cascade Style Sheets.

Programma delle lezioni LABORATORIO B  Lezione 01: 27/02martedi  Lezione 02: 06/03martedi  Lezione 03: 13/03martedi  Lezione 04:

Funzioni. La sintassi generale di una funzione è:

METODI DI RAPPRESENTAZIONE TECNICA

Alberatura cartelle sito

Corso Web CSV – Andiamo on-line 1 Andiamo on-line Corso di formazione Elementi base per la costruzione di un sito web.

HTML I tag HTML (parte 1). I tag HTML  I comandi che il browser interpreta  Etichette per marcare l’inizio e la fine di un elemento HTML  Formato e.

Programma delle lezioni LABORATORIO B  Lezione 01: 27/02martedi  Lezione 02: 06/03martedi  Lezione 03: 13/03martedi  Lezione 04:

Laboratorio 4: PHP e MySQL

I collegamenti ipertestuali. I collegamenti ipertestuali si creano associando l'indirizzo (percorso/nome file) del nodo di destinazione ad un elemento.

Realtà Virtuale e Computer Animation

Programmazione Web Presentazione del corso /2015.

1 Corso di idoneità informatica Autore: G. Lorusso URL: Università del Piemonte Orientale.

HTML HTML e il web.

CSS Cascading Style Sheet

Utilizzo base di Altervista. AlterVista AlterVista è una piattaforma web dove è possibile aprire gratuitamente un sito web, un blog Per aprire gratuitamente.

Flipped classroom e nuove metodologie didattiche Modulo 2 – Quarta lezione Antonio Todaro “ Il Sito Web del docente ” seconda parte.

Utilizzare la programmazione HTML/CSS. Mettere in mostra i nostri lavori su argomenti interessanti, svolti in un liceo scienze applicate. Aggiungere il.

INSERIRE DENOMINAZIONE ISTITUTO SCOLASTISCO PLESSO INDIRIZZO COMUNE Se possibile sostituire la clip art con una foto della propria scuola ed eliminare.

HTML HTML Sistema di contrassegno riconosciuto dai Browser come (Firefox, Chrome, Internet Explorer) Hyper Text Markup Language.

Antonio Todaro “ Il Sito Web del docente ” Seconda parte Insegnare digitale: la didattica flipped e gli strumenti digitali a supporto della didattica capovolta.

Presentazione SIWA Sito web realizzato con Prestashop Mario Farace - Dario Utzeri.

ARGOMENTI PRINCIPALI VIDEOSCRITTURA FOGLIO ELETTRONICO

Transcript della presentazione:

Laboratorio 1: HTML e CSS Devis Bianchini – Fondamenti di Informatica B 2008/2009 Programmazione Web Laboratorio 1: HTML e CSS Informazione 1 1 1

La pagina personale di Lisa (I) Immagine foto.gif Laboratori di Programmazione Web - Esercizi HTML e CSS 2 2 2

La pagina personale di Lisa (I) Due bookmark: Presentazione e Interessi Laboratori di Programmazione Web - Esercizi HTML e CSS 3 3 3

La pagina personale di Lisa (I) Altri bookmark: letteratura, musica e cucina Laboratori di Programmazione Web - Esercizi HTML e CSS 4 4 4

La pagina personale di Lisa (I) Riferimento a casa.png, da aprire in un'altra pagina Riferimento a famiglia.html, da aprire in un'altra pagina Laboratori di Programmazione Web - Esercizi HTML e CSS 5 5 5

La pagina personale di Lisa (I) Manda un'email all'indirizzo specificato, con soggetto “Ciao Lisa” Testo pre-formattato Laboratori di Programmazione Web - Esercizi HTML e CSS 6 6 6

La pagina personale di Lisa (II) Immagine alimenti.gif oppure, in alternativa, il testo “Tavola imbandita” Laboratori di Programmazione Web - Esercizi HTML e CSS 7 7 7

La pagina personale di Lisa (III) Laboratori di Programmazione Web - Esercizi HTML e CSS 8 8 8

La pagina famiglia.html Ogni viso deve essere un link alla pagina “incostruzione.html” Laboratori di Programmazione Web - Esercizi HTML e CSS 9 9 9

La pagina famiglia.html Ogni viso deve essere un link alla pagina “incostruzione.html” Immagine “lavori.gif” Laboratori di Programmazione Web - Esercizi HTML e CSS 10 10 10

Laboratori di Programmazione Web - Esercizi HTML e CSS Esercizio – HTML & CSS Il codice HTML delle pagine mostrate nelle slide precedenti sono disponibili all'indirizzo seguente http://www.ing.unibs.it/~deantone/MaterialePW/Lucidi/2014- 2015/Laboratori/Lab1 Applicare alle pagine un foglio di stile CSS in modo da ottenere la versione delle pagine stesse mostrata nelle slide seguenti Laboratori di Programmazione Web - Esercizi HTML e CSS 11 11 11

Laboratori di Programmazione Web - Esercizi HTML e CSS CSS: risultato (I) Laboratori di Programmazione Web - Esercizi HTML e CSS 12 12 12

Laboratori di Programmazione Web - Esercizi HTML e CSS CSS: risultato (II) Laboratori di Programmazione Web - Esercizi HTML e CSS 13 13 13

Laboratori di Programmazione Web - Esercizi HTML e CSS CSS: risultato (III) Laboratori di Programmazione Web - Esercizi HTML e CSS 14 14 14

Laboratori di Programmazione Web - Esercizi HTML e CSS CSS: risultato (IV) Laboratori di Programmazione Web - Esercizi HTML e CSS 15 15 15