Laboratorio di Sistemi Accesso a un database MySQL NetBeans [Jsp]
|
|
- Casimiro Franco Oliva
- 5 anni fa
- Visualizzazioni
Transcript
1 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
2 Figura 2 - La struttura della tabella simpsons_tbl simpsons_mysql.pdf Pag. 2/12 Cozzetto
3 Figura 3 - Alcuni dati inseriti. Il campo Image contiene il nome del file immagine (senza il percorso; supponiamo che le immagini si trovino nella cartella img) associata al personaggio simpsons_mysql.pdf Pag. 3/12 Cozzetto
4 /* * Personaggio.java * * Created on 16 dicembre 2006, 9.43 * */ package TheSimpsonsPackage; /** * admin */ public class Personaggio { String categoria; String nome; String genere; String capelli; String eta; String familiari; String primaapparizione; String descrizione; String img; // Costruttore "nullo" public Personaggio() { public Personaggio(String categoria, String nome, String genere, String capelli, String eta, String familiari, String primaapparizione, String descrizione, String img) { this.categoria=categoria; this.nome=nome; this.genere=genere; this.capelli=capelli; this.eta=eta; this.familiari=familiari; this.primaapparizione=primaapparizione; this.descrizione=descrizione; this.img=img; simpsons_mysql.pdf Pag. 4/12 Cozzetto
5 public String getcategoria() { return categoria; public String getnome() { return nome; public String getgenere() { return genere; public String getcapelli() { return capelli; public String geteta() { return eta; public String getfamiliari() { return familiari; public String getprimaapparizione() { return primaapparizione; public String getdescrizione() { return descrizione; public String getimg() { return img; // fine classe Personaggio simpsons_mysql.pdf Pag. 5/12 Cozzetto
6 /* * ListaPersonaggiSimpsons.java * * Created on 17 dicembre 2006, * * To change this template, choose Tools Template Manager * and open the template in the editor. */ package TheSimpsonsPackage; import java.sql.*; import java.util.arraylist; /** * admin */ public class ListaPersonaggi { Connection conn=null; /** Creates a new instance of ListaPersonaggiSimpsons */ public ListaPersonaggi() throws Exception { // Carico i driver necessari Class.forName("com.mysql.jdbc.Driver").newInstance(); // Apro la connessione col database conn=drivermanager.getconnection("jdbc:mysql://localhost:3306/simpsons_db?user=roo t&password="); public ArrayList<String> listacategorie() throws Exception { //Uso i Generics introdotti con la versione 5 (1.5) di Java ArrayList<String> cat = new ArrayList<String>(); // Preparo lo statement Statement st=conn.createstatement(); String sql="select DISTINCT cat FROM simpsons_tbl"; // Eseguo la query ottenendo un ResultSet ResultSet rs=st.executequery(sql); // Leggo tutte le categorie while (rs.next()) { //Estraggo la categoria String categoria=rs.getstring("cat"); // La carico nell'arraylist cat.add(categoria); // Chiudo il recordset, lo statement rs.close(); st.close(); return cat; simpsons_mysql.pdf Pag. 6/12 Cozzetto
7 public ArrayList<Personaggio> listapersonaggicat(string cat) throws Exception { // Uso i Generics ArrayList<Personaggio> personaggi = new ArrayList<Personaggio>(); Personaggio p=null; // Preparo lo statement Statement st=conn.createstatement(); String sql="select * FROM simpsons_tbl WHERE cat='"+cat+"'"; // Eseguo la query ottenendo un ResultSet ResultSet rs=st.executequery(sql); //Estraggo le informazioni while (rs.next()) { //Estraggo le informazioni relative ai campi String nome=rs.getstring("name"); String genere=rs.getstring("gender"); String capelli=rs.getstring("hair"); String eta=rs.getstring("age"); String familiari=rs.getstring("major_relatives"); String primaapparizione=rs.getstring("first_appearance"); String descrizione=rs.getstring("description"); String img=rs.getstring("image"); p=new Personaggio(cat, nome, genere, capelli, eta, familiari, primaapparizione, descrizione, img); // Carico nell'arraylist il personaggio personaggi.add(p); // Chiudo il recordset, lo statement rs.close(); st.close(); return personaggi; simpsons_mysql.pdf Pag. 7/12 Cozzetto
8 public Personaggio personaggionome(string name) throws Exception { Personaggio p; // Preparo lo statement Statement st=conn.createstatement(); String sql="select * FROM simpsons_tbl WHERE name='"+name+"'"; // Eseguo la query ottenendo un ResultSet ResultSet rs=st.executequery(sql); //Estraggo le informazioni if (rs.next()) { //Estraggo le informazioni relative ai campi String cat=rs.getstring("cat"); String nome=rs.getstring("name"); String genere=rs.getstring("gender"); String capelli=rs.getstring("hair"); String eta=rs.getstring("age"); String familiari=rs.getstring("major_relatives"); String primaapparizione=rs.getstring("first_appearance"); String descrizione=rs.getstring("description"); String img="img/"+rs.getstring("image"); p=new Personaggio(cat, nome, genere, capelli, eta, familiari, primaapparizione, descrizione, img); // Chiudo il recordset, lo statement rs.close(); st.close(); return p; else { // Chiudo il recordset, lo statement rs.close(); st.close(); return null; public void finalize() throws Throwable { conn.close(); // fine classe ListaPersonaggi simpsons_mysql.pdf Pag. 8/12 Cozzetto
9 index.jsp contenttype="text/html"%> pageencoding="utf-8"%> import="thesimpsonspackage.*"%> import="java.util.arraylist"%> errorpage="errore.jsp"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>simpsons Web Application</title> <style type="text/css"> <!-- body,td,th { font-size: 13px; background-color: #6666CC; font-family: Verdana, Arial, Helvetica, sans-serif; body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #ffcc00; #wrap { width:755px; padding:5px; margin-left:auto; margin-right:auto; background-color: #66FF66; margin-top: 15px; border: 1px solid #999999; #header { width:750px; padding:0px; #footer { width:745px; padding:5px; clear:both; background-color: #FFFFFF; text-align:center; color:#ff0000; border: 1px solid #999999; simpsons_mysql.pdf Pag. 9/12 Cozzetto
10 #box { width:740px; padding:5px; background-color: #cc9900; #left { width:180px; float:left; padding:5px; background-color: #CCFF66; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #999999; #right { width:530px; float:right; padding:5px; background-color: #CCFF66; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; border: 1px solid #999999; a:link { color: #EB4144; text-decoration: none; a:visited { text-decoration: none; color: #EB4144; a:hover { text-decoration: underline; color: #EB4144; a:active { text-decoration: none; color: #EB4144;.img_left { float:left; margin-right:7px; margin-bottom:7px; border: 1px solid #999999; simpsons_mysql.pdf Pag. 10/12 Cozzetto
11 .rosso_corsivo { color: #3333CC; font-style: italic;.rosso { color:red; font-size:17px; font-weight: bold; #navlist { margin-top:0; margin-bottom:6px; margin-left: 0; padding-left: 0; list-style: none; #navlist li { padding-left: 10px; background-image: url(img/p_leggi.gif); background-repeat: no-repeat; background-position: 0.5em; --> </style> </head> <body> <div id="wrap"> <div id="header"> <img src="img/menu.jpg" width="754" height="42" /> <% ListaPersonaggi lp = new ListaPersonaggi(); %> </div> <div id="left"> <% // Uso i Generics ArrayList<String> categorie = lp.listacategorie(); for (int j=0; j<categorie.size(); j++) { String cat=categorie.get(j); out.println("<span class='rosso_corsivo'>"+cat+"</span>"); ArrayList<Personaggio> personaggi = lp.listapersonaggicat(cat); out.println("<ul id='navlist'>"); for (int i=0; i<personaggi.size(); i++) { Personaggio p=personaggi.get(i); out.println("<li>"); out.println("<a href='index.jsp?name="+p.getnome()+"'>"+p.getnome()+"</a>"); out.println("</li>"); out.println("</ul>"); %> </div> simpsons_mysql.pdf Pag. 11/12 Cozzetto
12 <div id="right"> <% Personaggio p; if (request.getparameter("name")==null) { p=lp.personaggionome("homer Jay Simpson"); else { String name=request.getparameter("name"); p=lp.personaggionome(name); %> <span class="rosso"><%=p.getnome()%></span><br/><br/> <img src="<%=p.getimg()%>" class="img_left"/> <strong>sesso</strong>: <%=p.getgenere()%><br /> <strong>capelli</strong>: <%=p.getcapelli()%> <br /> <strong>età</strong>: <%=p.geteta()%><br /> <strong>prima apparizione</strong>: <%=p.getprimaapparizione()%><br /> <strong>familiari</strong>: <%=p.getfamiliari()%><br /> <p><%=p.getdescrizione()%></p> </div> <div id="footer">trademark & Copyright Notice: TM and : FOX and its related entities. All rights reserved.</div> </div> </body> </html> errore.jsp <%@page contenttype="text/html"%> <%@page pageencoding="utf-8"%> <%@page iserrorpage="true" %> <%@page import="java.io.printwriter" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <% PrintWriter writer=new PrintWriter(out); %> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>pagina di errore</title> <style type="text/css"> <!-- body,td,th { font-family: Trebuchet MS; font-size: 10pt; --> </style> </head> <body> <h2>gestione degli errori</h2> <p>si è verificato l'errore <%=exception.getmessage()%></p> <p>stack: <% exception.printstacktrace(writer); %></p> </body></html> simpsons_mysql.pdf Pag. 12/12 Cozzetto
Laboratorio 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
DettagliIl sito della MultisalaOz [ dispone di un archivio dei film già proiettati.
Il sito della MultisalaOz [http://www.multisalaoz.it] dispone di un archivio dei film già proiettati. In questa figura, potete osservare un sito clone. L utente, selezionando una lettera dell alfabeto
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
DettagliLaboratorio 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 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
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
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
DettagliLaboratorio di sistemi MVC Jsp [NetBeans]
Estratto da "http://it.wikipedia.org/wiki/model-view-controller" Definizione Model-View-Controller (MVC, talvolta tradotto in italiano Modello-Vista-Controllore) è il nome di un design pattern fondamentale
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
DettagliLaboratorio di sistemi Fortune Java/Jsp
Ricordiamo che in Ubuntu il comando fortune impartito da shell produce una frase umoristica, un anedotto o una frase bizzarra ecc. Si può installare e localizzare nella lingua italiana mediante il comando
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
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();
DettagliLaboratorio di sistemi SELECT e checkbox Jsp [Java]
Fig. 1 - Vogliamo visualizzare book_id, autore e titolo dalla tabella books del database shop Fig. 2 - Tabella books select_checkbox.pdf Pag. 1/5 Cozzetto Fig. 3 - Abbiamo due record in output File index_1.jsp
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
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,
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
DettagliLaboratorio di Sistemi DAO JSP (Java)
Il problema Vogliamo progettare una piccola web application che ci consenta di ottenere, scegliendo un autore da una combo box, l'elenco dei libri scritti da quell'autore (è un esempio già trattato in
DettagliLaboratorio di Sistemi Autenticazione utente mediante MySQL Jsp [Java]
Per la comprensione del presente articolo, occorre aver assimilato i concetti esposti nell'articolo Prototipo autenticazione utente (file autenticazione_2.pdf). (Tratto da Wikipedia, l'enciclopedia libera)
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
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
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
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
DettagliLaboratorio di Sistemi Autenticazione utente mediante MySQL Jsp [Java]
Per la comprensione del presente articolo, occorre aver assimilato i concetti esposti nell'articolo Prototipo autenticazione utente (file autenticazione_2.pdf). (Tratto da Wikipedia, l'enciclopedia libera)
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
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
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/
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
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
DettagliLiberamente adattato da Java dai fondamenti alla programmazione avanzata JS2E versione 1.5 di Karsten Samaschke, Apogeo editrice
Liberamente adattato da Java dai fondamenti alla programmazione avanzata JS2E versione 1.5 di Karsten Samaschke, Apogeo editrice Vogliamo realizzare un'applicazione di tipo CRUD (Create, Read, Update,
DettagliLaboratorio di Sistemi Serializzazione JSP (Java)
Il problema Vogliamo realizzare un prototipo di applicazione web che visualizzi l'elenco degli album relativi ad un certo artista e, per ogni album, l'elenco dei brani in esso contenuti. Per farlo sfruttiamo
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
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
DettagliLaboratorio di sistemi Tag personalizzati Jsp [NetBeans] Sezione A
Sezione A In NetBeans creiamo una applicazione web nel solito modo, confermando tutte le impostazioni proposte senza alcuna variazione. Per costruire una libreria di tag personalizzata, costruiamo innanzitutto
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
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)
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:
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
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...
DettagliLaboratorio di sistemi MVC versione 2 Jsp (NetBeans)
Definizione Adattato da "http://it.wikipedia.org/wiki/model-view-controller" Model-View-Controller (MVC, talvolta tradotto in italiano Modello-Vista-Controllore) è il nome di un design pattern fondamentale
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
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
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
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
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
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
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
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).
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
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
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
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
DettagliCSS: Colori, testo, caratteri, liste e link
CSS:, testo, caratteri, liste e link Università di Pisa pievatolo@dsp.unipi.it 13 aprile 2014 Sommario 1 2 Famiglia Dimensioni Corsivo e maiuscoletto Peso: quanto dev essere grasso il grassetto? 3 4 5
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)
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
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
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
DettagliLinguaggi ed Applicazioni mul1mediali
Linguaggi ed Applicazioni mul1mediali 06.07- CSS. Cascading Style Sheet Maurizio Maffi ISTI Informa1on Science and Technology Ins1tute A cosa servono I CSS vengono usati per definire la rappresentazione
DettagliCapitolo 7. Soluzione: <P align= center > Form di invio nome e cognome </P> <FORM action= nomecognome.exe method= post >
Capitolo 7 Esercizio 7.1 Commentare le caratteristiche di HTTP come protocollo client-server, evidenziando gli aspetti differenti rispetto ai protocolli client-server tradizionali. La caratteristica che
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.
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
DettagliServe 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
DettagliInformatica di base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05
Informatica di base Multid@ms Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 1 I limiti dell HTML Il principale problema di HTML è la mancanza di separazione tra contenuto e stile all interno delle
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:
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
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
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:
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
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
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
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
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
DettagliLaboratorio di Sistemi Database a oggetti: db4o Jsp [Java]
(liberamente adattato da www.db4o.com) db4o (database for objects) db4o (www.db4o.com) è un database open source che consente agli sviluppatori Java e.net di rendere persistenti gli oggetti (cioè salvarne
DettagliI fogli di stile Inline si specificano usando l attibuto style dei tag xhtml <p style= color: red; >esempio</p>
CSS Cascading Style Sheets Inne, Internal I fog di stile Inne si specificano usando l attibuto style dei tag xhtml esempio I fog di stile Internal si specificano usando il tag
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)
Dettagli1 Gestione dell utente connesso in sessione con Java Server Pages, Java Beans, Servlet
1 Gestione dell utente connesso in sessione con Java Server Pages, Java Beans, Servlet Controllo dell utente connesso al sito tramite JSP, Java Beans e Servlet. Ciò che ci proponiamo di fare è l accesso
DettagliKOMPOZER CONSIGLI E TRUCCHI
KOMPOZER CONSIGLI E TRUCCHI Parte terza DUE MENU' Chi realizza siti web prima o dopo (piuttosto prima) avverte la necessità di avere un menù di navigazione un po' diverso da una serie di semplici link,
DettagliLaboratorio di Sistemi Fattoriale di un numero Jsp [Java]
Desideriamo realizzare una applicazione web che ci consenta di calcolare il fattoriale di un numero. L'esercizio in sé non particolarmente difficile, tuttavia esso ci consentirà di affrontare il problema
DettagliLaboratorio di Sistemi Classi e relazioni Java
package carrelloconsoleapp; import javax.swing.imageicon; /* *.java /** * * @author maurizio public class { private String id; private String descrizione; private double prezzo; private int percsconto;
DettagliLaboratorio di Sistemi Prototipo autenticazione utente Jsp [Java]
Vogliamo realizzare un prototipo di applicativo web che consenta a un gruppo di utenti di autenticarsi. In prima istanza, carichiamo in memoria tutti gli utenti ammessi ad accedere al sistema, in seconda
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,
DettagliCSS. Massimo Martinelli.
CSS Massimo Martinelli Massimo.Martinelli@isti.cnr.it Consiglio Nazionale delle Ricerche -CNR Istituto di Scienza e Tecnologie della Informazione - ISTI Cosa è CSS? Cascading Style Sheets = Fogli di Stile
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
DettagliI fogli di stile (CSS)
I fogli di stile () in poche pagine 1 Cascading Style Sheets (Fogli Di Stile) I Cascading Style Sheets () rappresentano un metodo semplice ma potente per definire l aspetto dei documenti HTML. Essi descrivono
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:
DettagliIntroduzione dei fogli di stile
Corso di Laurea in Scienze della Formazione Continua e Tecnologie dell Istruzione Parte V Fogli di stile - Css Corso: Computer Graphics Docente: Ing. Ivan Bruno E-mail: ivanb@dsi.unifi.it Introduzione
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
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
DettagliCaricamento della classe driver. Apertura della connessione. DriverManager.getConnection() Creazione di uno statement
JDBC Programmazione in Ambienti Distribuiti V 1.4 Marco Torchiano 2006 Uso di JDBC Caricamento della classe driver Class.forName() Apertura della connessione DriverManager.getConnection() Creazione di
DettagliLaboratorio di sistemi Prima Web Application JSP [Java]
Vogliamo scrivere la nostra prima web application che legga da tastiera il nostro nome e fornisca un messaggio di saluto. Per costruire la nostra applicazione creiamo con NetBeans un nuovo progetto. File
DettagliWeb Design & Technologies
1 Comunicazione, Innovazione, Multimedialità Web Design & Technologies Cascading Style Sheets Level 2 2 Cosa sono i Cascading Style Sheet? Gli style sheet rappresentano un metodo semplice (ma potente)
Dettagli