GRIGLIA VALUTAZIONE VERIFICA LE TECNOLGIE WEB LATO CLIENT

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "GRIGLIA VALUTAZIONE VERIFICA LE TECNOLGIE WEB LATO CLIENT"

Transcript

1 GRIGLIA VALUTAZIONE VERIFICA LE TECNOLGIE WEB LATO CLIENT ALLIEVO: BENENTE FABRIZIO URL TO: VOTO: 26 /30 NOTE: SPECIFICA NOTE RISPETTATA Inserimento immagine Logo Creazione collegamento C è un tag </a> di troppo ipertestuale sul Logo CSS intestazione La classe intestazione non funziona NO Creazione Menu principale Descrizione delle voci del menu con l attributo title Creazione modulo Area Riservata Javascript: Gestione Evento Ha aggiunto il file login.php onsubmit sull area riservata CSS area riservata: colore di sfondo e colore del testo Testo Home Page CSS piè di pagina: come intestazione. Presenza indirizzo. Presenza nome e cognome autore. Specifiche CSS generali: Uso scorretto della proprietà font-family e della proprietà font Pagina Servizi: Inserimento titolo con tag H1 Elenco Puntato Pagina Servizi: Tabella Css sulla tabella Pagina Registrati: Inserimento titolo Pagina Registrati: Realizzazione Form Pagina Registrati: Javascript: Gestione Evento OnSubmit Pagina Download: Inserimento titolo pagina Creazione Lista Numerata Pagina Download: Creazione di collegamento ipertestuale sulle parole Siti Web Pagina Download: Creazione di collegamento ipertestuale sulle parole Rete Wifi Pagina Download: Attributi font-size e font-type inesistenti per i tag <table><tr><td> Non è stato inserito l attributo value per i menu a tendina. I vari elementi del form non hanno un nome IL LINK ONLINE NON FUNZIONA Attributo FONT inesistente IL LINK ONLINE NON FUNZIONA Attributo FONT inesistente 1 NO PARZIALMENTE PARZIALMENTE

2 Creazione modulo calcolo dello sconto Pagina Download: Gestione eventi Javascript sul form Pagina Azienda: Inserimento titolo pagina Pagina Azienda: Inserimento immagini secondo lo schema prefissato Pagina Azienda: Gestione eventi Javascript sulle immagini Caricamento Sito Online Il sito funziona su qualsiasi server web (Apache, IIS) in una qualsiasi cartella del server Le immagini non hanno l attributo ALT. NO PARZIALMENTE PARZIALMENTE NOTE: Manca il testo alternativo sull immagine img/home1.jpg presente in home page. Le immagini in azienda non hanno un testo alternativo. L attributo HEIGHT non esiste. Il sito non è conforme agli standard internazionali del W3C sull html e i css. 2

3 Screenshot pagine realizzate 3

4 4

5 5

6 6

7 7

8 RISULTATO VALIDAZIONE PAGINE W3C 8

