Il sito della MultisalaOz [ dispone di un archivio dei film già proiettati.
|
|
- Severino Ferrara
- 5 anni fa
- Visualizzazioni
Transcript
1 Il sito della MultisalaOz [ dispone di un archivio dei film già proiettati. In questa figura, potete osservare un sito clone. L utente, selezionando una lettera dell alfabeto [o anche 0-9], può avere un elenco dei film il cui titolo comincia con la lettera scelta. Selezionando un film, appare la scheda corrispondente. Pag. 1 di 11 Itis Castelli Php/MySQL
2 Trascurando la grafica, progettate le routine Php/MySQL necessarie per realizzare tali funzionalità. Potete assumere che il database MySQL sia non normalizzato. Quale è il tracciato record della tabella dei film? Pag. 2 di 11 Itis Castelli Php/MySQL
3 Soluzione proposta: Archivio_film.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title>archivio dei film</title> <style type="text/css"> <!-- body,td,th { font-family: Trebuchet MS; font-size: 13px; body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(imm/bg.jpg); background-repeat: repeat; Pag. 3 di 11 Itis Castelli Php/MySQL
4 #wrap { width:760px; margin-left:auto; margin-right:auto; background:#051278; overflow:auto; border:1px solid #333399; margin-top:15px; #header { height:107px; background-image: url(imm/header.jpg); background-position: center center; background-repeat: no-repeat; #menu { background:#333399; color:#ffffff; #menu a:link { #menu a:visited { #menu a:hover { text-decoration: underline; #menu a:active { #left a:link { #left a:visited { #left a:hover { text-decoration: underline; Pag. 4 di 11 Itis Castelli Php/MySQL
5 #left a:active { #center a:link { #center a:visited { #center a:hover { text-decoration: underline; #center a:active { #left { width:145px; padding-left:5px; padding-top:5px; padding-right:5px; padding-bottom:15px; float:left; background-color: #051278; margin-right: 5px; border: 1px solid #333399; margin-top: 5px; #center { width:375px; float:left; background-color: #051278; border: 1px solid #333399; margin: 5px 5px 5px 12px; #right { width:172px; float:right; background-color: #051278; margin-bottom: 5px; border: 1px solid #333399; margin-top: 5px; Pag. 5 di 11 Itis Castelli Php/MySQL
6 margin-left: 5px;.box { border:1px solid #333399; background:#12165d;.box1 { border:1px solid #333399; text-align:center;.style1 {color: #FFCC00.dx {.sx { margin-right:2px; margin-left:2px; #footer { clear:both; text-align:center; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; background-color: #000066; border:1px solid #333399; #footer a:link { #footer a:visited { #footer a:hover { text-decoration: underline; #footer a:active { Pag. 6 di 11 Itis Castelli Php/MySQL
7 --> </style> </head> <body> <div id="wrap"> <div id="header"> <?php include "param_localhost.php";?> <div id="menu"><a href="#">oz Service: mailing list</a> <a href="#">come raggiungerci</a> <a href="#">lavora con noi</a> <a href="#">over60</a> <a href="#">oz Cafè</a> <a href="#">links</a> <a href="#">contatti</a> <div id="left"> <a href="#">programma</a><br/> <a href="#">prenotazioni</a><br/> <a href="#">box OFFICE</a> <br/> <a href="#">archivio</a><br/> <a href="#">poster</a><br/> <a href="#">cinema CENTRO </a><br/> <p align="center"><img src="imm/my_card.jpg" alt="my_card" width="56" height="47" /></p> <p align="center"><img src="imm/drink_shop.jpg" alt="drink_shop" width="104" height="46" /></p> <div id="center"> <div class="box1">archivio DEI FILM PROIETTATI <br/> <div align="center" class="box"> <a href="archivio_film.php?lettera=0-9">0-9</a> <a href="archivio_film.php?lettera=a">a</a> <a href="archivio_film.php?lettera=b">b</a> <a href="archivio_film.php?lettera=c">c</a> <a href="archivio_film.php?lettera=d">d</a> <a href="archivio_film.php?lettera=e">e</a> <a href="archivio_film.php?lettera=f">f</a> <a href="archivio_film.php?lettera=g">g</a> <a href="archivio_film.php?lettera=h">h</a> <a href="archivio_film.php?lettera=i">i</a> <a href="archivio_film.php?lettera=j">j</a> <a href="archivio_film.php?lettera=k">k</a> <a href="archivio_film.php?lettera=l">l</a> <a href="archivio_film.php?lettera=m">m</a> <a href="archivio_film.php?lettera=n">n</a> <br /> <a href="archivio_film.php?lettera=o">o</a> <a href="archivio_film.php?lettera=p">p</a> <a href="archivio_film.php?lettera=r">r</a> <a href="archivio_film.php?lettera=s">s</a> <a href="archivio_film.php?lettera=t">t</a> <a href="archivio_film.php?lettera=u">u</a> <a href="archivio_film.php?lettera=v">v</a> <a href="archivio_film.php?lettera=x">x</a> <a href="archivio_film.php?lettera=y">y</a> Pag. 7 di 11 Itis Castelli Php/MySQL
8 <a href="archivio_film.php?lettera=w">w</a> <a href="archivio_film.php?lettera=z">z</a> <br/> <div class="box"> <?php if (isset($_get['lettera'])) { $lettera=$_get['lettera']; else { //echo "Scegli una lettera"; $lettera="a"; if ($lettera=="0-9") { echo "<img src='imm/lettere/".$lettera.".jpg' /><br/>"; $sql="select film_id, titolo FROM film_tbl WHERE titolo LIKE '".chr(48)."%' OR titolo LIKE '".chr(49)."%' OR titolo LIKE '".chr(50)."%' OR titolo LIKE '".chr(51)."%' OR titolo LIKE '".chr(52)."%' OR titolo LIKE '".chr(53)."%' OR titolo LIKE '".chr(54)."%'"." OR titolo LIKE '".chr(55)."%'"." OR titolo LIKE '".chr(56)."%'"." OR titolo LIKE '".chr(57)."%'"; //echo $sql; if ($lettera!='0-9') { echo "<img src='imm/lettere/".$lettera.".jpg' /><br/>"; '".$lettera."%'"; query"); $sql="select film_id, titolo FROM film_tbl WHERE titolo LIKE //echo $sql; $result=mysql_query($sql,$conn) or die("impossibbole eseguire la while ($row=mysql_fetch_array($result)) { $k++; $id=$row['film_id']; echo "<a href='dettaglio_film.php?id={$id' target=_blank>".strtoupper($row['titolo'])."</a><br/>"; if ($k==0) echo "<i>non ci sono film</i>";?> <br/> <div align="center"><img src="imm/prenota_acquista.jpg" alt="prenota_acquista" /> <br/> <div align="center" class="box1">maxischermo ALL'OZ CAFE' Pag. 8 di 11 Itis Castelli Php/MySQL
9 <div id="right"> <div align="center" class="box1">vota<br/> <div class="box">scegli IL FILM CHE VUOI VEDERE!<br/> <div align="center" class="box1">prossimamente<img src="imm/kingkong.jpg" width="77" height="112" class="dx"/><img src="imm/narnia.jpg" width="77" height="112" class="sx"/> <br/> <div align="center" class="box1">prossimamente<img src="imm/harry_potter.jpg" alt="harry_potter" width="155" height="81" /> <div id="footer">hosting <a href=" - Concept & Design by Cozzetto </body> </html> Dettaglio film.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title>dettaglio film</title> Pag. 9 di 11 Itis Castelli Php/MySQL
10 <style type="text/css"> <!-- body,td,th { font-family: Trebuchet MS; font-size: 13px; #box { border:1px solid #000000; padding:10px; width:500px;.right { float:right; margin:7px; --> </style></head> <body> <p><img src="imm/ozarchivio.jpg" alt="oz_archivio" width="500" height="72" /></p> <div id="box"> <?php include "param_localhost.php"; if (isset($_get['id'])) { $id=$_get['id']; //$titolo=$_get['titolo']; $sql="select * FROM film_tbl WHERE film_id={$id"; //echo $sql; query"); record"); $result=mysql_query($sql,$conn) or die("impossibbole eseguire la $row=mysql_fetch_array($result) or die("impossibbole prelevare il echo "<img src='imm/film/".$row['locandina']."' class='right' />"; echo "<b>".strtoupper($row['titolo'])."</b><br/>"; echo $row['genere'].", ".$row['luogo']." ".$row['anno']."<br/>"; echo "di: ".$row['regista']."<br/>"; echo "con: ". $row['interpreti']."<br/>"; echo "<hr/>"; echo $row['trama']."<br/><br/>"; $sito=$row['sito']; echo "<b>sito:</b> <a href='".$sito."'>".$sito."</a><br/>"; echo "<b>durata:</b> ".$row['durata']."<br/>"; else { echo "Devi selezionare un film";?> </body></html> Pag. 10 di 11 Itis Castelli Php/MySQL
11 param_localhost.php <?php $host="localhost"; $username="root"; $password=""; $dbname="film_db"; $conn=mysql_connect($host,$username,$password) or die ("Impossibile connettersi al server");?> $db=mysql_select_db($dbname) or die("impossibile connettersi al database"); Pag. 11 di 11 Itis Castelli Php/MySQL
Laboratorio di sistemi Pacchetti PEAR: DB e HTML_Template_IT Php
Uno dei problemi che si deve affrontare nel progetto delle pagine web è quello della commistione tra parte grafica (che si colloca al livello di presentazione) e il codice (che si colloca al livello della
DettagliLaboratorio di Sistemi Accesso a un database MySQL NetBeans [Jsp]
Figura 1 Vogliamo realizzare una pagina web simile alla precedente: i dati si trovano nel db MySQL simpsons_db all'interno della tabella simpsons_tbl simpsons_mysql.pdf Pag. 1/12 Cozzetto Figura 2 - La
DettagliCreare 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
DettagliStruttura Layout Monolitico Fisso con Menu Orizzontale
Struttura Layout Monolitico Fisso con Menu Orizzontale BODY Body { margin: 0px; padding:0; font-family: arial,sans-serif; font-size: 76%; text-align: center; background-color: #FC3; background-image: url();
DettagliIstruzioni per la creazione delle pagine Contratto e Scheda
Istruzioni per la creazione delle pagine Contratto e Scheda Indice 1 Introduzione 3 2 Strumenti di aiuto per la creazione delle pagine 3 3 Inserimento codice HTML creato esternamente 5 2 1 INTRODUZIONE
DettagliLaboratorio di sistemi Template e MySQL Php
Uno dei problemi che si deve affrontare nel progetto delle pagine web è quello della commistione tra parte grafica (che si colloca al livello di presentazione) e il codice (che si colloca al livello della
DettagliCSS avanzati. Marco Porta CIM: Sistemi e Tecnologie Multimediali. esempi di definizione del layout e specifica del dispositivo di visualizzazione
CSS avanzati esempi di definizione del layout e specifica del dispositivo di visualizzazione 1 Un esempio di definizione del layout attraverso i fogli di stile Si consideri la pagina seguente: In questa
DettagliGuida alla modifica di un layout
Guida alla modifica di un layout Abbiamo realizzato il sito web di Hexagon Tours utilizzando HTML e CSS, impostando una struttura formata da header, barra di navigazione, contenuti principali e laterali,
DettagliLaboratorio di Sistemi Accesso a un database Jsp [NetBeans]
Modifichiamo l applicativo ListaSupereroiWebApp in modo che i dati dei supereroi non vengano caricati staticamente mediante delle istruzioni di assegnamento ma dinamicamente leggendo i record della tabella
DettagliElementi Blocco vs elementi inline
(X)HTML + CSS Elementi Blocco vs elementi inline HTML vs XHTML Prologo distinto Tag denotati sempre in minuscolo Tutti i tag aperti devono essere chiusi I valori degli attributi vanno sempre inclusi fra
DettagliESEMPIO 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
DettagliAnno Accademico ANT Html e Css
Universita degli Studi di Bologna - Facolta di Ingegneria Anno Accademico 2006-2007 ANT Html e Css F. Pizza fpizza@deis.unibo.it cos'è ANT tool di build indipendente dalla piattaforma, scritto in java
DettagliLezione 7: Introduzione ai layout
Lezione 7: Introduzione ai layout Principali tipi di layout; Gli strumentidel mestiere: Il box model; Elementi di blocco e in linea; e ; Il posizionamento. Tutorial: un semplice layout a una
Dettaglie il Giardino di Zen CSS ESTERNI CSS INTERNI
e il Giardino di Zen Per gli aggiornamenti consultare il sito del World Wide Web Consortium all'indirizzo. http://en.wikipedia.org/wiki/world_wide_web_consortium Inserimento CSS
DettagliLaboratorio di sistemi Autenticazione utente mediante scriplet Jsp [NetBeans]
Figura 1 - La pagina input_user.jsp appena caricata Figura 2 - Lascio vuoti entrambi i campi o immetto un solo valore Figura 3 - Immetto dei valori che non esistono nel database autent_utente_scriplet.pdf
DettagliAnno Accademico Corso di Tecnologie Web CSS
Universita degli Studi di Bologna - Facolta di Ingegneria Anno Accademico 2007 2008 Corso di Tecnologie Web CSS http://www lia.deis.unibo.it/courses/tecnologieweb0708/ HTML e Cascading Style Sheets > L
DettagliGuida 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
DettagliRealizzare il layout di un sito web senza utilizzare frame e tabelle
Realizzare il layout di un sito web senza utilizzare frame e tabelle Questa guida descrive in maniera semplice e essenziale i passi necessari alla realizzazione di una pagina web strutturata in maniera
DettagliStile CSS per sito web
Stile CSS per sito web Ivancich Stefano 15 Marzo 2015 INDICE 1. PAGINA DI BASE...1...1...2 2. HEADER...3...3...3 2.1. LOGO DEL SITO...3...3...4 2.2. NAVIGATION MENU...4...4...4 3. FOOTER...5...5...5 4.
DettagliAnno Accademico Corso di Tecnologie Web CSS
Universita degli Studi di Bologna - Facolta di Ingegneria Anno Accademico 2006-2007 Corso di Tecnologie Web CSS http://www-lia.deis.unibo.it/courses/tecnologieweb0607/ HTML e Cascading Style Sheets > L
DettagliIntroduzione. Elementi di Informatica. Standard. Struttura dei TAG - 1. Annidamento e Indentazione. Struttura dei TAG - 2
Università degli Studi di Udine Facoltà di Ingegneria CORSO DI LAUREA IN SCIENZE dell ARCHITETTURA Elementi di Informatica HTML e CSS D. Gubiani HTML è l acronimo di HyperText Markup Language che tradotto
Dettagli4 Estensioni proprietarie. 4 Conversione del testo in immagini. 4 Uso di immagini per il controllo degli spazi bianchi
Universita degli Studi di Bologna - Facolta di Ingegneria HTML e Cascading Style Sheets > L HTML è nato in ambienti scientifici Anno Accademico 2006-2007 Corso di Tecnologie Web CSS http://www-lia.deis.unibo.it/courses/tecnologieweb0607/
DettagliFUTURAWEB. Animazioni CSS3. Esempio di utilizzo delle animazioni CSS3 (con l utilizzo della proprietà animation.
FUTURAWEB Animazioni CSS3 Esempio di utilizzo delle animazioni CSS3 (con l utilizzo della proprietà animation www.futuraweb.eu 1 di 12 Questioni di compatibilità Quando parliamo di CSS3 e animazioni, inevitabilmente
DettagliCSS (Cascading Style Sheets)
Foglio di stile CSS (Cascading Style Sheets) Regole che dicono al browser COME visualizzare le informazioni contenute nel documento HTML. Definiscono l APPARENZA del documento. Vedi http://www.w3schools.com/css/demo_default.htm
DettagliCSS / BOX MODEL e PSEUDOCLASSI. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1
CSS / BOX MODEL e PSEUDOCLASSI LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1 CSS: RIPRESA DELLA SCORSA LEZIONE CSS: servono per separare il contenuto dal visual per questo è preferibile
DettagliCSS Cascading Style Sheet Parte 2 (b)
CSS Cascading Style Sheet Parte 2 (b) Dr. Ing. Information Management Systems (IMS) Research Group, Dipartimento di Ingegneria dell Informazione, Università degli Studi di Padova {silvello}@dei.unipd.it
DettagliRealizzare un semplice layout a due colonne. Esempio base (fisso) Alternative posizionamento colonne Lavorare con le percentuali.
Realizzare un semplice layout a due colonne Esempio base (fisso) Alternative posizionamento colonne Lavorare con le percentuali. 1 Tutorial 2 Di cosa abbiamo bisogno? intestazione contenitore (non indispensabile)
DettagliINSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere inserito
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
DettagliPrimi elementi di... Cascading Style Sheet (o Fogli di Stile)
ISIS Giordano Bruno - BUDRIO Primi elementi di... Cascading Style Sheet (o Fogli di Stile) Lezioni del Prof. Gianluigi Roveda Caratteristiche dei Fogli di Stile Divide la descrizione del contenuto del
DettagliLaboratorio di sistemi JSTL e database Jsp [NetBeans]
Elenco dei film ottenuti usando la libreria JSTL 1.1 elenco_film_jstl.pdf Pag. 1/18 Cozzetto Inserisco i dati di un film. Prima dell'inserimento i dati vengono confrontati con quelli della tabella film_tbl
DettagliINSERIMENTO. 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* Le proprieta' dei margini: "margin" che assegnano un bordo esterno al box;
TIPO: CSS ATTRIBUTI DI MARGINI ED ALLINEAMENTO I fogli di stile permettono di giustificare il testo senza l'uso improprio di tabelle o espedienti simili. I CSS creano degli elementi visualizzati all'interno
DettagliGuida ai CSS. Introduzione
Guida ai CSS Introduzione... 1 Sintassi... 1 Stile in linea... 1 Stile incorporato... 2 Stile esterno... 2 Classi... 3 Selettori ID... 4 Grafica... 4 Link... 5 Attributi testo... 6 Attributi carattere...
DettagliCSS 6. Il modello contenitore (box model) Elementi flottanti
CSS 6 Il modello contenitore (box model) Elementi flottanti Il modello contenitore Tecnologie di Sviluppo per il WEB 2 BOX MODEL CSS assume che ogni elemento genera uno o più box rettangolari, chiamati
DettagliLinguaggi 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
DettagliSiti molto ben fatti /1 08
Siti molto ben fatti /1 08 1) Mettiamoci a cucinare Crea la cartella 30 ricette con le sottocartelle css e img. L'obiettivo è di realizzare un sito come questo rappresentato in figura. Cominciamo con l'operare
DettagliPer 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)
DettagliINSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere inserito
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
DettagliCascading Style Sheet
I fogli di stile Cascading Style Sheet Master di I livello Viaggi Mediterranei: Itinerari Turistici, Comunicazione e Culture (si ringrazia il dott. Claudio Schifanella, che ha concesso l uso del materiale)
DettagliTecnologie 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
DettagliLaboratorio di Sistemi Prototipo applicazione Biblioteca Jsp [Java]
Vogliamo progettare un prototipo di applicazione web che consenta ad un utente di ottenere, selezionando l'autore da una casella combinata, l'elenco dei libri scritti da quell'autore, come nelle figure
DettagliRiassunto CSS Tutorial Colori e sfondi
Proprietà Esempio Descrizione color background-color background-image background-repeat background-attachment background-position h1 { color: #ff0000; body { background-color: #FFCC66; body { background-image:
DettagliRiassunto CSS Tutorial
Colori e sfondi color background-color h1 { color: #ff0000; body { background-color: #FFCC66; Riassunto CSS Tutorial Per uno sfondo trasparente: body { background-color: transparent; background-image background-repeat
DettagliTag <br> : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row
TAG FONDAMENTALI Tag : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row Tag , tag ,.tag : per definire le intestazioni (i titoli) e la loro
Dettaglilayout senza tabelle Posizionamento con i CSS Ad ogni elemento HTML corrisponde un area rettangolare, detta box Contenuto
Posizionamento con i CSS creare layout senza tabelle 1 Gestione degli elementi della pagina Il box model Ad ogni elemento HTML corrisponde un area rettangolare, detta box Margine Bordo Area di padding
DettagliAnno 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.
DettagliLEZIONE 04. Riepilogo CSS
LEZIONE 04 Riepilogo CSS SELETTORI SELETTORI I selettori sono pattern (criteri di selezione) usati per individuare l'elemento (o gli elementi) a cui si desidera attribuire lo stile. Prova il codice ELEMENTO
DettagliLaboratorio di Progettazione Web
PHP e MySQL (2) Laboratorio di Progettazione Web AA 2009/2010 Chiara Renso ISTI- CNR - c.renso@isti.cnr.it Nelle pagine web, quando le tabelle sono molto complesse, può risultare utile suddividere la visualizzazione
DettagliRELAZIONE SCRITTA REALATIVA AL PROGRAMMA DI GESTIONE DI UN ANAGRAFE
RELAZIONE SCRITTA REALATIVA AL PROGRAMMA DI GESTIONE DI UN ANAGRAFE classe V D Mercurio ITE A. Bassi di Lodi (Succursale via Giovanni XXIII - Lodi) Ferrari William Lodi 26 aprile 2017 Traccia del programma
DettagliSTILE E CSS. classi sezioni. tag
Perchè occorre lo stile? HTML con i suoi tag e relativi attributi possiede un suo stile standard che offre purtroppo poche personalizzazioni. Un sito web deve avere uniformità di colori, di font e dimensioni
DettagliRappresentare i file XML
Rappresentare i file XML Laura Papaleo papaleo@disi.unige.it CSS2, XSL, XSLT, XPath La rappresentazione di file XML Per documenti XML è necessario associare un foglio di stile Linguaggi candidati a rappresentare
DettagliApplicazione Ipermediali 2007/2008
Applicazione Ipermediali 2007/2008 CSS: esempi pratici Politecnico di Milano Obiettivi Aumentare la confidenza con le regole CSS Dimostrare alcune problematiche relative alla compatibilità tra browser
DettagliArchitettura dell Informazione
Architettura dell Informazione 7. - Cascading Style Sheets (CSS - appendice) Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://pages.di.unipi.it/milazzo milazzo di.unipi.it Master in
DettagliProcedura di login e sessione
Procedura di login e sessione Costruire una pagina Web con un form di login per l inserimento delle credenziali dell utente (email, password). Si consideri il database db1 su server MySQL con la tabella
DettagliAPPROCCIO "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
DettagliSistemi Di Elaborazione Dell informazione
Sistemi Di Elaborazione Dell informazione Dott. Antonio Calanducci Lezione XV: Cenni su CSS Corso di Laurea in Scienze della Comunicazione Anno accademico 2009/2010 Fogli di stile (CSS) Cascade Style Sheets
DettagliJavaScript 5. CSS e JavaScript
JavaScript 5 CSS e JavaScript CSS e JavaScript Attraverso JavaScript è possibile controllare proprietà CSS Possiamo controllare lo stile di un singolo elemento HTML o di un tag in generale Possiamo aggiungere
DettagliLaboratorio di sistemi Information hiding Jsp [Java]
Vogliamo realizzare una pagina web che ci consenta di filtrare i record della tabella books del database MySQL shop. Fig. 1 Tabella books, database MySQL shop Il filtro viene scritto direttamente dall'utente
DettagliStruttura di una pagina HTML Le parti fondamentali che compongono una pagina web
Struttura di una pagina HTML Le parti fondamentali che compongono una pagina web Sviluppo di siti web UD03 Fablab Design Macrostruttura della pagina Una pagina HTML è sostanzialmente composta di una riga
DettagliLaboratorio di Sistemi CRUD con MySQL JSP (Java)
Il problema Vogliamo realizzare un applicativo web che consenta di inserire, modificare e cancellare i record della tabella libri_tbl (database MySQL biblio_db). In questi casi, parliamo di applicativo
DettagliDivisions e spans. Esercizio. <html> <head> <title>esempio uso del tag span</title> <style> <!--
Divisions e spans L applicazione degli stili può essere eseguita anche su sezioni di testo tramite i tag div e span. Div suddivide il testo analogamente a come si suddivide un articolo in titolo, sottotitolo,paragrafi,
DettagliPHP: Array. Array = variabile che contiene un insieme (ordinato) di elementi. $strumenti. Elemento: scalare (semplice) o un altro array.
PHP: Array Array = variabile che contiene un insieme (ordinato) di elementi $strumenti Elemento: scalare (semplice) o un altro array Individuazione degli elementi mediante indicizzazione numerica associativa
DettagliLinguaggio per ipertesti
Linguaggio per ipertesti Un linguaggio per descrivere gli ipertesti è l HyperText Markup Language (HTML) Non è il solo (VRML,XML,...) l HTML è un linguaggio di formattazione e permette di formattare del
DettagliCSS IN PASSATO ABBIAMO DETTO.. Introduzione. Con HTML non possiamo produrre siti come quelli che conosciamo, ma solo specificare dei contenuti
CSS Introduzione CSS3 INTRODUZIONE IN PASSATO ABBIAMO DETTO.. Con HTML non possiamo produrre siti come quelli che conosciamo, ma solo specificare dei contenuti Con CSS specificheremo lo stile con il quale
DettagliPHP E MYSQL CREAZIONE DI UN NUOVO DATABASE DAL PHPMYADMIN
PHP E MYSQL CREAZIONE DI UN NUOVO DATABASE DAL PHPMYADMIN Il metodo migliore per creare nuovi DB è quello di usare l interfaccia del PHPMYADMIN (che viene installata automaticamente con il pacchetto easy
DettagliTessera Caccia Super 2018 con copertura N 1 Cane Costo 135,00. (in c/c postale) CONDIZIONI ASSICURATIVE MASSIMALI
body.base {font-family: Arial; font-size: 10pt;} p.titolo12 {font-size: 16pt; font-weight: bold; color: green; text-align: center; margin-bottom:auto;} p.titolo22 {font-size: 12pt; font-weight: bold; color:
DettagliGiovanni Invernizzi. Front-end developer? #wpmi - febbraio Giovanni Invernizzi
Front-end developer? Considerazioni tecniche e non sull'approccio alla progettazione di un sito per fotografi e illustratori Realizzare un'interfaccia funzionale alla fruizione di immagini Quando ti trovi
DettagliOBIETTIVI 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
DettagliTessera Caccia Super 2018 con copertura N 2 Cani Costo 160,00. (in c/c postale) CONDIZIONI ASSICURATIVE MASSIMALI
body.base {font-family: Arial; font-size: 10pt;} p.titolo12 {font-size: 16pt; font-weight: bold; color: green; text-align: center; margin-bottom:auto;} p.titolo22 {font-size: 12pt; font-weight: bold; color:
DettagliCSS. Cascading Style Sheet
CSS Cascading Style Sheet CSS Il CSS è un linguaggio, di tipo dichiarativo, che serve per definire lo stile di presentazione degli elementi presenti in un documento HTML. Esso è inglobato all interno dell
DettagliModalità per le denunce dei Sinistri
body.base {font-family: Arial; font-size: 10pt;} p.titolo12 {font-size: 16pt; font-weight: bold; color: green; text-align: center; margin-bottom:auto;} p.titolo22 {font-size: 12pt; font-weight: bold; color:
DettagliCascading Style Sheet CSS. Sintassi Css. Come inserire un foglio di stile. Fogli di stile esterni. Separazione contenuto/layout
Cascading Style Sheet CSS CASCADING STYLE SHEET I fogli di stile a cascata (detti anche semplicemente fogli di stile) vengono usati per definire la rappresentazione di documenti HTML, XHTML e XML. L'introduzione
DettagliSilvia Likavec. Lezione 6
Silvia Likavec Lezione 6 2 ! Le principali proprietà che permettono di manipolare le immagini agiscono sul box model: " Border (o border-style; border-width; bordercolor); " Padding; " Margin; " Width;
DettagliII LINGUAGGIO HTML...1
Indice 1 II LINGUAGGIO HTML...1 1.1 INTRODUZIONE AL WWW...1 1.2 IL DOCUMENTO HTML...2 1.2.1 Elementi...3 1.2.2 Attributi...4 1.2.3 Riferimenti a caratteri...4 1.2.4 Commenti...4 1.3 STRUTTURA GLOBALE DI
DettagliCSS. 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
DettagliLaboratorio di Informatica (Chimica)
Laboratorio di Informatica (Chimica) HTML: Cascading Style Sheet (CSS). Walter Cazzola Dipartimento di Informatica e Comunicazione Università à degli Studi di Milano. e-mail: cazzola@dico.unimi.it Walter
DettagliGRIGLIA VALUTAZIONE VERIFICA LE TECNOLGIE WEB LATO CLIENT
GRIGLIA VALUTAZIONE VERIFICA LE TECNOLGIE WEB LATO CLIENT ALLIEVO: BENENTE FABRIZIO URL TO: http://www.ictmaster.altervista.org/benente/index.html VOTO: 26 /30 NOTE: SPECIFICA NOTE RISPETTATA Inserimento
DettagliNome Tipo Lunghezza Decimali Descrizion Formato Controlli Note
INDICE -login.php -cartoleria1.php -cartoleria2.php -cartoleria_qu1.php -cartoleria_ins.php -cartoleria_del.php -cartoleria_mod1.php -cartoleria_mod2.php -cartoleria_mod3.php TABELLE Nome: utenti Descrizione:
DettagliESAME DI STATO I.T.E. A.S
ESAME DI STATO I.T.E. A.S. 2008-2009 Una casa editrice pubblica riviste prevalentemente rivolte a specialisti di varie discipline operanti in ambiente scientifico. Sapendo che: le pubblicazioni, che possono
DettagliLaboratorio di sistemi Web Application in Php5 Php
Applicazioni web con Xampp, Php5 e NetBeans 6.5 (Windows) Vogliamo ora riscrivere a titolo di prova un'applicazione web precedentemente scritta in Java (si legga l'articolo all'indirizzo http://www.mauriziocozzetto.net/pdf/dao_mysql.pdf).
Dettagli- 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
DettagliFogli 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
DettagliCSS 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
DettagliCSS (Cascading Style Sheets) HTML (Hyper Text Markup Language) HTML: stili. A.Lioy - Politecnico di Torino ( ) F.1
CSS (Cascading Style Sheets) Antonio Lioy < lioy@polito.it > Politecnico di Torino Dip. Automatica e Informatica HTML (Hyper Text Markup Language) linguaggio di descrizione della pagina descrizione testuale
DettagliHTML e CSS. Ipertesti e siti Web 4.5.
HTML e CSS Ipertesti e siti Web 4.5 ugo.rinaldi@gmail.com L'HTML e i browser L'HTML è il linguaggio con cui potete indicare come i vari elementi vanno disposti in una pagina Web. Un documento html è un
DettagliPersonalizza, modifica il layout di Contact Form 7 via Css
Personalizza, modifica il layout di Contact Form 7 via Css wpp.altervista.org/blog/personalizza-modifica-il-layout-di-contact-form-7/ Ciao, benvenuto su Go WordPress. In un articolo precedente ho spiegato,
DettagliWeb Design. Media Dream Academy. Stefano Gaborin
Web Design Media Dream Academy Stefano Gaborin stefano.gaborin@above.company www.above.company I Fogli di stile: CSS CSS è l acronimo di Cascading Style Sheets, ovvero fogli di stile a cascata. Il CSS
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,
DettagliProgettazione di siti web a.a. 2015/16
CSS per la tipografia web Progettazione di siti web a.a. 2015/16 Fogli di stile: tipografia web Maria Simi Marzo, 2016 [Manuale di riferimento del W3C] Gli stili per i caratteri Gli stili per il testo
DettagliLaboratorio di Progettazione Web
PHP e MySQL Laboratorio di Progettazione Web AA 2007/2008 Chiara Renso ISTI- CNR - c.renso@isti.cnr.it PHP e MySQL L accesso a MySQL server da PHP si può effettuare con semplici funzioni. La sequenza dei
DettagliCSS: CASCADING STYLE SHEETS MODULO 8
CSS: CASCADING STYLE SHEETS MODULO 8 CSS È il linguaggio standard per la stilizzazione di documenti HTML Assolve al compito di informare il browser circa l'aspetto da conferire ai vari tag presenti nel
Dettagli