Wordpress. creare un tema - struttura generale

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Wordpress. creare un tema - struttura generale"

Transcript

1 Wordpress creare un tema - struttura generale

2 INTRODUZIONE La lezione precedente abbiamo imparato come si installa wordpress sul nostro pc/mac. Per fare funzionare il php si ha bisogno di un server difatti ci siamo appoggiati a mamp (un programma che simula un server collegato al mio sito wordpress). La lezione di oggi sarà dedicata a capire la struttura di wordpress per poi riuscire a customizzarla come meglio crediamo.

3 Tema Il sistema di Temi di WordPress è un metodo per vestire il vostro weblog. Un tema è una collezione di file che lavora assieme per produrre una interfaccia grafica dal design uniforme. Un tema modifica il modo in cui il weblog viene visualizzato senza modificare il software che si trova dietro. I Temi possono includere file di immagine (*.jpg, *.gif, *.png) fogli di stile (*.css) oltre agli indispensabili file di codice (*.php).

4 Tema - la struttura Prima dell avvento dei Temi, WordPress generava il contenuto utilizzando un singolo file: index.php. Si è deciso di creare più files per gestire meglio i contenuti. Quindi possiamo dire che un tema WordPress è composto da diversi files ed una directory per le immagini; I files di base per un tema funzionante sono: header.php footer.php index.php page.php comments.php sidebar.php single.php search.php style.css functions.php

5 Tema - la struttura Le pagine vere e proprie in WordPress sono 4: index.php, page.php, single.php e search.php, gli altri files sono inclusioni di codice che servono a completare la pagina di volta in volta. header.php footer.php comments.php sidebar.php style.css functions.php

6 Tema - la struttura Funzione dei file in dettaglio: header.php/footer.php: testa e piede del sito; index.php: homepage; style.css: sono gli stili che si attribuiscono a tutto il tema; page.php: è il template delle pagine interne del blog (es.about e contact); comments.php: è la porzione di codice relativa ai commenti che viene inclusa all interno dei post; qui vengono inseriti i commenti e il form per inviarli;

7 Tema - la struttura Funzione dei file in dettaglio: sidebar.php: qui abbiamo tutti gli strumenti di navigazione del sito come le categorie, gli archivi dei post o in generale, i widgets per WP; single.php: è la pagina che contiene un singolo post, quella che si apre quando cliccate su un post dalla homepage per intenderci; search.php: è la pagina che si apre quando si effettua una ricerca tramite l apposito widget search; functions.php: serve a dichiarare le funzioni che vogliamo scrivere a mano per il nostro blog; se non vogliamo aggiungere niente di particolare basterà solo il codice di default che rende la nostra sidebar widget ready, ossia pronta a ricevere nuovi widgets dal pannello admin del blog; a riguardo vedere l ultima parte di questo tutorial.

8 Wordpress creare un tema - primi passi

9 Files di partenza 1. Per costruire un tema bisogno partire da un semplice sitoweb implementato con html e css. Questo sarà composto dalla classica cartellina contenente: -index.html -cartella con css -cartella con img -cartella con js

10 Posizionare la cartella 2. La nostra cartella dovrà essere posizionata dove abbiamo installato WP (lezione precendete). Precisamente il percorso sucessivo sarà: wp-content/themes/qui_incollo_la_cartella

11 Cambio nomi 1 3. Nel gestionale di WP viene già visualizzato il nostro tema ma rilevato in modo corrotto. Per farlo funzionare bisogna rinominare: il file index.html in index.php ; il file stile.css in style.css (questo dovrà essere nella root) QUESTI SONO I FILE PRINCIPALI PER IL FUNZIONAMENTO DI WP 4. costruire un immagine con dimensioni 300x225px chiamarla screenshot.png e inserirla nella root 5. inserire all interno di syle.css delle informazioni utili per l identificazione del tema.

12 Cambio nomi 2 /* Theme Name: Nome del tema Theme URI: Description: Tema di prova Author: GabrieleRuscelli Author URI: gabrieleruscelli.com Version: 1.0 Tags: colori, widget, prova, test (facoltativi) License: Tipo di licenza (commerciale, non commerciale, open source, ecc..) License URI: indirizzo della licenza Commenti generali (facoltativo). */