9 Foglio di stile CSS /* CSS Document */ body{ background-color:#ffffff; h1,h2,h3{ color:#ffffff; background-color:#0066ff; width:300px; /*width:100%;*/ padding:5px; border-color:#000000; font:verdana; font-size:12px; p{ /*width:480px;*/ width:300px; padding:5px; text-align:justify; font:trebuchet ms; font-size:12px; background-color:#ddddff; border:1px solid black; input{ background-color:#98badd;.submit{ background-color:#000033; color:#ffffff;.reset{ background-color:#ff0000; color:#ffffff;.intestazione{ width:800px; /*width:100%;*/ height:100px; background-color:#8cc5ea;.intestazione_bassa{ width:800px; background-color:#8cc5ea; text-align:center; bottom:0; /*position:absolute;*/ /*width:100%;*/ a:hover{ background-color:#7070fe; width:107px; color:#ffffff; padding:5px; font-family:trebuchet MS; text-decoration:none; 9

10 border-color:#000000; a{ text-decoration:none;.barramenu{ padding:5px; width:107px; /*width:100%;*/ height:27px; text-decoration:none; font-family:trebuchet MS;.area_riservata{ width:300px; background-color:#ffff99; color:#000033; 10

GRIGLIA VALUTAZIONE VERIFICA LE TECNOLGIE WEB LATO CLIENT

GRIGLIA VALUTAZIONE VERIFICA LE TECNOLGIE WEB LATO CLIENT GRIGLIA VALUTAZIONE VERIFICA LE TECNOLGIE WEB LATO CLIENT ALLIEVO: AMER CHALABI URL TO: http://www.ictmaster.altervista.org/chalabi/index.html VOTO: 20/30 NOTE: SPECIFICA NOTE RISPETTATA Inserimento immagine

Dettagli

VERIFICA CORSO: MASTER DI PRIMO LIVELLO IN TECNOLOGIE DI SICUREZZA WEB E NETWORKING CODICE CORSO: B22-75-2008-0

VERIFICA CORSO: MASTER DI PRIMO LIVELLO IN TECNOLOGIE DI SICUREZZA WEB E NETWORKING CODICE CORSO: B22-75-2008-0 VERIFICA CORSO: MASTER DI PRIMO LIVELLO IN TECNOLOGIE DI SICUREZZA WEB E NETWORKING CODICE CORSO: B22-75-2008-0 UNITA FORMATIVA: LE TECNOLOGIE WEB LATO CLIENT DOCENTE: DANIELA REMOGNA DATA: 28 APRILE 2008

Dettagli

OBIETTIVI MINIMI Anno scolastico TIC-TIT. 1. Foglio elettronico: funzioni fondamentali (Excel)

OBIETTIVI MINIMI Anno scolastico TIC-TIT. 1. Foglio elettronico: funzioni fondamentali (Excel) ISTITUTO TECNICO COMMERCIALE STATALE SCHIAPARELLI-GRAMSCI CLASSI CORSI OBIETTIVI MINIMI Anno scolastico 2010-2011 TIC-TIT OBIETTIVI 1. Foglio elettronico: funzioni fondamentali (Excel) CONTENUTI / tipologia

Dettagli

ESEMPIO DI TEMPLATE CON BARRA DI NAVIGAZIONE ORIZZONTALE. Esempio di Template con barra di navigazione orizzontale Ultima revusione 25/05/2015 Pag.

ESEMPIO DI TEMPLATE CON BARRA DI NAVIGAZIONE ORIZZONTALE. Esempio di Template con barra di navigazione orizzontale Ultima revusione 25/05/2015 Pag. ESEMPIO DI TEMPLATE CON BARRA DI NAVIGAZIONE ORIZZONTALE Esempio di Template con barra di navigazione orizzontale Ultima revusione 25/05/2015 Pag. 1

Dettagli

APPROCCIO "WEB DESIGN REATTIVO": Prima di tutto costruiamo una BASE

APPROCCIO WEB DESIGN REATTIVO: Prima di tutto costruiamo una BASE ESEMPIO FILE.CSS PER REALIZZARE MODELLO SITO WEB: www.modellinirobotanno80.altervista.org /*questo codice va aggiunto al css principale per far si che tutti i browser possano riconoscere correttamente

Dettagli

HTML. I tag HTML (parte 1)

HTML. I tag HTML (parte 1) 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 possono essere tag di apertura: tag di chiusura:

Dettagli

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima. UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui

Dettagli

D B M G Il linguaggio HTML

D B M G Il linguaggio HTML Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form @2011 Politecnico di Torino 1 Concetti

Dettagli

@2011 Politecnico di Torino 1

@2011 Politecnico di Torino 1 Concetti di base Programmazione Web Il linguaggio HTML HTML consente di annotare un testo per contrassegnare le parti che lo compongono Le annotazioni sono realizzate tramite i "tag" Visualizzare documenti

Dettagli

<tag style= dichiarazioni css >

<tag style= dichiarazioni css > CSS 1. FOGLI DI STILE Per permettere di separare la forma dal contenuto, si usano i Fogli di Stile. Essi descrivono dettagliatamente lo stile di ogni elemento contenuto nel foglio html. I nomi dei fogli

Dettagli

Sommario. Nozioni di base su HTML

Sommario. Nozioni di base su HTML Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................

Dettagli

PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5

PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5 PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5 Unità didattica 1 - Architettura di pagina statica HTML Dimostrazione 1-1: Visualizzazione del sito Unità didattica 2 - Prime operazioni Introduzione a Dreamweaver

Dettagli

LINGUAGGI PER IL WEB HTML. (HyperText Markup Language)

LINGUAGGI PER IL WEB HTML. (HyperText Markup Language) LINGUAGGI PER IL WEB HTML (HyperText Markup Language) Il World Wide Web World Wide Web = sistema di accesso a Internet basato sul protocollo HTTP insieme di protocolli e servizi (HTTP, FTP, ) insieme di

Dettagli

Guida alla realizzazione di un layout fluido

Guida alla realizzazione di un layout fluido Guida alla realizzazione di un layout fluido I siti Web possono essere realizzati secondo due diversi schemi di layout: layout fissi e fluidi. La differenza tra i due tipi di layout consiste in una diversa

Dettagli

Dichiarazione di accessibilità

Dichiarazione di accessibilità Dichiarazione di accessibilità Questo sito è stato sviluppato secondo le: "Linee guida per i siti web delle PA" previste dalla direttiva Brunetta n. 8 del 26 novembre 2009 e rivolte a tutte le amministrazioni

Dettagli

INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2. Internet + HTML + HTTP = WWW

INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2. Internet + HTML + HTTP = WWW 1 INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2 Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML

Dettagli

La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css.

La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css. Moduli di feedback Uno degli strumenti per l interattività con gli utenti è la pagina per raccogliere suggerimenti o commenti dai visitatori, formata da moduli sul video da riempire con il nome del mittente,

Dettagli

REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ

REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ Pag. 1 di 13 REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ PUBBLICA AMMINISTRAZIONE Comune di Volpedo (AL) www.comune.volpedo.al.it DATA DELLA VALUTAZIONE 1/12/2008 AUTORE DELLA VALUTAZIONE Fabio Regina COMMENTI

Dettagli

Basi di Dati-X HTML HTML HTML. Corso di Laurea in Informatica Anno Accademico 2013/2014

Basi di Dati-X HTML HTML HTML. Corso di Laurea in Informatica Anno Accademico 2013/2014 HTML 2 Basi di Dati-X Corso di Laurea in Informatica Anno Accademico 2013/2014 Hyper Text Markup Language linguaggio testuale per descrivere la struttura di documenti ipertestuali disponibili nel World

Dettagli

Responsive Web Design

Responsive Web Design Responsive Web Design Università di Pisa pievatolo@dsp.unipi.it 26 aprile 2015 Sommario Griglie fluide, immagini flessibili, e oltre 1 Griglie fluide, immagini flessibili, e oltre Che cosa significa responsive?

Dettagli

CSS Cascading Style Sheets

CSS Cascading Style Sheets CSS Cascading Style Sheets il linguaggio per modificare lo stile delle pagine web 1 Fogli di stile (CSS) Servono per facilitare la creazione di pagine HTML con un aspetto uniforme Permettono di separare

Dettagli

Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini

Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini STRUTTURA A DUE COLONNE Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini Un layout a due colonne ha, in genere, la seguente struttura: un'intestazione (TESTATA)

Dettagli

INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere compilato

INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere compilato CSS I FOGLI DI STILE HTML serve informare il browser di quali sono le componenti necessarie a mostrare un documento e ad articolare il documento in blocchi semantici. I fogli di stile (Cascading Style

Dettagli

Sommario. Prefazione... xvii Ringraziamenti...xxv L autore...xxvi

Sommario. Prefazione... xvii Ringraziamenti...xxv L autore...xxvi Sommario Prefazione... xvii Ringraziamenti...xxv L autore...xxvi Capitolo 1: I sistemi CMS e un introduzione a Joomla!...1 Cos è un CMS (Content Management System)?...2 Pagine Web statiche...2 Pagine Web

Dettagli

- La formattazione con foglio di stile esterno: Come realizzare e collegare un file con codice di stile ad una pagina web.

- La formattazione con foglio di stile esterno: Come realizzare e collegare un file con codice di stile ad una pagina web. I fogli di stile. Argomenti trattati: - La formattazione con foglio di stile interno: Come dichiarare lo stile di una pagina web all'interno del suo codice. - Ereditarietà e selettori contestuali: Come

Dettagli

Linguaggi di programmazione PC server-client CSS

Linguaggi di programmazione PC server-client CSS Linguaggi di programmazione PC server-client CSS HTML MySQL PHP HTML: Hyper Tex Markup Language PHP: Hypertext Preprocessor CSS: Cascading Style Sheet MySQL: Relational database HTML Hyper Tex Markup Language

Dettagli

Indice dei contenuti del corso su DREAMWEAVER della Adobe

Indice dei contenuti del corso su DREAMWEAVER della Adobe 8 Indice dei contenuti del corso su DREAMWEAVER della Adobe 1. concetti fondamentali su Internet: la rete, i servizi di internet, i protocolli, concetto di cliente-server, indirizzi e dominio di un sito

Dettagli

Universita' degli Studi di Udine, 6 luglio 2005 Introduzione all'accessibilita': motivazione ed esempi Il sito web del Comune di Udine

Universita' degli Studi di Udine, 6 luglio 2005 Introduzione all'accessibilita': motivazione ed esempi Il sito web del Comune di Udine Universita' degli Studi di Udine, 6 luglio 2005 Introduzione all'accessibilita': motivazione ed esempi Il sito web del Comune di Udine www.comune.udine.it relazione a cura di Fabrizio Chittaro fchittaro@gmail.com

Dettagli

Linguaggi per il Web Linguaggi di markup: CSS

Linguaggi per il Web Linguaggi di markup: CSS Linguaggi per il Web Linguaggi di markup: CSS Fogli di stile (CSS) Cascading Style Sheets (CSS) servono per facilitare la creazione di pagine HTML con un aspetto uniforme permettono di separare il contenuto

Dettagli

(A) CONOSCENZA TERMINOLOGICA (B) CONOSCENZA E COMPETENZA (C) ESERCIZI DI COMPRENSIONE

(A) CONOSCENZA TERMINOLOGICA (B) CONOSCENZA E COMPETENZA (C) ESERCIZI DI COMPRENSIONE Dare una breve descrizione dei termini introdotti: (A) CONOSCENZA TERMINOLOGICA Foglio di stile interno Foglio di stile esterno Fogli di stile incorporati Fogli di stile inline (B) CONOSCENZA E COMPETENZA

Dettagli

Fogli di stile CSS. Fogli di stile (2) Fogli di stile (3) Introduzione ai CSS. Regole

Fogli di stile CSS. Fogli di stile (2) Fogli di stile (3) Introduzione ai CSS. Regole Fogli di stile CSS I fogli di stile permettono la separazione della forma dal contenuto. Il concetto di foglio di stile è quello di creare un documento separato che contenga tutte le informazioni necessarie

Dettagli

Una battaglia navale di tabelline

Una battaglia navale di tabelline Una battaglia navale di tabelline di Antonio Milanese (milanese.anto@gmail.com) L'obiettivo di questo documento è illustrare, passo dopo passo, le strategie che ho usato per realizzare il gioco "battaglia

Dettagli

RAPPORTO CONCLUSIVO DI ACCESSIBILITA

RAPPORTO CONCLUSIVO DI ACCESSIBILITA TOSCIA ( TERAMO ) DATA 09.08.2006 CASTEL CASTAGNA, CROGNALETO, FANO ADRIANO, PIETRACAMELA, TOSCIA RAPPORTO CONCLUVO DI ACCESBILITA DICHIARAZIONE DI ACCESBILITA legge N.4 DEL 9 gennaio 2004 Soggetto interessato:

Dettagli

Prof. Pagani Corrado HTML

Prof. Pagani Corrado HTML Prof. Pagani Corrado HTML IPERTESTI E MULTIMEDIALITÀ Un ipertesto è un insieme di documenti messi in relazione tra loro per mezzo di parole chiave sensibili (link). Può essere visto come una rete; i documenti

Dettagli

Serve per impostare. enfatizza il testo (l effetto è quello del grassetto, comando utile per i motori di ricerca) <ul> comandi relativi all immagine

Serve per impostare. enfatizza il testo (l effetto è quello del grassetto, comando utile per i motori di ricerca) <ul> comandi relativi all immagine Comandi principali HTML Serve per impostare il titolo della pagina (nella sezione head) il font del titolo 1 il font del titolo 2 paragrafo una o più parole alle quali applicare

Dettagli

Corso di CSS. Prerequisiti. Modulo L2. 1-Background e font. Conoscenza di base linguaggio HTML. M.Malatesta 1-CSS-Background e font-08 23/01/2014

Corso di CSS. Prerequisiti. Modulo L2. 1-Background e font. Conoscenza di base linguaggio HTML. M.Malatesta 1-CSS-Background e font-08 23/01/2014 Corso di CSS Modulo L2 1-Background e font 1 Prerequisiti Conoscenza di base linguaggio HTML 2 1 Introduzione In questa Unità descriviamo l utilità dei CSS applicati ai vari elementi di una pagina web.

Dettagli

Prefazione... xi. Da leggere prima di iniziare...xiv. Capitolo 1 Introduzione a JavaScript Sezione A Programmazione, HTML e JavaScript...

Prefazione... xi. Da leggere prima di iniziare...xiv. Capitolo 1 Introduzione a JavaScript Sezione A Programmazione, HTML e JavaScript... SOMMARIO Prefazione... xi Panoramica del libro... xi Caratteristiche distintive...xii Aspetti qualificanti del libro...xii Browser Web da usare... xiii Ringraziamenti... xiii Da leggere prima di iniziare...xiv

Dettagli

HTML. Hyper Text Markup Language

HTML. Hyper Text Markup Language HTML Hyper Text Markup Language IL WEB Le componenti principali del web sono: HTML: definizione del contenuto delle pagine CSS: definizione dell aspetto delle pagine Javascript: definizione del comportamento

Dettagli

Creare un portale personalizzato

Creare un portale personalizzato 1 Creare un portale personalizzato Passi da seguire 1) Aprire la pagina: http://www.term-minator.it/modello.html 2) Scaricare modello : 2) Aprire il file modello con blocco note : 1 2 3) Modificare il

Dettagli

"-//W3C//DTD XHTML 1.1//EN

-//W3C//DTD XHTML 1.1//EN XHTML 1.1 extensible HyperText Markup Language DOCTYPE All inizio di un documento xhtml bisogna specificare a quali regole ci atteniamo. Tutti i documenti che scriveremo inizieranno con 2 righe particolari:

Dettagli

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:

Dettagli

Digitiamo il codice base di una pagina secondo lo standard HTML5 e inseriamo un titolo <h1> con il testo Benvenuti sulla mia homepage

Digitiamo il codice base di una pagina secondo lo standard HTML5 e inseriamo un titolo <h1> con il testo Benvenuti sulla mia homepage Brackets Editor per la creazione e la modifica di fogli di stile CSS Brackets è un editor open source per i linguaggi HTML, CSS e Javascript, distribuito con licenza MIT. Installare il file brackets-sprint-24-win.msi

Dettagli

Circolo Didattico Magione

Circolo Didattico Magione Corso Formazione base PNSD Circolo Didattico Magione Tempi: Ore: Ambiente: Fine Maggio - Giugno 12 (in presenza) + 8 (on Line) Aula computer Magione Capoluogo Dispositivi hardware: Computer personali (BYOD)

Dettagli

Sommario. HTML e CSS I fogli di stile. cosa sono principali proprietà

Sommario. HTML e CSS I fogli di stile. cosa sono principali proprietà HTML e CSS Sommario HTML e CSS I fogli di stile cosa sono principali proprietà CSS CSS La specifica HTML elenca le linee guida su come i browser dovrebbero visualizzare i diversi elementi del documento

Dettagli

PRIMA DI PROCEDERE CON L ASCOLTO DELLE LEZIONI E DEGLI ESERCIZI COPIARE LA CARTELLA ESERCIZI SUL DESKTOP

PRIMA DI PROCEDERE CON L ASCOLTO DELLE LEZIONI E DEGLI ESERCIZI COPIARE LA CARTELLA ESERCIZI SUL DESKTOP PRIMA DI PROCEDERE CON L ASCOLTO DELLE LEZIONI E DEGLI ESERCIZI COPIARE LA CARTELLA ESERCIZI SUL DESKTOP SEQUENZA FILMATI ED ESERCIZI: 1. COS È WORD 2. SCHEDA FILE 1) CREARE UN NUOVO DOCUMENTO DA MODELLO

Dettagli

Specialization Web Design. Creare templates grafici per il web - 24 ore

Specialization Web Design. Creare templates grafici per il web - 24 ore Specialization Web Design Creare templates grafici per il web - 24 ore Modulo 1: Studio cromatico del sito (definizione palette di colori) Analisi dell'immagine coordinata Individuazione e realizzazione

Dettagli

HTML: tag. HTML: tag. HTML: tag. HTML: un semplice esempio

HTML: tag. HTML: tag. HTML: tag. HTML: un semplice esempio HTML: tag Alcuni tag prevedono un identificatore di inizio () e di fine marcatura () altri sono dei tag singoli (es.: , ). Esistono delle codifiche per rappresentare in modo universale

Dettagli

Un introduzione a HTML

Un introduzione a HTML Fluency Un introduzione a HTML Capitolo 3 HTML HyperText Markup Language Tag descrivono il formato della pagina Web Formattare con i tag Parole o sigle racchiuse tra parentesi angolari Si usano a coppie

Dettagli

Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:

Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:

Dettagli

Anno scolastico INFORMATICA. 2. Conoscere e classificare il software

Anno scolastico INFORMATICA. 2. Conoscere e classificare il software ISTITUTO TECNICO COMMERCIALE STATALE SCHIAPARELLI-GRAMSCI Schiaparelli via Settembrini 4, 20124 Milano tel. 02/2022931 fax 29512285 E-mail schiaparelli@libero.it Gramsci L.go Sereni 1, 20133 Milano tel.

Dettagli

56% 56% 30 Buoni Segnali. 28 Problemi trovati. Parola chiave sit i web milano. Analisi SEO. ffe ttispe ciali.co m

56% 56% 30 Buoni Segnali. 28 Problemi trovati. Parola chiave sit i web milano. Analisi SEO.  ffe ttispe ciali.co m 30 Buoni Segnali 28 Problemi trovati Grado de lla pagina Mettere le cose importanti di sopra della piega. Velocità di caricamento SECONDI 2.89 KILOBYTES 2591.51 RICHIESTE 77 Ridurre le dimensioni della

Dettagli

Corso base Redattore WEB

Corso base Redattore WEB Corso base Redattore WEB Autenticazione Utilizzare come browser «Mozilla Firefox» o «Chrome» (NON USARE «explorer») Digita sulla barra dell url l indirizzo «www.comune.genova.it/user» Si aprirà una finestra:

Dettagli

Guida pratica per la creazione di un documento Word accessibile Sommario

Guida pratica per la creazione di un documento Word accessibile Sommario Guida pratica per la creazione di un documento Word accessibile Sommario Introduzione... 2 Proprietà... 2 Stili e formattazione... 2 Creazione di un sommario... 3 Collegamenti ipertestuali... 3 Colori...

Dettagli

I CSS o Fogli di stile. Telematica per le arti e lo spettacolo a.a. 2006/07

I CSS o Fogli di stile. Telematica per le arti e lo spettacolo a.a. 2006/07 I CSS o Fogli di stile Telematica per le arti e lo spettacolo a.a. 2006/07 Quando è nato il web il problema principale era semplicemente quello della gestione dei contenuti, dato anche il basso numero

Dettagli

Costruisci il tuo sito web da solo! Un pratico tutorial per imparare velocemente a scrivere pagine HTML e pubblicarle online.

Costruisci il tuo sito web da solo! Un pratico tutorial per imparare velocemente a scrivere pagine HTML e pubblicarle online. www.icoarena.com Costruisci il tuo sito web da solo! Un pratico tutorial per imparare velocemente a scrivere pagine HTML e pubblicarle online. Ico Arena 01. PREMESSA Sviluppare un sito web è costoso Per

Dettagli

Content Manager System - Typo 3 Sistema per la gestione dei contenuti di un sito web

Content Manager System - Typo 3 Sistema per la gestione dei contenuti di un sito web Content Manager System - Typo 3 Sistema per la gestione dei contenuti di un sito web Manuale di utilizzo Versione personalizzata per il sito dell ACI- Automobile Club d Italia www.aci.it Manuale_typo.doc

Dettagli

Contenuto vs Stile: un esempio

Contenuto vs Stile: un esempio I limiti dell HTML Il principale problema di HTML è la mancanza di separazione tra contenuto e stile all interno delle pagine. Molto spesso, invece degli appositi tag, si utilizzano le tabelle per posizionare

Dettagli

Architettura a tre livelli. Lo scenario e l ambiente. HTML - Hyper Text Markup Language. Enrico Cavalli. Anno Accademico 2012-2013

Architettura a tre livelli. Lo scenario e l ambiente. HTML - Hyper Text Markup Language. Enrico Cavalli. Anno Accademico 2012-2013 HTML - Hyper Text Markup Language Enrico Cavalli Anno Accademico 2012-2013 Lo scenario e l ambiente Architettura a tre livelli 1 Server 6 Web 2 5 3 Php 4 Database Server DB 1. Il browser richiede una pagina

Dettagli

Tecnologie informatiche multimediali

Tecnologie informatiche multimediali Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in «Scienze e Tecnologie della Comunicazione» aa 2011-2012 Tecnologie informatiche multimediali Prof. Giorgio Poletti giorgio.poletti@unife.it

Dettagli

Indice generale. Prefazione... xi. Parte I Image editing... 1. Capitolo 1 Basi di grafica digitale... 3

Indice generale. Prefazione... xi. Parte I Image editing... 1. Capitolo 1 Basi di grafica digitale... 3 Prefazione... xi Parte I Image editing... 1 Capitolo 1 Basi di grafica digitale... 3 Impiego delle immagini digitali... 3 Normativa d uso delle immagini... 5 Caratteristiche di base dei prodotti digitali...

Dettagli

liceo B. Russell PROGRAMMAZIONE INDIRIZZO: SCIENTIFICO SCIENZE APPLICATE TRIENNIO: TERZA DISCIPLINA: INFORMATICA

liceo B. Russell PROGRAMMAZIONE INDIRIZZO: SCIENTIFICO SCIENZE APPLICATE TRIENNIO: TERZA DISCIPLINA: INFORMATICA INDIRIZZO: SCIENTIFICO SCIENZE APPLICATE PROGRAMMAZIONE TRIENNIO: TERZA DISCIPLINA: INFORMATICA MODULO 1: HTMLe CSS UNITÀ ORARIE PREVISTE: 35 Il linguaggio HTML ed il web I principali tag I fogli di stile:

Dettagli

Programma di INFORMATICA

Programma di INFORMATICA Classe 2 a D Indirizzo AMMINISTRAZIONE FINANZA E MARKETING MODULO 1: Word professionale e la corrispondenza commerciale UD 1 Questione di stile 1.1 Gli stili 1.2 Applichiamo gli stili UD 2 Formattazione

Dettagli

APPLICAZIONI WEB E INTRANET CON PHP

APPLICAZIONI WEB E INTRANET CON PHP APPLICAZIONI WEB E INTRANET CON PHP Novembre 2005 Dott. Ing. Bianchini Stefano CSS Concetti di base Cascatine Syle Sheets (CSS) è uno degli standard del W3C che consentono di controllare l aspetto visivo

Dettagli

PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER

PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER Il percorso Web Graphic Designer con Certificazione internazionale Adobe Dreamweaver prepara lo studente ad acquisire solide conoscenze per la figura professionale

Dettagli

WEB. Introduzione HTML. Gabriele Murara

WEB. Introduzione HTML. Gabriele Murara WEB Introduzione HTML Gabriele Murara 1 HTML HTML = Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti"). non è un linguaggio di programmazione (sono linguaggi di programmazione il

Dettagli

Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA. La videoscrittura. La videoscrittura

Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA. La videoscrittura. La videoscrittura Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA Scrivani Macchine da scrivere, ciclostile, fotocopiatrice Primi sistemi per la videoscrittura Desk-top publishing 8 9 La videoscrittura I programmi

Dettagli

Idoneità informatica. Laboratorio 1 Ms Word

Idoneità informatica. Laboratorio 1 Ms Word Idoneità informatica A.A. 2008/9 Laboratorio 1 Ms Word Prof.ssa Raffaella Folgieri folgieri@mtcube.com Cos è un word processor è un programma di videoscrittura che consente anche di applicare formati diversi

Dettagli

Idoneità informatica. Ms Word

Idoneità informatica. Ms Word Idoneità informatica A.A. 2009/10 Ms Word Prof. Iannizzi iannizzi@dsi.unimi.it Cos è un word processor èun programma di videoscrittura che consente anche di applicare formati diversi al testo e di eseguire

Dettagli

Esercizio INTERNET. Esercizio

Esercizio INTERNET. Esercizio Esercizio INTERNET A titolo di esempio si intende realizzare un prototipo di pagina web contenente i seguenti elementi: - sfondo - pulsanti - testo scritto - collegamento ipertestuale ad un altra pagina

Dettagli

CSS. Politecnico di Milano Facoltà del Design Bovisa. Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione

CSS. Politecnico di Milano Facoltà del Design Bovisa. Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione CSS Politecnico di Facoltà del Design Bovisa Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione cugola@elet.polimi.it http://home.dei.polimi.it/cugola I cascading style sheet I CSS permettono

Dettagli

Capitolo X Esercitazione n. 10: Word e HTML

Capitolo X Esercitazione n. 10: Word e HTML Capitolo X Esercitazione n. 10: Word e HTML Scopo: Creare un semplice sito web con Microsoft Word. Il sito web è composto da una home page, e da altre due pagine (curriculum e hobby) ad essa collegate

Dettagli

PROGRAMMAZIONE DISCIPLINARE DIPARTIMENTALEDI INFORMATICA

PROGRAMMAZIONE DISCIPLINARE DIPARTIMENTALEDI INFORMATICA I.I.S. G. CENA ISTITUTO D ISTRUZIONE SUPERIORE G. CENA - Ivrea SEZIONE TECNICA ANNO SCOLASTICO 2016/2017 PROGRAMMAZIONE DISCIPLINARE DIPARTIMENTALEDI INFORMATICA DOCENTI Francisco Ezio, Nespolo Donatella,

Dettagli

3.3.6 Gli operatori Le funzioni di accesso al tipo Le strutture di controllo Le funzioni

3.3.6 Gli operatori Le funzioni di accesso al tipo Le strutture di controllo Le funzioni IIndice Capitolo 1 Da dove partiamo: pagine web statiche 1 1.1 Principi di base.............................. 1 1.1.1 Il paradigma client-server.................... 1 1.1.2 Ipertesto, multimedia, ipermedia................

Dettagli

Indice generale. Introduzione...xiii. Gli standard e i CSS...1

Indice generale. Introduzione...xiii. Gli standard e i CSS...1 Introduzione...xiii Capitolo 1 Capitolo 2 Capitolo 3 Gli standard e i CSS...1 Contenuti e formattazione: due oggetti distinti... 1 Le zuppe di codice... 2 L introduzione dei CSS... 4 I vantaggi degli standard...

Dettagli

Sommario. 1. Internet subito Le FAQ di Internet 13. Sommario vii

Sommario. 1. Internet subito Le FAQ di Internet 13. Sommario vii Sommario 1. Internet subito 1 Internet e il web 2 Alla scoperta della finestra di Internet Explorer 3 Ricercare sul Web 4 Usare schede e finestre 6 Scaricare Windows Live 7 Conoscere la posta elettronica

Dettagli

MODULO 7 HTML HTML. HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali

MODULO 7 HTML HTML. HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali MODULO 7 HTML MODULO 6 - HTML 1 HTML HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali Un sistema ipertestuale è un insieme di nodi connessi da collegamenti.

Dettagli

Javascript e CSS nelle pagine WEB

Javascript e CSS nelle pagine WEB 1 Javascript e CSS nelle pagine WEB Esempi applicativi Autrice: Turso Antonella Carmen INDICE ARGOMENTI 2... 5 LEZIONE 1... 6 COSA SONO I JAVASCRIPT... 6 LEZIONE 2... 8 STRUTTURA DEL LINGUAGGIO JAVASCRIPT

Dettagli

CSS. Dott. Nicole NOVIELLI novielli@di.uniba.it http://www.di.uniba.it/intint/people/nicole.html. ignorare la definizione degli elementi di stile

CSS. Dott. Nicole NOVIELLI novielli@di.uniba.it http://www.di.uniba.it/intint/people/nicole.html. ignorare la definizione degli elementi di stile CSS Dott. Nicole NOVIELLI novielli@di.uniba.it http://www.di.uniba.it/intint/people/nicole.html CSS: Cascading Style Sheet! Tecnologia W3C per la definizione dello stile di una pagina web! Contenuto e

Dettagli

I FOGLI DI STILE CSS (CASCADING STYLE SHEETS)

I FOGLI DI STILE CSS (CASCADING STYLE SHEETS) I FOGLI DI STILE CSS (CASCADING STYLE SHEETS) Gli stili rappresentano un metodo per definire come il browser debba visualizzare i tag HTML. Il loro vantaggio è che possono essere utilizzati a differenti

Dettagli

#HTML & MArkup Languages. good web design VS bad web design

#HTML & MArkup Languages. good web design VS bad web design #HTML & MArkup Languages good web design VS bad web design #standard web a set of standardized best practices for building web sites, and a philosophy of web design and development that includes those

Dettagli

Rapporto conclusivo di accessibilità

Rapporto conclusivo di accessibilità Rapporto conclusivo di accessibilità Modello per i soggetti di cui all articolo 3, comma 1, della legge 9 gennaio 2004, n. 4 Soggetto interessato: Provincia di Genova Responsabile dell accessibilità: il

Dettagli

Tecnologie di Sviluppo per il Web

Tecnologie di Sviluppo per il Web Tecnologie di Sviluppo per il Web Cascading Style Sheets (CSS): Dettagli e Approfondimenti versione 1.2 G. Mecca mecca@unibas.it Università della Basilicata CSS >> Sommario Dettagli e Approfondimenti Sintassi

Dettagli

Sistema Pianificazione Consultazione Manuale d uso Operatore

Sistema Pianificazione Consultazione Manuale d uso Operatore Sistema Pianificazione Consultazione Manuale d uso Operatore Sommario 1 Introduzione... 2 2 Accesso al sito di Consultazione... 2 3 Home... 5 4 Download Template... 5 4.1 Download per regione... 5 4.2

Dettagli

Language. info@settingweb.it. www.settingweb.it

Language. info@settingweb.it. www.settingweb.it HTML HyperText Markup Language Documenti ipertestuali Sono formati da documenti multimediali: testo, immagini, suoni, video, ecc Comprendono le seguenti parti: contenuto struttura presentazione Che cos

Dettagli

GRAFICA TEMPLATE n. 004B

GRAFICA TEMPLATE n. 004B GRAFICA TEMPLATE n. 004B Grafica generica ideata per: locali, altro. Il pacchetto base MIOSITO4 prevede n. 4 pagine personalizzabili. Pagine del sito: HOME PAGE, IL LOCALE, FOOD/DRINKS, CONTATTI. Possibilità

Dettagli

Indice generale. Prefazione alla prima edizione...xvii. Introduzione...xix. Capitolo 1 Gli standard e i CSS... 1

Indice generale. Prefazione alla prima edizione...xvii. Introduzione...xix. Capitolo 1 Gli standard e i CSS... 1 Indice generale Prefazione alla prima edizione...xvii Introduzione...xix Organizzazione dell opera...xx I capitoli...xx Le appendici...xxi Materiale online...xxi A chi si rivolge il libro...xxi Prerequisiti...xxii

Dettagli

IMMAGINI INTRODUZIONE

IMMAGINI INTRODUZIONE IMMAGINI INTRODUZIONE Prima di inserire le immagini nella pagina HTML, le stesse devono essere copiate all interno della cartella del progetto (Sito). La loro copia può avvenire o tramite Risorse del Computer

Dettagli

IL SITO WEB PER IL PROFESSIONISTA

IL SITO WEB PER IL PROFESSIONISTA IL SITO WEB PER IL PROFESSIONISTA Note di utilizzo del pannello di controllo per la gestione del sito internet personalizzato Versione 1.1 del 4 aprile 2016 AteneoWeb s.r.l. - Via Gregorio X, 46 Piacenza

Dettagli

Modifica Pagina Web. Pulsante LogOut: cliccare per uscire dall'ambiente di amministrazione

Modifica Pagina Web. Pulsante LogOut: cliccare per uscire dall'ambiente di amministrazione Modifica Pagina Web Dopo aver effettuato la Login con la Username e la Password fornitavi (alla url http:// [nomedominio]/account oppure attraverso la pagina login se presente sul sito) vi troverete all'interno

Dettagli

Javascript. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori

Javascript. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori Javascript Politecnico di Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori Ing. Claudio Menghi Dipartimento di Elettronica e Informazione menghi@elet.polimi.it http://home.dei.polimi.it/menghi

Dettagli

Corso Creare Siti WEB

Corso Creare Siti WEB Corso Creare Siti WEB INTERNET e IL WEB Funzionamento Servizi di base HTML CMS JOOMLA Installazione Aspetto Grafico Template Contenuto Articoli Immagini Menu Estensioni Sito di esempio: Associazione LaMiassociazione

Dettagli

In questa lezione, vedremo come modificare alcune proprietà-valore, utilizzando le spiegazioni del codice direttamente sul progetto del nostro sito.

In questa lezione, vedremo come modificare alcune proprietà-valore, utilizzando le spiegazioni del codice direttamente sul progetto del nostro sito. Corso html 5. Di Roberto Abutzu. Lezione 18 "CSS - Formattazione testo ed elementi". Formattazione css base degli elementi. In questa lezione, vedremo come modificare alcune proprietà-valore, utilizzando

Dettagli

WEB I FOGLI DI STILE. Gabriele Murara

WEB I FOGLI DI STILE. Gabriele Murara WEB I FOGLI DI STILE Gabriele Murara 1 Cosa sono e a cosa servono HTML dovrebbe essere visto semplicemente come un linguaggio strutturale, alieno da qualunque scopo attinente la presentazione di un documento

Dettagli

GUIDA DI PRIMO SOCCORSO

GUIDA DI PRIMO SOCCORSO GUIDA DI PRIMO SOCCORSO SULL USO DEL CODICE HTML NELL EMAIL MARKETING Il marketing via email è sicuramente uno dei più potenti ed efficaci strumenti di promozione. Veloce da implementare, offre risultati

Dettagli

Strumenti per lo sviluppo

Strumenti per lo sviluppo Strumenti per lo sviluppo Librerie Javascript jquery script.aculo.us Componenti aggiuntivi per i browser firefox e chrome Firebug Web developer Alcune utility on-the-fly Generatore di sorgente di codice

Dettagli

Laboratorio di reti I: Cascading Style Sheets

Laboratorio di reti I: Cascading Style Sheets Laboratorio di reti I: Cascading Style Sheets Stefano Brocchi brocchi@dsi.unifi.it 10 novembre, 2009 Stefano Brocchi Laboratorio di reti I: I CSS 10 novembre, 2009 1 / 45 Cascading Style Sheets Un Cascading

Dettagli

Rapporto conclusivo di accessibilità

Rapporto conclusivo di accessibilità Rapporto conclusivo di accessibilità Modello per i soggetti di cui all articolo 3, comma 1, della legge 9 gennaio 2004, n. 4 Soggetto interessato: I.I.S. "" PANTALEONE COMITE" MAIORI (SA) Responsabile

Dettagli

jt - joetex - percorsi didattici

jt - joetex - percorsi didattici jt - joetex - percorsi didattici Corso dreamweaver lezione 1 Sommario 1. Creare un sito in locale 2. creare la prima pagina Creare un sito in locale Un sito va creato tutto all'interno di un'unica cartella.

Dettagli

Corso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013

Corso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013 Corso di HTML Modulo L3 1-Concetti generali 1 Prerequisiti Browser Rete Internet Client e server 2 1 Introduzione In questa Unità introduciamo alcuni semplici elementi del linguaggio HTML, con il quale

Dettagli