In questo tutorial creeremo la pagina di un Blog usando tecniche di ultima generazione basate su HTML5 e CSS3.
|
|
- Leonzio Lombardo
- 7 anni fa
- Visualizzazioni
Transcript
1 In questo tutorial creeremo la pagina di un Blog usando tecniche di ultima generazione basate su HTML5 e CSS3. Il tutorial mira a mostrare il modo in cui saranno costruiti i siti web lato frontend allorché le software house avranno integrato le nuove specifiche HTML e CSS nei loro programmi di navigazione. Difatti gran parte dei più noti browser web, non supporta appieno le nuove specifiche di questi linguaggi, a cominciare da Internet Explorer 8. Tuttavia, la versione 9 di quest'ultimo browser, giunta ormai in fase di beta test, dovrebbe colmare il gap presente rispetto software di navigazione dii altri produttori. Inoltre, a titolo informativo, tengo a sottolineare che attualmente il miglior supporto a queste due tecnologie web viene fornito dalle ultime versioni dei browser Safari e Google Chrome. In ogni caso, a conclusione del tutorial principale, vedremo un secondo tutorial, appendice del primo, che, mediante degli "hack", aggiungerà un supporto parziale ad IE8 per i linguaggi HTML5 e CSS3 consentendo in questo modo la creazione di pagine web perfettamente funzionanti su tutti i browser attualmente in circolazione. Se già si conosce l'html e il linguaggio CSS dovrebbe essere facile seguire questo breve tutorial. Perché HTML5 HTML5 è l'ultima e più nuova versione del linguaggio HTML. Esso introduce una serie di nuovi elementi che aggiungono semantica alle nostre pagine. Ciò permette ai motori di ricerca ed agli screen readers di navigare con più facilità attraverso le nostre pagine e migliora l'esperienza web di ciascuno. 1 / 7
2 Inoltre HTML5 include delle nuove fantastiche API per disegnare grafica e grafici su schermo, per salvare i dati offline, per il drag and drop e molto altro. Ma iniziamo il nostro viaggio in questa nuova versione del linguaggio html creando l'interfaccia di frontend di un nostro ipotetico blog. Definizione di una struttura di base Prima di iniziare a creare la nostra pagina web dovremmo avere una bozza dell'intera struttura del documento. Il nostro prototipo, per esempio, potrebbe essere simile al seguente: Osservando l'immagine sovrastante è possibile distinguere un insieme di sezioni ben definite. Queste sezioni in realtà sono macroaree concettuali che costituiranno ciascuna pagina del nostro Blog. Nel corso di questo tutorial vedremo che spesso queste macroaree risulteranno composte da più sottosezioni accomunate dal ruolo svolto nell'area della pagina in cui sono collocate. In HTML5 ci sono dei tag specifici per denotare le diverse sezioni di un documento html, vale a dire: header, navigation, section, sidebar e footer. Per questo motivo durante la creazione del markup code mapperemo questi tag con le diverse sezioni/macroaree individuate nell nostro modello. Iniziamo ad introdurre il codice html del nostro esempio, le spiegazioni saranno date più avanti. 2 / 7
3 A grandi linee, tenendo presente la bozza precedente, possiamo dire che la struttura del nostro documento html sarà simile alla seguente: {codecitation class="brush: html; PARAMETER-NAME: html-script; gutter: false;" width="700px"} <!doctype html> <html> <head> <title>page title</title> </head> <body> <header> <h1>page title</h1> </header> <nav> <!-- Navigation --> </nav> <section id="intro"> <!-- Introduction --> </section> <section> <!-- Main content area --> </section> <aside> <!-- Sidebar --> </aside> <footer> <!-- Footer --> </footer> </body> </html> {/codecitation} Come si vede il codice appare ancora come HTML ma ci sono alcune particolarità da evidenziare. - In HTML5 vi è solo un doctype. Esso è dichiarato all'inizio della pagina come <!doctype html>. Questo tag dice semplicemente al browser che ha a che fare con un documento HTML. - Il nuovo tag "header" racchiude elementi introduttivi come il titolo della pagina o un logo. Esso può contenere anche un indice o una form di ricerca. Di solito ciascun header contiene un heading tag che può variare da <h1> ad <h6>. In questo caso l'header è usato per introdurre l'intera pagina, ma noi tra un po' lo utilizzeremo per introdurre una sezione della pagina. - Il tag "nav" viene utilizzato per contenere gli elementi di navigazione come la navigazione principale di un sito o una navigazione più specialistica come quella dei links precedente/successivo, avanti/indietro. - Il tag "section" è usato per denotare una sezione nel documento. Esso può contenere tutti i tipi di markup (o marking up) e più sezioni possono essere innestate l'una nell'altra. - "aside" viene utilizzato per contenere elementi correlati al contenuto principale della pagina attualmente visualizzata. In questo caso lo utilizziamo per la sidebar. - Il tag "footer" dovrebbe contenere informazioni addizionali circa il contenuto principale, come informazioni sull'autore, informazioni sul copyright, links addizionali a documenti correlati, ecc. Pertanto, come si può osservare dal codice, invece di usare dei tag "div" o (peggio ancora) delle tabelle per formattare le diverse sezioni della pagina ora si adoperano degli appropriati tag 3 / 7
4 semantici per strutturare i contenuti. Questi tag renderanno più semplice ai motori di ricerca ed agli screen reader capire "cosa è cosa" nell'ambito del contenuto di una pagina. (Fine prima parte). Articoli successivi: HTML5 & CSS3 - Parte 2 Nella prima parte di questo tutorial abbiamo introdotto alcuni concetti chiave legati alle nuove specifiche di HTML5, abbiamo introdotto alcuni nuovi tag per la costruzione di pagine web ed abbiamo parlato dell fatto che questi nuovi tag sono semanticamente significativi per i motori di ricerca e per gli screen reader. Successivamente, abbiamo introdotto il progetto d'esempio che desideriamo realizzare che consiste nell'implementazione dell'interfaccia di frontend di un ipotetico Blog, abbiamo presentato una bozza della struttura della pagina e una sua prima conversione in codice HTML5. HTML5 & CSS3 - Parte 3 4 / 7
5 Nelle lezioni precedenti di questo tutorial abbiamo parlato di HTML5, abbiamo presentato alcuni dei nuovi tag introdotti con esso ed abbiamo creato la parte di codice HTML che costituisce il progetto d'esempio che abbiamo deciso di realizzare, ovvero la creazione della pagina di un blog. A partire da questa lezione, invece, parliamo di CSS3 ed introduciamo il codice necessario ad impaginare e formattare il nostro markup. HTML5 & CSS3 - Parte 4 Nelle prime due lezioni di questo tutorial abbiamo parlato di HTML5, abbiamo presentato alcuni dei nuovi tag introdotti con esso ed abbiamo creato la parte di codice HTML che costituisce il progetto d'esempio che desideriamo realizzare, ovvero la pagina di un blog. Nella terza lezione, poi, abbiamo iniziato a "stendere" il foglio di stile CSS per impaginare i diversi elementi della pagina. In particolare, abbiamo visto la sezione di reset ed inizializzazione del CSS e la sezione di formattazione della barra di navigazione. HTML5 & CSS3 - Parte 5 Nelle prime due lezioni di questo tutorial abbiamo parlato di HTML5, presentando alcuni dei nuovi tag introdotti con esso ed abbiamo creato la parte di codice HTML che costituisce il progetto d'esempio che desideriamo realizzare, ovvero la pagina di un blog. 5 / 7
6 Nella terza e quarta lezione, poi, abbiamo iniziato a trascrivere il codice del foglio di stile necessario ad impaginare le diverse sezioni del nostro documento HTML. In particolare, siamo partiti dalla definizione di una rapida sezione di reset nel CSS, per poi passare alla stilizzazione della barra di navigazione e della sezione "intro" della nostra pagina, facendo particolare riferimento ad alcuni tag nuovi, introdotti con le specifiche CSS3, necessari per posizionare, formattare e impaginare le immagini di sfondo di una specifica sezione. HTML5 & CSS3 - Appendice Speciale (Parte 1) In questo articolo, che costituisce un'appendice al tutorial su HTML5 e CSS3 postato nei mesi scorsi, vedremo come modificare la pagina del blog precedentemente analizzata in modo da renderla fruibile e visivamente gradevole sia sotto Internet Explorer 8/9, che sotto Google Chrome, Safari e Mozilla Firefox. Quello che ci interessa, in particolare, è raggiungere una buona compatibilità del nostro codice con le versioni 8 e 9 del browser di casa Microsoft. HTML5 & CSS3 - Appendice Speciale (Parte 2) Nella prima parte di questa appendice al tutorial su HTML5 e CSS3 abbiamo introdotto gli script che utilizziamo per rendere la nostra pagina di blog compatibile con tutti i principali browser web in circolazione (Internet Explore 8 o superiore, Google Chrome, Mozilla Firefox, Safari). Inoltre, abbiamo visto il codice HTML univoco della nostra pagina web. 6 / 7
7 Ora ci apprestiamo ad esaminare il codice sorgente dei due fogli di stile utilizzati. 7 / 7
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Seconda lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Seconda lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 In informatica l'hypertext Markup Language (HTML)
Dettagli1.1. Come funzionano le pagine Web.
Se tu hai voglia di creare il tuo sito web in HTML, oppure stai semplicemente cercando un supporto aggiuntivo perché pensi che le lezioni di HTML che ricevi all università non sono abbastanza chiare e
DettagliScritto da Enrico Battuello Martedì 09 Agosto :51 - Ultimo aggiornamento Venerdì 07 Dicembre :37
Nelle prime due lezioni di questo tutorial abbiamo parlato di HTML5, presentando alcuni dei nuovi tag introdotti con esso ed abbiamo creato la parte di codice HTML che costituisce il progetto d'esempio
DettagliProf. 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
DettagliDichiarazione di Accessibilità di questo sito
Accessibilità Dichiarazione di Accessibilità di questo sito La valutazione è stata effettuata utilizzando i seguenti browser: Browser stema Microsoft Internet Explorer 11 Windows 7 Mozilla Firefox 62.0
DettagliCome progettare un layout web responsive con le media queries?
Come progettare un layout web responsive con le media queries? Dopo le prime due lezioni introduttive sul Responsive Web Design, oggi ci addentreremo nel codice CSS attraverso le nuove istruzioni messe
DettagliJavascript 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
DettagliCORSO DI FORMAZIONE: WEB MASTER E WEB DESIGN PROGRAMMA
CORSO DI FORMAZIONE: WEB MASTER E WEB DESIGN PROGRAMMA Como 2017 MT Promozione e-mail: info@corsidiformazionelombardia.it web: www.corsidiformazionelombardia.it cell.: 3384391218 INDICE Cap. Par. Sot.
DettagliCSS / PRIORITA E CASCADING. INFORMATICA E GRAFICA PER IL WEB HTML+CSS docente: Alessandro Gabbiadini 1
CSS / PRIORITA E CASCADING INFORMATICA E GRAFICA PER IL WEB HTML+CSS docente: Alessandro Gabbiadini 1 CSS / PRIORITA E PRECEDENZA NELLE DEFINIZIONI CSS Gli stili CSS si dicono a cascata perché lo stile
DettagliL XML è un linguaggio di markup aperto e basato su testo che fornisce informazioni di tipo strutturale e semantico relative ai dati veri e propri.
L XML è un linguaggio di markup aperto e basato su testo che fornisce informazioni di tipo strutturale e semantico relative ai dati veri e propri. L XML è stato ottimizzato per il Web, diventando potente
DettagliJavaScript e CSS. Pasqualetti Veronica
JavaScript e CSS 1 Pasqualetti Veronica CSS Cascading Style Sheets Linguaggio per modificare lo stile delle pagine web I fogli di stile (CSS): Servono per facilitare la creazione di pagine HTML con un
DettagliUna pagina web inizia sempre con il tag <html> e si conclude con il tag </html> : ogni elemento che compone la pagina sarà racchiuso tra essi.
HTML per semplici pagine web HTML è l acronimo di Hypertext Markup Language ( Linguaggio di contrassegno per gli Ipertesti ) e NON è un linguaggio di programmazione E un linguaggio che permette di indicare
DettagliProgettazione e sviluppo WEB
Progettazione e sviluppo WEB Antonio Gallo antoniog.web@gmail.com info@laboratoriolibero.com Progettazione e sviluppo WEB Cosa significa progettare e sviluppare un sito web? Progettazione e sviluppo WEB
DettagliViene pubblicata la versione 1.0 di HTML:
Viene pubblicata la versione 1.0 di HTML: HTML permette di definire formalmente la struttura logica dei documenti ipertestuali, offrendo semplici strumenti di formattazione e per collegare vari documenti
DettagliScritto da Enrico Battuello Venerdì 07 Dicembre :16 - Ultimo aggiornamento Venerdì 07 Dicembre :08
Nella prima parte di questa appendice al tutorial su HTML5 e CSS3 abbiamo introdotto gli script che utilizziamo per rendere la nostra pagina di blog compatibile con tutti i principali browser web in circolazione
DettagliSpunti su come ottimizzare un sito web per dispositivi mobili
Spunti su come ottimizzare un sito web per dispositivi mobili L enorme sviluppo nell ambito dei dispositivi mobili ci impone di prestare la massima attenzione a questa sempre più importante fetta di mercato
DettagliRapporto 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
DettagliPortale di gestione Version 7.5
Portale di gestione Version 7.5 MANUALE DELL AMMINISTRATORE Revisione: 29/08/2017 Sommario 1 Informazioni sul documento...3 2 Informazioni sul portale di gestione...3 2.1 Account e unità... 3 2.2 Browser
DettagliCURRICOLO DIPARTIMENTO INFORMATICA PRIMO BIENNIO
dei limiti nel contesto culturale e sociale in cui vengono applicate CURRICOLO PARTIMENTO INFORMATICA PRIMO BIENNIO MODULO 1 Concetti di base della tecnologia dell informazione Acquisire e interpretare
DettagliHTML5 - Espresso - con CSS3 e ECMAScript5. Daniele Bochicchio, Matteo Casati, Cristian Civera, Riccardo Golia, Stefano Mostarda
HTML5 - Espresso - con CSS3 e ECMAScript5 Daniele Bochicchio, Matteo Casati, Cristian Civera, Riccardo Golia, Stefano Mostarda Hoepli (2011) http://books.aspitalia.com/html5/ ISBN 9788820348038 Contenuti
DettagliWordPress: come rendere dinamici Header e Sidebar del template?
WordPress: come rendere dinamici Header e Sidebar del template? Nel corso delle lezioni di questa guida abbiamo realizzato buona parte del nostro template; oggi, prima di spingerci avanti introducendo
DettagliGuida 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...
DettagliRequisiti di sistema per Qlik Sense. Qlik Sense 2.2 Copyright 1993-2016 QlikTech International AB. Tutti i diritti riservati.
Requisiti di sistema per Qlik Sense Qlik Sense 2.2 Copyright 1993-2016 QlikTech International AB. Tutti i diritti riservati. Copyright 1993-2016 QlikTech International AB. Tutti i diritti riservati. Qlik,
DettagliPIATTAFORMA DI E-LEARNING VERSIONE ACCESSIBILE
Università per Stranieri Dante Alighieri Reggio Calabria Sede Legale - via del Torrione, 95-89125 Reggio Calabria Decreto Ministeriale del 17 ottobre 2007, n. 504 C.f. / P. Iva: 01409470802 PIATTAFORMA
DettagliHTML. Linguaggio testuale formato da TAG, che consente il collegamento tra diversi file.
Con la sigla HTML si intende: HYPER TEXT MARKUP LANGUAGE HTML Linguaggio testuale formato da TAG, che consente il collegamento tra diversi file. Iper testo Un documento o pagina puo essere collegato ad
DettagliLE GUIDE TURISTICHE. Progetto realizzato per l'esame di Laboratorio e Progettazione Web Corso di Laurea in Informatica Umanistica.
LE GUIDE TURISTICHE Progetto realizzato per l'esame di Laboratorio e Progettazione Web Corso di Laurea in Informatica Umanistica. Lamya Marjani Relazione INTRODUZIONE Applicazione web Le guide turistiche
Dettagliliceo 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:
DettagliDichiarazione 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
DettagliScritto da Enrico Battuello Domenica 20 Febbraio 2011 13:30 - Ultimo aggiornamento Venerdì 07 Dicembre 2012 01:39
Nelle lezioni precedenti di questo tutorial abbiamo parlato di HTML5, abbiamo presentato alcuni dei nuovi tag introdotti con esso ed abbiamo creato la parte di codice HTML che costituisce il progetto d'esempio
Dettagli01QYAPD - SOCIAL NETWORKING: TECHNOLOGIES AND APPLICATIONS
01QYAPD - SOCIAL NETWORKING: TECHNOLOGIES AND APPLICATIONS HTML5: primi passi LORENZO CANALE (lorenzo.canale@polito.it) LAB 1 HTML 5 Questa esercitazione ha lo scopo di introdurre gli elementi base di
DettagliIntroduzione a PowerPoint
Introduzione a PowerPoint PowerPoint è una potente applicazione per la creazione di presentazioni, ma per utilizzarla nel modo più efficace è necessario innanzitutto comprenderne gli elementi di base.
DettagliDocumento sulla Compatibilità e corretta configurazione del browser per l utilizzo delle funzioni del software. Sommario
Documento sulla Compatibilità e corretta configurazione del browser per l utilizzo delle funzioni del software. Sommario Documento Compatibilità... 1 Premessa... 2 Internet Explorer... 4 Chrome... 6 FireFox...
DettagliSCHEDA PROGRAMMA SVOLTO 1F A.S. 2017/2018
ISO 9001: 2015 Cert. N IT279107 Settori EA di attività Valid. 16.02.2018 15.02.2021 Rev. N.01 del 16.02.2018 IS TI T U TO D I IS TR U Z I O N E S U PE R IO R E B U C C A R I M A R C O N I Sede Buccari:
DettagliLuca Tesei. Laboratorio di Sviluppo Web: Le Basi. Modulo IFTS. Fermo 31/03, 03/04, 07/ Prof. Luca Tesei Università di Camerino 1
Luca Tesei Laboratorio di Sviluppo Web: Le Basi Modulo IFTS Fermo 31/03, 03/04, 07/04 2017 Prof. Luca Tesei Università di Camerino 1 Informazioni di Contatto Email docente: luca.tesei@unicam.it Telefono:
DettagliScritto da Enrico Battuello Lunedì 07 Febbraio 2011 21:36 - Ultimo aggiornamento Venerdì 07 Dicembre 2012 01:40
Nella prima parte di questo tutorial abbiamo introdotto alcuni concetti chiave legati alle nuove specifiche di HTML5, abbiamo introdotto alcuni nuovi tag per la costruzione di pagine web ed abbiamo parlato
DettagliGuida introduttiva. Ricerca di forme Per trovare una forma, basta fare clic su Cerca nella finestra Forme.
Guida introduttiva L'aspetto di Microsoft Visio 2013 è molto diverso da quello delle versioni precedenti. Grazie a questa guida appositamente creata è possibile ridurre al minimo la curva di apprendimento.
DettagliLa 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,
Dettagliper immagini guida avanzata Modificare il contenuto del foglio di lavoro Geometra Luigi Amato Guida Avanzata per immagini Excel 2000 1
Modificare il contenuto del foglio di lavoro Geometra Luigi Amato Guida Avanzata per immagini Excel 2000 1 Selezione delle celle per immagini guida avanzata La cella attiva è la B7 Selezionare una cella
DettagliQuizFaber. Impostazioni per IE, Chrome, Firefox
QuizFaber Impostazioni per IE, Chrome, Firefox 1 QuizFaber è un software per la creazione di quiz in formato HTML. Attualmente quasi tutte le pagine web contengono JavaScript, un linguaggio di scripting
DettagliCollaborazioni on-line
Collaborazioni on-line Sommario Concetti fondamentali Collaborazioni on-line Software per le collaborazioni on-line Internet Rete di computer collegati fisicamente per comunicare e scambiare informazioni
DettagliParte II.4 World Wide Web
Parte II.4 World Wide Web Elisabetta Ronchieri Università di Ferrara Dipartimento di Economia e Management Insegnamento di Informatica Dicembre 1, 2015 Argomenti World Wide Web URL Pagine Web World Wide
DettagliATDM Manuale dell utente Web Remote Manager
ATDM-0604 Manuale dell utente Web Remote Manager Web Remote Manager Cos'è Web Remote Manager? Web Remote Manager è un applicazione utilizzabile per l impostazione di parametri in remoto relativi a un ambiente
Dettaglifuturo Blog sito dinamico, poi aggiungiamo le immagini, il contenuto e i link ai tre blocchi.
Dopo avere creato la struttura della pagina, la dobbiamo rendere viva, creando qualche effetto speciale, ottimizzando i contenuti, i link ad altre pagine, e soprattutto far convalidare la nostra pagina
DettagliImmaginiamo la nostra prima tabella come una griglia formata da righe e colonne. I tag necessari per creare una tabella sono: <table>
LE TABELLE IN HTML Le tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi trasformate in uno strumento indispensabile
DettagliHyper Text Markup Language - HTML Introduzione e funzionamento dei Browsers
Hyper Text Markup Language - HTML Introduzione e funzionamento dei Browsers Sviluppo di siti web UD01 Fablab Design L'HTML e i browser L'HTML (Hyper Text Markup Language) è il linguaggio con cui si indica
DettagliUniversità degli Studi di Bologna Facoltà di Ingegneria. Tecnologie Web T A.A. 2015 2016. Esercitazione 1 URI, HTTP, HTML, CSS
Università degli Studi di Bologna Facoltà di Ingegneria Tecnologie Web T A.A. 2015 2016 Esercitazione 1 URI, HTTP, HTML, CSS Agenda URL e Protocollo HTTP prove ed esempi HTML e CSS corrispondenza tra elementi
DettagliIntroduzione al Linguaggio HTML
Introduzione al Linguaggio HTML 2 Cosa e l HTML HTML = Hyper Text Markup Language Serve per produrre documenti nel WWW (World Wide Web) Utilizza un insieme predefinito di marcatori (TAG) per definire la
DettagliLena Cota Guido Corso di Informatica - II livello. Internet Explorer. Navigare in Internet
Navigare in Internet 1 Cos è Internet In informatica per rete si intende un insieme di computer collegati tra loro e in grado di condividere risorse e/o servizi 2 Internet è la rete delle reti, che collega
DettagliParte Prima La bozza in Photoshop
Come ti costruisco un Sito Web Palmiero Corrado Va da sé che questa mini guida, non vuole ne essere esaustiva, ne definitiva, ma semplicemente un esempio tra mille modi e programmi differenti su come creare
DettagliIntroduzione all HTML, parte quarta
Introduzione all HTML, parte quarta Università di Pisa pievatolo@dsp.unipi.it 31 marzo 2014 Sommario 1 Head: che cosa ti sei messo in testa? 2 Nav 3 Head Attributo lang Per esempio: Indica
DettagliWordPress: predisporre la sidebar per l'uso di widget
WordPress: predisporre la sidebar per l'uso di widget Dopo la pausa estiva riprendiamo il nostro corso dedicato alla realizzazione di un tema per WordPress: nello specifico oggi vedremo come creare una
DettagliL'head Pubblicato su (
Indice Il tag Il tag Il tag Il tag Il tag Il tag Il tag Il tag Il tag IE commenti condizionali Il tag Il tag rappresenta
DettagliWordpress & SEO. Gianni Vascellari. Consigli per l ottimizzazione per i motori di ricerca e per le
Wordpress & SEO Consigli per l ottimizzazione per i motori di ricerca e per le persone. - Gianni Vascellari @hedo www.hedo.it LA QUASI TOTALITÀ DEGLI ITALIANI CHE NAVIGANO IN RETE UTILIZZA I MOTORI DI
DettagliT2C2 Training to Code 2
T2C2 Training to Code 2 Introduzione e Configurazione Laura Tarsitano laura.tarsitano@criadcoding.it Noi usiamo Snap! L'ambiente di progettazione di cartoline animate (micromondi) denominato Snap! è fruibile
DettagliACCESS. Database: archivio elettronico, dotato di un programma di interfaccia che facilita la registrazione e la ricerca dei dati.
ACCESS Database: archivio elettronico, dotato di un programma di interfaccia che facilita la registrazione e la ricerca dei dati. Database Relazionale: tipo di database attualmente più diffuso grazie alla
DettagliCOOKIE POLICY DEL SITO
COOKIE POLICY DEL SITO www.maiora.com Questa Cookie Policy si inquadra nella Privacy Policy del sito www.maiora.com. Per tutte le informazioni richieste dall art. 13 Regolamento Europeo 679/16 GDPR clicca
DettagliEuropeToday. Elisa Arzeno. European School of Economics. Corso di informatica realizzazione di un sito web
European School of Economics 1 Corso di informatica realizzazione di un sito web Anno 2001-2002 EuropeToday http://cn.newnetworks.it/europetoday Elisa Arzeno 1 2 EuropeToday http://cn.newnetworks.it/europetoday
DettagliPrime nozioni di Web-Editing. Liceo Classico Jacopone - Todi - A.S Prof. Marco Bastianelli
Prime nozioni di Web-Editing Classico Jacopone - Todi - A.S. 2016-2017 Prof. Marco Bastianelli Che cos è il Web Editing? ECDL (modulo avanzato Web Editing): La certificazione ECDL Web Editing permette
DettagliDREAMWEAVER CS6: STILI CSS
DREAMWEAVER CS6: STILI CSS Durante la progettazione di siti, una parte cruciale del progetto è il layout. CSS (Cascading Style Sheets) è la principale tecnologia che permetterà di posizionare e disporre
DettagliVANTAGGI DI BOOTSTRAP
BOOTSTRAP COSA È BOOTSTRAP Bootstrap è un framework front-end gratuito per lo sviluppo web più semplice e veloce Bootstrap è composto da una seri di modelli HTML e CSS che definiscono: tipografia, forms,
DettagliGestione del testo. Dreamweaver e il testo. Richiamare la pagina
Gestione del testo 04 In questo capitolo In questo capitolo imparerai a utilizzare gli strumenti di formattazione del testo. Imparerai come impostare uno stile a un testo per un titolo o un paragrafo.
DettagliCOME CANCELLARE LA CRONOLOGIA
COME CANCELLARE LA CRONOLOGIA Internet Explorer Se vuoi cancellare la cronologia ed utilizzi il browser Internet Explorer di Microsoft, tutto quello che devi fare è avviare il programma facendo clic sulla
DettagliLuca Tesei. Laboratorio di Sviluppo Web: Le Basi. Modulo IFTS. Fermo 31/03, 03/04, 07/ Prof. Luca Tesei Università di Camerino 1
Luca Tesei Laboratorio di Sviluppo Web: Le Basi Modulo IFTS Fermo 31/03, 03/04, 07/04 2017 Prof. Luca Tesei Università di Camerino 1 Informazioni di Contatto Email docente: luca.tesei@unicam.it Telefono:
DettagliCorso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali?
Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali? Riprendiamo il discorso, introducendo la tag Body e iniziando
DettagliObiettivi di accessibilità per l anno 2015. Redatto ai sensi dell articolo 9, comma 7 del decreto legge 18 ottobre 2012, n. 179.
Obiettivi di accessibilità per l anno 2015 Redatto ai sensi dell articolo 9, comma 7 del decreto legge 18 ottobre 2012, n. 179. SOMMARIO Obiettivi di accessibilità per l anno 2015... Errore. Il segnalibro
DettagliInternet Explorer 8 Beta 2 disponibile al download pubblico. Scritto da Administrator Venerdì 29 Agosto :38
Microsoft ha da poco reso disponibile la beta 2 della futura versione 8 del suo browser. Internet Explorer 8, giunto alla nuova beta, introduce diverse migliorie e novità rispetto alla versione 7, tutte
DettagliSnap! Programmazione visuale anche su tablet
Snap! Programmazione visuale anche su tablet LINKYOU WEBINAR Marco Morello 24 aprile 2018 Google CV Coding perché e per chi? Da fruitori passivo-interattivi a creatori di artefatti digitali. Coding visuale:
DettagliComunicazione Digitale
Comunicazione Digitale Schema didattico di riferimento 1 1. Internet e le reti locali 1. Qual è la storia della rete Internet dagli albori ai giorni nostri 2. I tipi di rete, come si organizzano e agglomerano
DettagliI tooltips nel web design: a cosa servono e come si utilizzano
I tooltips nel web design: a cosa servono e come si utilizzano Oggi voglio parlarvi dei tooltips, ovvero le finestre pop up che si aprono nel momento in cui posizioniamo il mouse su un immagine o su un
DettagliAnno Scolastico
MINISTERO DELL ISTRUZIONE DELL UNIVERSITA E DELLA RICERCA UFFICIO SCOLASTICO REGIONALE DEL LAZIO I. I. S. Via Silvestri, 301 Via Silv estri, 301 Tel 06/121.127.660 - e-mail rmis10800g@istruzione.it Distretto
DettagliAi docenti della Scuola dell Infanzia Ai docenti della Scuola Primaria p.c. Al D.S.G.A. Il Dirigente Scolastico
DIREZIONE DIDATTICA STATALE IV Circolo Autonomia n 65 Cod.SAEE165005 Scafati (SA) 84018 Via Martiri D Ungheria DISTRETTO SCOLASTICO N 53 Traversa F.lli Bandiera Parco Sereno Tel./Fax 081.8561645 Tel.081.8568437
DettagliCitazioni, acronimi, codice e altri elementi per il testo
Citazioni, acronimi, codice e altri elementi per il testo Nel testo può essere utile inserire citazioni di frasi celebri, apici e pedici, usare degli acronimi e delle abbreviazioni, codice sorgente o demarcare
DettagliObiettivi di accessibilità anno 2014
COMUNE DI OSTIANO Provincia di Cremona Piazza Marconi n. 5 26032 Ostiano CR C.F. 00322970195 Tel. 0372.856911 Fax 0372.840049 pec comune.ostiano@pec.regione.lombardia.it Obiettivi di accessibilità anno
DettagliHTML 1 AVVISO. Terminologia. Introduzione ad HTML. HyperText Markup Language
HTML 1 HyperText Markup Language AVVISO Martedì 4 ottobre in laboratorio ci saranno 2 turni: 11:00 12:15 matricole pari 12:30 13:45 matricole dispari Introduzione ad HTML Documenti HTML Tag di markup Formattazione
DettagliLaurea Specialistica - Media Education. Dr. Annamaria Bria 1
Corso di INFORMATICA Laurea Specialistica - Media Education Dr. Annamaria Bria 1 1 Dipartimento di Matematica Università della Calabria Corso di laurea intercalsse in COMUNICAZIONE&DAMS www.mat.unical.it/bria/informatica2011-12.html
DettagliOggetto: MASTER DI ALTA FORMAZIONE PROFESSIONALE IN WEB MASTER - WEB DESIGN SEO E.COMMERCE - SVILUPPO WEB HTML5, CSS3, PHP, IN AMBIENTE WORDPRESS
Oggetto: MASTER DI ALTA FORMAZIONE PROFESSIONALE IN WEB MASTER - WEB DESIGN SEO E.COMMERCE - SVILUPPO WEB HTML5, CSS3, PHP, IN AMBIENTE WORDPRESS La Salerno Formazione Snc, azienda operante nel settore
Dettagli1 1/5. Corso di Ingegneria del Web 2 00 7 /08. Progetto WebMovie. Premessa. Specifiche del Sito
1/5 Progetto WebMovie Versione 1.0 Premessa I progetti di fine corso si ispirano sempre ad esigenze reali, e fanno solitamente riferimento a tipologie di sito già presenti sulla rete. Nello svolgere il
DettagliProgetto Travel Manager
Progetto Travel Manager Manuale Utente Accesso all applicazione L applicazione è disponibile all indirizzo: http://webapps.calzedonia.com:8092/travelmanager E possibile utilizzare l applicazione con Internet
DettagliCorso sul PACCHETTO OFFICE. Modulo Access
Corso sul PACCHETTO OFFICE Modulo Access Docente: dott. Marco Cardani Lezione 2 Come creare un database 1 2 Come creare un database Impareremo ora come creare un nuovo database in modo da raggiungere un
DettagliGuida pratica alla creazione di pagine web
Guida pratica alla creazione di pagine web Dopo aver creato una pagina html, muoviamo i primi passi nell'uso del codice. Naturalmente non è necessario conoscere il codice a memoria per creare pagine internet,
DettagliISTITUTO D ISTRUZIONE SUPERIORE "G. VERONESE - G. MARCONI"
ISTITUTO D ISTRUZIONE SUPERIORE "G. VERONESE - G. MARCONI" SEDE CENTRALE G. VERONESE Via P. Togliatti, 833-30015 CHIOGGIA (VE) Tel. 041/5542997-5543371 - Fax 041/5548665 e-mail: veis00200g@pec.istruzione.it
DettagliNegli ultimi dieci anni, il Web è stato completamente
Introduzione Negli ultimi dieci anni, il Web è stato completamente integrato nel tessuto sociale. La maggior parte delle aziende ha il proprio sito Web, ed è raro vedere una pubblicità in televisione che
DettagliManualità e Tecniche di Base
Manualità e Tecniche di Base Obiettivi della lezione In questa lezione si spiega come usare il mouse e la tastiera per introdurre dati in un campo, in modo da sviluppare la manualità di base necessaria
DettagliHTML. 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
DettagliSommario. Nozioni di base su HTML
Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................
DettagliLE MASCHERE. Maschera standard. Maschera semplice. Questa maschera però non consente di nascondere alcuni campi e visualizza i record uno ad uno.
LE MASCHERE Inserire i dati direttamente in tabella non è agevole. Questa operazione normalmente viene svolta utilizzando le maschere. I vantaggi offerti dalle maschere sono: Aspetto grafico più accattivante
DettagliNORMATIVA PRIVACY COOKIE
NORMATIVA PRIVACY COOKIE Che cosa sono i Cookie. Un cookie è un semplice file di testo che viene memorizzato sul computer o dispositivo mobile dell utente dal server di un sito web e che può essere letto
DettagliFogli Google: nozioni di base sui fogli di lavoro
Fogli Google: nozioni di base sui fogli di lavoro Una volta acquisita familiarità con le procedure di accesso, creazione e modifica dei Documenti Google, leggi queste informazioni per conoscere le nozioni
DettagliStrumenti e tecniche per il testing di applicazioni web al variare dei browser
tesi di laurea 2010/2011 relatore Ch.mo prof. Porfirio Tramontana Candidato Michele Manzo Matr. 534/1546 PROBLEMA INCOMPATIBILITA TRA SITI WEB IN DIVERSI BROWSER OBIETTIVO A) Individuare i problemi di
DettagliResponsive 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?
DettagliMaxthon. {loadposition user7}
E' molto probabile che per leggere queste righe stiate utilizzando un browser come Firefox, oppure Internet Explorer, o Google Chrome. Questa considerazione nasce dalla constatazione che questi tre browser
DettagliExchangefile 2.0 manuale utente
Exchangefile 2.0 manuale utente Paolo Bison Claudio Cavaggion ISIB-CNR Rapporto Tecnico 02/12, ISIB-CNR Padova, Novembre 2012 ISIB-CNR Corso Stati Uniti 4 35100 Padova IT Versione 26/11/12 SOMMARIO Exchangefile
DettagliACCESSO TRAMITE WEBMAIL
ACCESSO TRAMITE WEBMAIL Il Titolare di una casella di Posta Elettronica Certificata ha la possibilità di accedere alla webmail utilizzando un qualunque browser Internet (Internet Explorer, Google Chrome,
DettagliUn sito con Wordpress
Un sito con Wordpress Includere Digital-mente Corso livello 4 Alcune domande, alcune risposte Hai deciso quali Contenuti pubblicare nel tuo sito? Hai fatto una lista di Categorie per organizzare i tuoi
DettagliSCUOLA PRIMARIA PARITARIA SANTA TERESA Via Pratese Firenze CURRICULUM SCUOLA PRIMARIA INFORMATICA
SCUOLA PRIMARIA PARITARIA SANTA TERESA Via Pratese 10 50145 Firenze CURRICULUM SCUOLA PRIMARIA INFORMATICA TRAGUARDI DI COMPETENZE 1. L'alunno è in grado di usare le nuove tecnologie e i linguaggi multimediali
DettagliMicrosoft Front Page 2000
Microsoft Front Page 2000 Lezione 2 La gestione dei moduli web avviene attraverso il menù 'Inserisci/Modulo'. Sarà possibile inserire ogni elemento del modulo, dal form al button e attraverso le finestre
DettagliCorso di PHP. Prerequisiti. 1 - Introduzione
Corso di PHP 1 - Introduzione 1 Prerequisiti Conoscenza HTML Principi di programmazione web Saper progettare un algoritmo Saper usare un sistema operativo Conoscere il concetto di espressione 2 1 Introduzione
DettagliCOME VISUALIZZARE LE COORDINATE DEL PUNTO E SALVARE LA POSIZIONE
COME VISUALIZZARE LE COORDINATE DEL PUNTO E SALVARE LA POSIZIONE a) Visualizzazione delle coordinate Per poter visualizzare le coordinate del punto in cui ci si trova, è necessario raggiungere la schermata
DettagliCORSO DI HTML E CSS CORSO PER LA REALIZZAZIONE DI SITI WEB CON WORDPRESS. ARGOMENTI BASE DEL CORSO
CORSO DI HTML E CSS CORSO PER LA REALIZZAZIONE DI SITI WEB CON WORDPRESS. Grazie al corso di HTML e CSS IkonArt Academy potrai gestire gli elementi che regolano l'impaginazione dei contenuti (HTML) e l'aspetto
Dettagli