13 Inseriamo i giusti link 6. A questo punto bisogna iniziare a modificare il nostro codice e a trasformarlo da statico a dinamico. Come potrete notare i nostri link non funzionano, per ovviare a ciò abbiamo la necessità di inserire una funzione di WP, questa si chiamerà bloginfo. (qui la lista: andremo a sostituire i link delle immagini con <img src= <?php bloginfo( template_url );?>/immagini/logo.png > andremo a sostituire i link dei css con: <link href= <?php bloginfo( stylesheet_url );?> type= text/css rel= stylesheet > Ora il nostro sito sta prendendo dinamicità e verrà visualizzato correttamente.

14 Navigazione Dinamica 7. Avendo costruito in precedenza la barra di navigazione con <ul> <li> abbiamo la possibilità di inserire un altra funzione di WP wp_list_pages() che ci permetterà di rendere dinamico il nostro menu. Lista normale in HTML <ul> <li>elemento1</li> <li>elemento2</li> <li>elemento3</li> </ul> Lista in WP <ul> <?php wp_list_pages( title_li= );?> </ul> passandogli come parametro title_li= facciamo in modo che vengano generati solo i tag <li> (con i link all interno) quindi la cosa migliore è racchiudere questa funzione all interno di un tag <ul>.

15 Funzione Loop 8. Lavoriamo sui contenuti: nel nostro template abbiamo degli articoli, per farli diventare dinamici abbiamo bisogno della funzione loop. Questa ci permetterà di lasciare nell apposito contenitore (#wrap) tutti gli articoli inseriti direttamente da WP. articoli in HTML <div id= wrap > <article class= beje > ciao</article> <article class= beje > ciao</article> </div> articoli in WP con funzione LOOP <div id= wrap > <?php if ( have_posts() ) : while ( have_posts() ) :the_post();?> <article class= beje > <h3><?php the_title();?></h3> <?php the_content();?> </article> <?php endwhile; else:?> <p>nessun contenuto trovato!</p> <?php endif;?> </div>

16 Rendiamo il titolo linkabile 9. Ora ci troviamo ad avere degli articoli inseriti da WP con un titolo (racchiuso in h3) e il contenuto dell articolo (racchiuso in p). L ultima cosa da fare è rendere cliccabile il titolo per poi renderlo linkabile in diverse parti del website/blog. Per questo abbiamo bisogno della funzione the_permalink() all interno di un tag <a> quindi la riga del titolo verrà modificata in questo modo: <h3><a href= <?php the_permalink();?> ><?php the_title();?></a></h3>

17 Altre informazione 10. inseriamo altre informazioni relative al post: tag, autore e data. <p class= autore >Scritto da: <?php the_author();?></p> <?php the_tags( <p class= tag >Argomenti:,,, </p> );?> <p class= giorno ><?php the_time( d F Y );?></p>

18 Sezionare il nostro TEMA Come avrete notato, tutti i temi di Wordpress sono composti da più file. Partendo dalla nostra index inizieremo a sezionare il tema, per fare ciò copieremo blocchi/pezzi di codice e li andremo a salvare singolarmente.

19 Sezionare il nostro TEMA Iniziamo con: header, footer, sidebar, single <?php get_header( $name );?> <?php get_sidebar( $name );?> <?php get_footer( $name );?>

20 Pagina articolo Per creare la pagina relativa al singolo articolo basta salvare un file con nome: single.php Ricordatevi poi di inserire il link all home page <a href= <?php echo home_url();?> >Home</a>

21 Numero articoli È possibile gestire il numero degli articoli che compaiono all interno della pagina index. Settings --> reading Per far comparire il contatore scaricare il plugin: wp-page-numbers istallarlo e attivarlo Inserire poi il codice qui sotto all interno di index <?php if(function_exists( wp_page_numbers )) { wp_page_numbers(); }?>

22 Sidebar La customizzazione della sidebar può essere molto varia e complessa, i prossimi codici sono un esempio di cosa potremmo inserirci. Cerca <ul> <li> <h2>cerca</h2> <form method= get id= searchform action= <?php bloginfo( url );?>/ > <input type= text name= s id= s value= <?php the_ search_query();?> /> <input type= submit id= searchsubmit value= cerca /> </form> </li> </ul>

23 Sidebar Archivio <ul> <h2>archivio</h2> </ul> <li> <?php wp_get_archives( type=monthly&show_post_count=1 );?> </li>

24 Sidebar Categorie <ul> <h2>categorie</h2> <li> <?php wp_list_categories( title_li=<h2>categorie</h2>&hide_empty=0 );?> </li> </ul>

25 Sidebar Tag cloud <ul> <h2>tag Cloud</h2> <?php wp_tag_cloud( smallest=15&largest=40&number=50&orderby=cou nt );?> </ul>

WordPress è un CMS (Content Management System) - gratuito!

WordPress è un CMS (Content Management System) - gratuito! Intro a WordPress INTRO A WORDPRESS WordPress è un CMS (Content Management System) - gratuito! Con WordPress si creano siti dinamici (database MySQL ), WP utilizza i Temi, ovvero sono un insieme di file

Dettagli

TEMI - Struttura. I file del tema

TEMI - Struttura. I file del tema TEMI - Struttura - Ci sono due possibilità per modificare un tema: - Tramite l editor di amministrazione (AspettoàEditor), che consente di selezionare modificare i file (NOTA: copiare il file prima di

Dettagli

I temi child permettono di personalizzare un tema senza dover modificare il tema originale.

I temi child permettono di personalizzare un tema senza dover modificare il tema originale. Sommario Tutorial per creare un tema child in WordPress Introduzione... 2 Perché utile creare un tema child?... 2 La cartella per il nuovo tema child.... 2 Il primo file del nuovo tema child.... 2 Struttura

Dettagli

Partiamo con un primo esempio www.media.inaf.it. Analizziamo la homepage. L Header. Livia Giacomini (livia.giacomini@iaps.inaf.

Partiamo con un primo esempio www.media.inaf.it. Analizziamo la homepage. L Header. Livia Giacomini (livia.giacomini@iaps.inaf. Partiamo con un primo esempio www.media.inaf.it i it Lezione : realizzare un sito web con Wordpress Livia Giacomini (livia.giacomini@iaps.inaf.it) Analizziamo la homepage L Header Header Posts o News Social

Dettagli

HTML. I tag HTML (parte 1)

HTML. I tag HTML (parte 1) HTML I tag HTML (parte 1) I tag HTML I comandi che il browser interpreta Etichette per marcare l inizio e la fine di un elemento HTML Formato e possono essere tag di apertura: tag di chiusura:

Dettagli

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

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

Dettagli

Plugin Gestione Circolari Sviluppato da Scimone Ignazio

Plugin Gestione Circolari Sviluppato da Scimone Ignazio Plugin Gestione Circolari Sviluppato da Scimone Ignazio http://plugin.sisviluppo.info ignazios@gmail.com 1 Indice Introduzione...3 Come installare il plugin... 4 Parametri; come configurare il plugin...

Dettagli

WordPress: il corso Fondamentale

WordPress: il corso Fondamentale WordPress: il corso Fondamentale Come creare un sito Professionale con wordpress in meno di 2 ore per la tua azienda o per la vita privata IlTuoCorso - Ermes srl Via E.De Amicis 57 20123 Milano Il corso

Dettagli

Abstract Questo documento descrive il back-end del sito web del progetto MOVIO. In particolare è riferito all uso dell Archivio Media.

Abstract Questo documento descrive il back-end del sito web del progetto MOVIO. In particolare è riferito all uso dell Archivio Media. Titolo Tutorial MOVIO: Archivio Media Release MOVIO SCMS 1.00 Versione tutorial 1.00 Data 10/10/13 Autori e affiliation Rubino Saccoccio (Gruppometa) Commenti Dichiarazione di copyright Abstract Questo

Dettagli

COME CREARE UN BLOG DA ZERO LEZIONE 4 GUIDA RAPIDA BLOGGER

COME CREARE UN BLOG DA ZERO LEZIONE 4 GUIDA RAPIDA BLOGGER COME CREARE UN BLOG DA ZERO LEZIONE 4 GUIDA RAPIDA BLOGGER GMAIL PER APRIRE UN BLOG CON BLOGGER è INDISPENSABILE AVERE UN ACCOUNT GMAIL. PERCIÓ SE NON NE AVETE UNO A DISPOSIZIONE DOVRETE CREARLO. PER CREARE

Dettagli

Manuale d utilizzo. Indice:

Manuale d utilizzo. Indice: Manuale d utilizzo Indice: - L interfaccia (area di gestione) pag. 2 - Menu lingua pag. 3 - La gestione delle cartelle pag. 4 - Menu novità pag. 7 - I contatti pag. 8 - Gestione delle aree destra e sinistra

Dettagli

D B M G Il linguaggio HTML

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

Dettagli

Neosidea Group C.so Re Umberto Torino (TO) Tel Mail. MANUALE D USO. piattaforma CMS ver 2.1

Neosidea Group C.so Re Umberto Torino (TO) Tel Mail. MANUALE D USO. piattaforma CMS ver 2.1 MANUALE D USO piattaforma CMS ver 2.1 1 Sommario Introduzione... 3 Login... 4 Modifiche alle aree del CMS... 5 Titolo... 6 Sottotitolo... 6 Testo... 7 Editor Wysiwyg... 8 Immagine... 9 Link su immagine...

Dettagli

@2011 Politecnico di Torino 1

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

Dettagli

Guida introduttiva al PHP

Guida introduttiva al PHP Fabio Castellini 26/01/2016 Guida introduttiva al PHP Cos'è il PHP? Il PHP è un linguaggio di scripting interpretato, simile al JavaScript, per intenderci, originariamente concepito per la programmazione

Dettagli

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

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

Dettagli

Un sito con Wordpress

Un 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

Dettagli

Scelta del Browser. Accesso Area Redazione

Scelta del Browser. Accesso Area Redazione Scelta del Browser Si consiglia l utilizzo dei più comuni browser: Internet Explorer Safari Opera Mozilla Firefox Google Chrome Accesso Area Redazione Per poter accedere all area redazione bisogna: 1.

Dettagli

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

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

Dettagli

Corso sul PACCHETTO OFFICE. Modulo Access

Corso 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

Dettagli

Indice generale. Nota all edizione italiana...xv. Introduzione...xvii. Anatomia di un installazione WordPress...3

Indice generale. Nota all edizione italiana...xv. Introduzione...xvii. Anatomia di un installazione WordPress...3 Indice generale Nota all edizione italiana...xv Introduzione...xvii Contenuto del libro...xviii Parte I: Primi passi...xviii Parte II: Progettare e sviluppare i temi...xviii Parte III: Utilizzare i plugin...xviii

Dettagli

Come creare un modulo per Joomla?

Come creare un modulo per Joomla? Come creare un modulo per Joomla? Dopo aver trattato a fondo il tema della realizzazione di template per Joomla, torniamo a parlare di questo CMS per mostrarti il procedimento da seguire per la creazione

Dettagli

HTML. Hyper Text Mark-Up Language

HTML. Hyper Text Mark-Up Language HTML Hyper Text Mark-Up Language Cos è l HTML? È un linguaggio usato per descrivere documenti ipertestuali disponibili nel Web È un linguaggio di marcatura del testo che descrive il contenuto e il formato

Dettagli

GUIDA RAPIDA ALLA MODIFICA DEL SITO

GUIDA RAPIDA ALLA MODIFICA DEL SITO GUIDA RAPIDA ALLA MODIFICA DEL SITO Login Per effettuare l accesso al pannello amministrativo del sito collegarsi all indirizzo http://www.grandhotellezagare.it/public/wp-admin/ immettendo le seguenti

Dettagli

Con un DB vuoto (non proprio visto che alcuni campi sono valorizzati di default) il sito si presenta come nell immagine 1.

Con un DB vuoto (non proprio visto che alcuni campi sono valorizzati di default) il sito si presenta come nell immagine 1. Intro: Questa piattaforma permette di creare un sito/blog in modo semplice e abbastanza intuitivo (se si capisce il pannello di controllo che ho creato, sto cercando di migliorarlo;-)) Infatti nei vari

Dettagli

Appare una finestra con il gestore di immagini (Image Manager) di JCE.

Appare una finestra con il gestore di immagini (Image Manager) di JCE. JCE ha numerose icone che aiutano nella redazione dell articolo e nella formattazione del testo. È possibile, ad esempio, copiare testo già formattato direttamente da MS Word. In ogni caso posizionando

Dettagli

Versione 1.0 Data 25/06/2014. Commenti Dichiarazione di copyright. Abstract Questo documento spiega come installare MOVIO in locale.

Versione 1.0 Data 25/06/2014. Commenti Dichiarazione di copyright. Abstract Questo documento spiega come installare MOVIO in locale. Titolo Tutorial Installazione di MOVIO in locale Versione 1.0 Data 25/06/2014 Autori e affiliation Andrea Tempera (ICCU) Commenti Dichiarazione di copyright Abstract Questo documento spiega come installare

Dettagli

Responsive Web Design

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

Dettagli

Un sito con Wordpress

Un sito con Wordpress Un sito con Wordpress Includere Digital-mente Corso livello 4 Pagine Popolare il menù principale o di navigazione Gallerie multimediali Tra i contenuti multimediali delle pagine è possibile inserire una

Dettagli

1) Il client(browser utilizzato) invia al server i dati inseriti dall utente. Server

1) Il client(browser utilizzato) invia al server i dati inseriti dall utente. Server 2) Il Server richiama l'interprete PHP il quale esegue i comandi contenuti nel file.php specificato nell'attributo action del tag form creando un file HTML sulla base dei dati inviati dall utente 1) Il

Dettagli

Si accede alla piattaforma digitando nel browser l indirizzo: dopo di chè si apre la seguente pagina,

Si accede alla piattaforma digitando nel browser l indirizzo:  dopo di chè si apre la seguente pagina, Padlet è una piattaforma web gratuita che permette di creare e condividere bacheche virtuali. E uno strumento multi device per cui può essere utilizzato con i vari sistemi operativi e nei dispositivi mobili

Dettagli

Versione 3.0. a cura di Claudia Cavicchi Biblioteca Clinica F.Bianchi Università di Bologna

Versione 3.0. a cura di Claudia Cavicchi Biblioteca Clinica F.Bianchi Università di Bologna Versione 3.0 a cura di Claudia Cavicchi Biblioteca Clinica F.Bianchi Università di Bologna claudia.cavicchi@unibo.it 1 Cos è? E un software gratuito, sviluppato dal Center for History and New Media della

Dettagli

PRONTUARIO PER LA GESTIONE DEL SITO DELLE CIRCOSCRIZIONI

PRONTUARIO PER LA GESTIONE DEL SITO DELLE CIRCOSCRIZIONI PRONTUARIO PER LA GESTIONE DEL SITO DELLE CIRCOSCRIZIONI 1. ENTRARE NEL SISTEMA DI GESTIONE DEL SITO Per accedere al gestionale del sito è necessario fare il login con il nome utente e la password usati

Dettagli

Lena Cota Guido Corso di Informatica - II livello. Excel 2003 Formule. Imparare a usare le formule con la pratica

Lena Cota Guido Corso di Informatica - II livello. Excel 2003 Formule. Imparare a usare le formule con la pratica Excel 2003 Formule Imparare a usare le formule con la pratica 1 Cosa sono Uno degli obiettivi principali dei fogli di calcolo è fornire il risultato di operazioni matematiche, dalla semplice somma alle

Dettagli

SCOPRI I VERI SAPORI DELLA TERRA

SCOPRI I VERI SAPORI DELLA TERRA SCOPRI I VERI SAPORI DELLA TERRA BOTTEGA ONLINE DI FRUTTA E VERDURA 1.300 Prodotti di qualità da tutto il mondo Massimo Giacchino Responsabile marketing massimo@fruttaweb.com CHI SIAMO L e-commerce FruttaWeb

Dettagli

Canva: come creare una grafica accattivante.

Canva: come creare una grafica accattivante. Creare una grafica accattivante in pochi passaggi adesso è possibile con Canva, uno strumento di design che permette di creare immagini, infografiche e qualsiasi altro tipo di contenuto visuale online.

Dettagli

REALIZZAZIONE DI UN SITO TRAMITE CMS

REALIZZAZIONE DI UN SITO TRAMITE CMS REALIZZAZIONE DI UN SITO TRAMITE CMS wordpress Moretti INTRODUZIONE Il progetto descritto in questa tesina ha come obiettivo finale la creazione di un sito web, tramite un CMS (Content Managment System)

Dettagli

Elaborato Shell. Elementi di architettura e sistemi operativi 2016/2017

Elaborato Shell. Elementi di architettura e sistemi operativi 2016/2017 Elaborato Shell Elementi di architettura e sistemi operativi 2016/2017 Introduzione passwd è il file di configurazione di sistema in cui sono memorizzate alcune delle informazioni relative agli account

Dettagli

Sistemi Di Elaborazione Dell informazione

Sistemi 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

Come realizzare un template Joomla? (prima parte)

Come realizzare un template Joomla? (prima parte) Come realizzare un template Joomla? (prima parte) In questo articolo getteremo le basi per comprendere le tecniche necessarie alla realizzazione di un template per joomla, il celebre CMS. Hai già provato

Dettagli

1 LibreOffice Base GESTIONE BIBLIOTECA

1 LibreOffice Base GESTIONE BIBLIOTECA GESTIONE BIBLIOTECA 1 LibreOffice Base... 1 2 Amministrazione... 2 2.1 Inserire / modificare dati standard... 2 2.1.1 1a Inserire insegnati e classi... 3 2.1.2 1b - Inserire autori - editori... 4 2.1.3

Dettagli

REMOTE DISK. GUIDA UTENTE v 2.2

REMOTE DISK. GUIDA UTENTE v 2.2 REMOTE DISK GUIDA UTENTE v 2.2 AREA DI GESTIONE UTENTI/CARTELLE 1. Collegarsi al sito http://remotedisk.hextra.it 2. Selezionare Accesso Amministratore in basso a destra 3. Inserire username e password

Dettagli

Come usare la piattaforma StartUp

Come usare la piattaforma StartUp Come usare la piattaforma StartUp Gestione del profilo personale Per rendere visibile il tuo profilo agli altri utenti: Accedi al tuo profilo Ø Personal desktop > Personal Data and Profile Aggiorna il

Dettagli

MANUALE per la GESTIONE dei BANNER della HOME PAGE. SITI OAR e AT di tipo 1 VAI ALL INDICE DEI CONTENUTI

MANUALE per la GESTIONE dei BANNER della HOME PAGE. SITI OAR e AT di tipo 1 VAI ALL INDICE DEI CONTENUTI MANUALE per la GESTIONE dei BANNER della HOME PAGE SITI OAR e AT di tipo 1 VAI ALL INDICE DEI CONTENUTI DEI CONTENUTI LA FUNZIONE DEI BANNER DELL HOME PAGE PAG. 3 CONTENUTI CARICABILI SU CIASCUN BANNER

Dettagli

Pacchetto corsi IT. IlTuoCorso - Ermes srl Via E.De Amicis Milano

Pacchetto corsi IT. IlTuoCorso - Ermes srl Via E.De Amicis Milano Pacchetto corsi IT IlTuoCorso - Ermes srl Via E.De Amicis 57 20123 Milano Il corso Il pacchetto corsi IT è quello che ti serve per migliorare le conoscenze di software, siti web, tecniche di programmazione

Dettagli

Modulo III - Creazione di documenti, presentazioni e report

Modulo III - Creazione di documenti, presentazioni e report Modulo III - Creazione di documenti, presentazioni e report Elisabetta Ronchieri Università di Ferrara Dipartimento di Economia e Management e-mail: elisabetta.ronchieri@unife.it 1 Dicembre 2016 Elisabetta

Dettagli

Università degli Studi di Bologna Facoltà di Ingegneria. Tecnologie Web T A.A Esercitazione 1 URI, HTTP, HTML, CSS

Università degli Studi di Bologna Facoltà di Ingegneria. Tecnologie Web T A.A Esercitazione 1 URI, HTTP, HTML, CSS Università degli Studi di Bologna Facoltà di Ingegneria Tecnologie Web T A.A. 2016 2017 Esercitazione 1 URI, HTTP, HTML, CSS Agenda URL e Protocollo HTTP prove ed esempi HTML e CSS corrispondenza tra elementi

Dettagli

TUTORIAL DI PADLET. Per creare una bacheca dalla home page, basta cliccare su"crea una nuova bacheca (tasto +)

TUTORIAL DI PADLET. Per creare una bacheca dalla home page, basta cliccare sucrea una nuova bacheca (tasto +) TUTORIAL DI PADLET (Padlet può essere definito come un muro/bacheca virtuale per appuntare, assemblare, collaborare). Si tratta di una app per pc, tablet e smartphone che necessita solo di una semplice

Dettagli

Prof. Pagani Corrado HTML

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

Dettagli

COME RAGGIUNGERE LA CENA CAUBOI

COME RAGGIUNGERE LA CENA CAUBOI COME RAGGIUNGERE LA CENA CAUBOI Cominciamo con le informazioni base: RISTORANTE AL VERDE Via Privata, 1 Fraz. Rongio 23826 MANDELLO DEL LARIO (Lc) Tel: 0341/73.51.04 Coordinate GPS N 45.929270 E 9.330190

Dettagli

Alpine Italia. Documento descrittivo delle procedure di registrazione

Alpine Italia. Documento descrittivo delle procedure di registrazione Documento descrittivo delle procedure di registrazione In questo documento vengono descritte le procedure di registrazione che l utente deve eseguire sul sito per ottenere l estensione della garanzia dei

Dettagli

Master SIT settembre Corso Web & GIS. Chiara Renso. ISTI- CNR

Master SIT settembre Corso Web & GIS. Chiara Renso. ISTI- CNR MAPSERVER Corso ISTI- CNR c.renso@isti.cnr.it Mapserver è un software opensource fornito dall Università del Minnesota http://www.mapserver.org/ e fornisce un ambiente per la pubblicazione sul web di mappe.

Dettagli

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. 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)

Dettagli

Blog Blogging Blogger. Blogsfera

Blog Blogging Blogger. Blogsfera Blog Blogging Blogger Blogsfera Blog è un luogo dove si può (virtualmente) stare insieme agli altri e dove in genere si può esprimere liberamente la propria opinione È un sito (web), gestito in modo autonomo

Dettagli

GUIDA OPERATIVA SULLA PIATTAFORMA MOODLE INTEGRATA AL REGISTRO ELETTRONICO MASTERCOM

GUIDA OPERATIVA SULLA PIATTAFORMA MOODLE INTEGRATA AL REGISTRO ELETTRONICO MASTERCOM GUIDA OPERATIVA SULLA PIATTAFORMA MOODLE INTEGRATA AL REGISTRO ELETTRONICO MASTERCOM FASI OPERATIVE Entrare nel registro elettronico, cliccare su consultazione e scegliere la classe. Selezionare Aula virtuale

Dettagli

Versione 1.7. Manuale per Creatori Corsi. Parte I: Accesso e Creare Risorse

Versione 1.7. Manuale per Creatori Corsi. Parte I: Accesso e Creare Risorse Versione 1.7 Manuale per Creatori Corsi Parte I: Accesso e Creare Risorse Autore Prof.ssa Antonella Greco Pagina di accesso Per accedere cliccate su Login. Appare 2 Se dovete iscrivervi Siete alla schermata

Dettagli

Guida per lo studente all uso della piattaforma per l e-learning di ASVI: Moodle

Guida per lo studente all uso della piattaforma per l e-learning di ASVI: Moodle Guida per lo studente all uso della piattaforma per l e-learning di ASVI: Moodle Indice 1. Introduzione alla piattaforma Moodle p. 3 2. Accesso in piattaforma p. 3 2.1 L home page della piattaforma p.

Dettagli

Programma di navigazione internet: Internet Explorer

Programma di navigazione internet: Internet Explorer Programma di navigazione internet: Internet Explorer 1 Cliccando col destro sull'icona di IE e quindi proprietà appaiono le seguenti schede: La scheda Generale contiene: In questa finestra digitare l'url

Dettagli

La struttura e la visualizzazione dei corsi

La struttura e la visualizzazione dei corsi La struttura e la visualizzazione dei corsi Una volta entrati nel corso ci si trova in un ambiente costituito da tre colonne, due laterali contenenti i blocchi e una centrale più ampia che costituisce

Dettagli

CREARE TEMPLATE PER JOOMLA!

CREARE TEMPLATE PER JOOMLA! CREARE TEMPLATE PER JOOMLA! Claudio Carrera Sono un sviluppatore siti web freelance, mi occupo principalmente di realizzazione d interfacce web per CMS proprietari e open source, in particolar modo siti

Dettagli

Istruzioni utilizzo Sitemanager area Amministrazione Trasparente per il personale comunale

Istruzioni utilizzo Sitemanager area Amministrazione Trasparente per il personale comunale Istruzioni utilizzo Sitemanager area Amministrazione Trasparente per il personale comunale Sommario Modalità di accesso... 4 Struttura del Sitemanager... 5 Cosa sono le cartelle e le sottocartelle... 6

Dettagli

guida dell'utente modulo: [ idocmail ] LA GESTIONE DEI FILTRI e delle REGOLE in idocmail

guida dell'utente modulo: [ idocmail ] LA GESTIONE DEI FILTRI e delle REGOLE in idocmail LA GESTIONE DEI FILTRI e delle REGOLE in idocmail è possibile creare e memorizzare o meno filtri e regole automatiche semplici ed avanzati, oppure ricercare una qualsiasi parola anche parziale presente

Dettagli

CREA SITI WEB DIVENTANDO ESPERTO DI WORDPRESS:

CREA SITI WEB DIVENTANDO ESPERTO DI WORDPRESS: CREA SITI WEB DIVENTANDO ESPERTO DI WORDPRESS: Ti piace scrivere e comunicare sul web, ma non possiedi particolari competenze in ambito di programmazione? Hai l esigenza di un sito per promuovere la tua

Dettagli

in collaborazione tecnico-scientifica con

in collaborazione tecnico-scientifica con in collaborazione tecnico-scientifica con l Università degli Studi di Salerno Dipartimento di Informatica Accordo Integrativo Regionale per la Medicina Generale AIR GESTIONE INTEGRATA DEL DIABETE SERVIZIO

Dettagli

Guida all uso della piattorma elearning QUICKPLACE

Guida all uso della piattorma elearning QUICKPLACE Guida all uso della piattorma elearning QUICKPLACE La piattaforma elearning QuickPlace permette la creazione di corsi on-line altamente personalizzabili sia nella struttura che nella grafica. Creare un

Dettagli

Guida all utilizzo della Piattaforma per la staffetta di Scrittura Creativa Manuale pratico per docenti e tutor

Guida all utilizzo della Piattaforma per la staffetta di Scrittura Creativa Manuale pratico per docenti e tutor Guida all utilizzo della Piattaforma per la staffetta di Scrittura Creativa Manuale pratico per docenti e tutor Primo utilizzo Ricezione della mail con il nome utente e creazione della password Una volta

Dettagli

Ingegneria del Software 1: Eclipse

Ingegneria del Software 1: Eclipse Ingegneria del Software 1: Eclipse Da completare entro Marzo 15, 2016 S. Krstić and M. Scavuzzo and F. Marconi and A. Rizzi and C. Menghi 1 Contents 1 Introduzione 3 1.1 Java (JRE vs JDK)..........................................

Dettagli

Corso di programmazione

Corso di programmazione Corso di programmazione per android 1 Introduzione (corso completo per imparare a programmare con il S.O. Google) Android è il sistema operativo per dispositivi mobili più diffuso al mondo. Si è imposto

Dettagli

Edilim Realizzare libri multimediali interattivi. Ivana Sacchi

Edilim Realizzare libri multimediali interattivi. Ivana Sacchi Edilim Realizzare libri multimediali interattivi Configurazione del libro EdiLIM Preparare una cartella che conterrà le risorse che utilizzeremo per realizzare il libronell'esempio l'ho chiamata Cappuccetto

Dettagli

Telephony Appliance BNTA 2.0 Guida Rapida per l installazione

Telephony Appliance BNTA 2.0 Guida Rapida per l installazione Telephony Appliance BNTA 2.0 Guida Rapida per l installazione beronet GmbH info@beronet.com +49 30 25 93 89 0 1 Indice Introduzione... 3 1) beronet Hypervisor... 3 A. Come accedere l Hypervisor... 3 B.

Dettagli

Come convertire un layout XHTML in un template Joomla?

Come convertire un layout XHTML in un template Joomla? Come convertire un layout XHTML in un template Joomla? In questo articolo vedremo come è possibile, partendo da un layout XHTML esistente, realizzare un template per Joomla in pochi semplici passi. Utilizzeremo

Dettagli

Università 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 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

Dettagli

Una 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.

Una 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

Dettagli

Instant WordPress (4.4.2) is a complete standalone, portable WordPress development environment (NB It will even run from a USB key!

Instant WordPress (4.4.2) is a complete standalone, portable WordPress development environment (NB It will even run from a USB key! About WordPress E' possibile utilizzarlo principalmente in due modi: Online: da wordpress.com, gratuitamente, è possibile registrarsi e creare un blog o un sito; il servizio offre anche un dominio di terzo

Dettagli

1.1. Come funzionano le pagine Web.

1.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

Dettagli

MANUALE DOCENTE. Guida rapida per iniziare subito con moodle. Guida rapida per moodle

MANUALE DOCENTE. Guida rapida per iniziare subito con moodle. Guida rapida per moodle MANUALE DOCENTE Guida rapida per iniziare subito con moodle Guida rapida per moodle Capitolo 1 Per iniziare Questa pagina vuol essere una guida rapida alla creazione di corsi a distanza usando Moodle.

Dettagli

ToDoT start per Autodesk Inventor: guida utente

ToDoT start per Autodesk Inventor: guida utente ToDoT start per Autodesk Inventor: guida utente ToDoT start edition facilita e rende automatica la conversione delle tavole in pdf o altri formati, necessaria per condividere disegni di parti progettate

Dettagli

GESTIRE IL SITO IL PONTE DEI CANAIS

GESTIRE IL SITO IL PONTE DEI CANAIS GESTIRE IL SITO IL PONTE DEI CANAIS Accedere al sito http://www.ilpontedeicanasi.it/sito/wp-login.php Inserire Nome utente e Password Si accede così alla prima pagina del pannello di controllo, chiamata

Dettagli

Creare una videoclip con moviemaker

Creare una videoclip con moviemaker Creare una videoclip con moviemaker Un testo multimediale Si può vedere e ascoltare ma non si può scegliere il percorso di lettura Contiene: testi Immagini Audio video Il racconto deve essere lineare.

Dettagli

e-shop Ordina online i tuoi prodotti con pochi e semplici clic!

e-shop Ordina online i tuoi prodotti con pochi e semplici clic! Ordina online i tuoi prodotti con pochi e semplici clic! ACQUISTI IMPERO ONLINE GUIDA UTENTE Introduzione e-shop, il sito web per gli acquisti Impero online e-shop garantisce l accesso a 10 000 articoli

Dettagli

Attivazione dei protocolli aggiuntivi - Analizzatori Zeroplus Rev. 1.0

Attivazione dei protocolli aggiuntivi - Analizzatori Zeroplus Rev. 1.0 2010 Robot-Italy.com Pagina 1 di 12 Vedremo in questo tutorial come sbloccare i plugin per il nostro analizzatore logico Zeroplus, i quali ci permetteranno di utilizzarlo come analizzatore di protocolli.

Dettagli

Progetto B. Utenti. Di conseguenza si potranno avere solo utenti di questi tipi

Progetto B. Utenti. Di conseguenza si potranno avere solo utenti di questi tipi Progetto B Progettare un applicazione web basata su Servlet e JSP che permetta la collaborazione di diversi utenti nel creare, aggiornare e gestire un archivio di pagine personali degli autori di un giornale.

Dettagli

IMMAGINI INTRODUZIONE

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

Dettagli

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

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

Dettagli

LIBRO GAME CREATOR. Manuale versione Ideato e scritto da Matteo Poropat. Grafica del programma di Matteo Poropat

LIBRO GAME CREATOR. Manuale versione Ideato e scritto da Matteo Poropat. Grafica del programma di Matteo Poropat Manuale versione 1.0.1 LIBRO GAME CREATOR Ideato e scritto da Matteo Poropat Grafica del programma di Matteo Poropat Testato fino allo stremo delle forze dallo staff di Librogame s Land, in particolare

Dettagli

HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto

HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. HTML non è un linguaggio di programmazione ma

Dettagli

Primo accesso ed utilizzo della posta con Office 365

Primo accesso ed utilizzo della posta con Office 365 Primo accesso ed utilizzo della posta con Office 365 Aprire il Browser MOZZILLA FIREFOX (è il solo che consente di aprire, correttamente, la posta) digitare nella barra dell indirizzo: outlook.office365.com

Dettagli

Video Scrittura (MS Word) Prima Parte

Video Scrittura (MS Word) Prima Parte Video Scrittura (MS Word) Prima Parte Ripasso/approfondimento: Gestione Cartelle/File Crea una cartella UTE Informatica Base sul Desktop Click destro sul Desktop Posizionarsi su Nuovo Cliccare su Cartella

Dettagli

Corso di. Html e Css. per creare e disegnare siti web. M-CORSO-Schedacorso-luglio16, rev 1

Corso di. Html e Css. per creare e disegnare siti web. M-CORSO-Schedacorso-luglio16, rev 1 Corso di Html e Css obiettivi L'obiettivo di questo corso è di trasferire, grazie alla metodologia didattica che alterna la teoria ad esercitazioni pratiche e simulazioni di casi reali, le conoscenze e

Dettagli

APPLICAZIONI WEB E INTRANET CON PHP

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

Dettagli

Configurazione di una LAN in ambiente Windows

Configurazione di una LAN in ambiente Windows Configurazione in ambiente Windows Configurazione di una LAN in ambiente Windows Appunti per le classi III inf. A cura dei proff. Mario Catalano e Paolo Franzese 1/23 Configurazione TCP/IP statica 1/2

Dettagli

Mon Ami 3000 MACommerce La soluzione per il commercio elettronico totalmente integrata con Mon Ami 3000

Mon Ami 3000 MACommerce La soluzione per il commercio elettronico totalmente integrata con Mon Ami 3000 Mon Ami 000 MACommerce La soluzione per il commercio elettronico totalmente integrata con Mon Ami 000 Prerequisiti La soluzione MACommerce si integra totalmente con le versioni Azienda Light e Azienda

Dettagli

La Back Office Console consente di costruire lo scheletro degli schema.

La Back Office Console consente di costruire lo scheletro degli schema. BACK OFFICE CONSOLE 1.1 Introduzione 3 1.2 Creazione di uno Schema 4 1.2.1 Struttura dello Schema 5 1.2.2 Caratteristiche dei campi 6 1.2.3 Traduzioni 8 1.3 Ricerca degli schema 8 1.4 Gestione delle Categorie

Dettagli

MANUALE PERMESSO A COSTRUIRE Versione 1.0.0

MANUALE PERMESSO A COSTRUIRE Versione 1.0.0 MANUALE PERMESSO A COSTRUIRE Versione 1.0.0 Procedimento permesso a costruire Pagamenti marche da bollo... 2 Delega presentazione domanda... 2 Parte generale... 2 Nuova richiesta di permesso a costruire...2

Dettagli

Edilim Realizzare libri multimediali interattivi. Ivana Sacchi

Edilim Realizzare libri multimediali interattivi. Ivana Sacchi Edilim Realizzare libri multimediali interattivi EdiLIM Preparare una cartella che conterrà le risorse che utilizzeremo per realizzare il libronell'esempio l'ho chiamata Cappuccetto rosso Inserire nella

Dettagli

Il Manuale di KXSLDbg. Keith Isdale Traduzione del documento: Samuele Kaplun Traduzione del documento: Simone Solinas

Il Manuale di KXSLDbg. Keith Isdale Traduzione del documento: Samuele Kaplun Traduzione del documento: Simone Solinas Keith Isdale Traduzione del documento: Samuele Kaplun Traduzione del documento: Simone Solinas 2 Indice 1 Introduzione 5 1.1 Funzionalità......................................... 5 2 Usare KXSLDbg 6 2.1

Dettagli

DOCUMENTAZIONE OWNCLOUD

DOCUMENTAZIONE OWNCLOUD DOCUMENTAZIONE OWNCLOUD INTRODUZIONE OwnCloud è un software open source di sincronizzazione e condivisione file/cartelle; fornisce una sincronizzazione sicura dei file grazie all'autenticazione attraverso

Dettagli

Schermata di consigli per la navigazione sicura. Aggiornamento del software VesselView. Controllo automatico tramite Wi-Fi

Schermata di consigli per la navigazione sicura. Aggiornamento del software VesselView. Controllo automatico tramite Wi-Fi Schermata di consigli per la navigazione sicura Ogni volta che VesselView viene acceso dopo uno spegnimento completo di almeno 30 secondi, viene visualizzata una schermata con consigli sulla sicurezza

Dettagli

Creare una sfera di vetro

Creare una sfera di vetro Creare una sfera di vetro Per questo esercizio useremo un file che si chiama Newspaper : apriamo quindi il file in Photoshop. Aggiungiamo un nuovo livello. Utilizzando lo strumento selezione ellittica

Dettagli

PROCEDURA ACQUISIZIONE SCHEDE DA FILE ED INSERIMENTO E/O MODIFICA DA WEB PER MMG ASL CASERTA

PROCEDURA ACQUISIZIONE SCHEDE DA FILE ED INSERIMENTO E/O MODIFICA DA WEB PER MMG ASL CASERTA PROCEDURA ACQUISIZIONE SCHEDE DA FILE ED INSERIMENTO E/O MODIFICA DA WEB PER MMG ASL CASERTA 2 GESTIONE SCHEDE SOMMARIO ACCESSO AL SISTEMA SANIARP... 3 PROCEDURA DI Importazione MASSIMA SCHEDE ATTRAVERSO

Dettagli