HTML, CSS, Bootstrap, Php, Javascript e MySql: Tutto quello che devi sapere per creare un sito dinamico
()
Info su questo ebook
In primo luogo si esplicherà la differenza fra i vari domini esistenti in rete ed in un secondo momento si cercherà di spiegare il CSS e L’HTML per poi entrare nella programmazione PHP (lato server) e JavaScript (lato client) con la creazione di database tramite phpMyAdmin.
Tutto questo sarà esplicato attraverso un sito web esempio creato appositamente utilizzando per semplicità e comodità di base un Bootstrap gratuito e programmando un pannello di controllo con login collegato al sito tramite database per l’inserimento delle immagini direttamente dal web caricandole sul database creato con phpMyAdmin collegato al sito. Ovviamente dopo essere entrati nel mondo dei database e della programmazione si potrà applicare queste conoscenze a qualsiasi altra necessità di iterazione da parte dell’utente richiesta dal progetto del sito.
Obiettivo di questo studio non è la creazione di semplici pagine web che oggi può essere fatta tranquillamente con WordPress o altri software facili da utilizzare, bensì a scopo prettamente didattico spiegare l’utilizzo dei database e della programmazione lato server e lato client per rendere dinamico un sito altrimenti statico. In sintesi, questo lavoro può essere utile a coloro che vogliono approcciarsi all’affascinante mondo della programmazione dei siti web dal principio.
Leggi altro di Olga Maria Stefania Cucaro
DATABASE Dal modello concettuale ER all’applicativo finale in Access, Visual Basic, Pascal, Html e Php: All'interno esempi di applicativi realizzati con Access, Visual Studio, Lazarus e Wamp Valutazione: 0 su 5 stelle0 valutazioniProgrammare in Visual Basic (VB) Valutazione: 0 su 5 stelle0 valutazioniTabelle Pivot per tutti. Dalle semplici tabelle alle Power-Pivot: Guida utile per la creazione delle Tabelle Pivot in Excel Valutazione: 0 su 5 stelle0 valutazioniRaccolta di brevi racconti ispirati dalla pandemia Valutazione: 0 su 5 stelle0 valutazioniTutti pazzi per la Gioconda: Arte & Strategie di marketing L’immagine della Gioconda dalla comunicazione aziendale al prodotto Valutazione: 0 su 5 stelle0 valutazioniLe ricette di Aradia Valutazione: 0 su 5 stelle0 valutazioniBabbo Natale e il violino magico: Una favola di Natale Valutazione: 0 su 5 stelle0 valutazioni
Correlato a HTML, CSS, Bootstrap, Php, Javascript e MySql
Ebook correlati
Vivere di web: Realizzare un progetto web dalla A alla Z Valutazione: 0 su 5 stelle0 valutazioniCorso Css. Dai stile al tuo sito web Valutazione: 0 su 5 stelle0 valutazioniCorso html. La base di ogni sito web Valutazione: 1 su 5 stelle1/5Creare un blog di successo Valutazione: 0 su 5 stelle0 valutazioniManuale di buonsenso in rete Valutazione: 5 su 5 stelle5/5Guadagnare con uno Smartphone Valutazione: 0 su 5 stelle0 valutazioniDropshipping: Come iniziare Valutazione: 0 su 5 stelle0 valutazioniLa programmazione VB.NET 2008 Valutazione: 0 su 5 stelle0 valutazioniCostruisci la tua lista - Lista per l’e-mail marketing dei tuoi clienti: Costruzione, metodo e tecniche Valutazione: 0 su 5 stelle0 valutazioniFotografo 2.0: Come promuovere e vendere foto su internet grazie alle agenzie di microstock e photostock Valutazione: 0 su 5 stelle0 valutazioniLa Guida Definitiva Per Sviluppatori Di Software: CONSIGLI E TRUCCHI Valutazione: 0 su 5 stelle0 valutazioniSiti Web che NON funzionano - Dal progetto alla pubblicazione, tutti gli errori che penalizzano o annullano l'efficacia di un sito Web Valutazione: 0 su 5 stelle0 valutazioniSEO - Guida Strategica Valutazione: 0 su 5 stelle0 valutazioniJavascript: Un Manuale Per Imparare La Programmazione In Javascript Valutazione: 0 su 5 stelle0 valutazioniI 40 trucchi che devi conoscere per difenderti da chi ti vuole fare il sito internet ma è un incompetente Valutazione: 0 su 5 stelle0 valutazioniSviluppare applicazioni ibride per dispositivi mobili Valutazione: 5 su 5 stelle5/5Trovare lavoro in 7 giorni Valutazione: 0 su 5 stelle0 valutazioni21 Consigli di Web Marketing per Avvocati Valutazione: 0 su 5 stelle0 valutazioniEsperto Seo: Posiziona il tuo Sito al Top dei Motori di Ricerca Valutazione: 0 su 5 stelle0 valutazioniCopywriting per Landing Page ad alta conversione Valutazione: 0 su 5 stelle0 valutazioniPython: La Guida Per Imparare a Programmare. Include Esercizi di Programmazione.: Programmazione per Principianti, #1 Valutazione: 0 su 5 stelle0 valutazioniWordPress dalla A alla W Valutazione: 0 su 5 stelle0 valutazioniSEO 2020 - La guida definitiva dopo 10 anni di SEO Valutazione: 5 su 5 stelle5/5Javascript - 50 funzioni e tutorial Valutazione: 0 su 5 stelle0 valutazioniScrivere per il Web: Come Farsi Leggere nell'Oceano di Internet Valutazione: 0 su 5 stelle0 valutazioniWordPress Database Valutazione: 0 su 5 stelle0 valutazioniVba Se vi Piace 01 Valutazione: 0 su 5 stelle0 valutazioniCome Ottenere Il Primo Lavoro o Tirocinio nel Mondo della Finanza: Passi comprovati da seguire per avviare la tua carriera con l'aiuto di un insider Valutazione: 0 su 5 stelle0 valutazioniIl mio Facebook Marketing Valutazione: 0 su 5 stelle0 valutazioniTecniche di Web Marketing per il Turismo Valutazione: 0 su 5 stelle0 valutazioni
Programmazione per voi
Corso di PHP. Livello base. Con esercizi Valutazione: 0 su 5 stelle0 valutazioniRaspberry Pi: Scopri Tutti i Segreti per lo Sviluppo e Programmazione del Micro Computer per Maker e Hobbisti. Contiene Esempi di Codice ed Esercizi Pratici Valutazione: 0 su 5 stelle0 valutazioniPython | Programmazione passo dopo passo: La guida per i principianti per un'introduzione alla programmazione con Python Valutazione: 0 su 5 stelle0 valutazioniPROGRAMMARE IN C# 10 - Tecniche di base Valutazione: 0 su 5 stelle0 valutazioniLa programmazione orientata agli oggetti Valutazione: 0 su 5 stelle0 valutazioniGuida ePUB. Creare, pubblicare, promuovere un e-book a costo zero: Corso completo da Principiante a Esperto (Nuova Versione) Valutazione: 0 su 5 stelle0 valutazioniLa Guida Definitiva Per Sviluppatori Di Software: CONSIGLI E TRUCCHI Valutazione: 0 su 5 stelle0 valutazioniLa Programmazione in JAVA Valutazione: 0 su 5 stelle0 valutazioniJavascript - 50 funzioni e tutorial Valutazione: 0 su 5 stelle0 valutazioniC++ Funzioni e tutorial 40 esempi Valutazione: 0 su 5 stelle0 valutazioniApp Inventor 2 per esempi Valutazione: 1 su 5 stelle1/5Python: La Guida Per Imparare a Programmare. Include Esercizi di Programmazione.: Programmazione per Principianti, #1 Valutazione: 0 su 5 stelle0 valutazioniLe basi di Linux Valutazione: 0 su 5 stelle0 valutazioniHandbook Excel 365: Dalle basi al livello avanzato Valutazione: 0 su 5 stelle0 valutazioniLa programmazione VB.NET 2008 Valutazione: 0 su 5 stelle0 valutazioniVba Se vi Piace 01 Valutazione: 0 su 5 stelle0 valutazioniTecnologia e Progettazione per il mondo digitale e per il web III Valutazione: 0 su 5 stelle0 valutazioniFondamenti di programmazione in C# 11 Valutazione: 0 su 5 stelle0 valutazioni
Recensioni su HTML, CSS, Bootstrap, Php, Javascript e MySql
0 valutazioni0 recensioni
Anteprima del libro
HTML, CSS, Bootstrap, Php, Javascript e MySql - Olga Maria Stefania Cucaro
HTML, CSS, BOOTSTRAP, PHP, JAVASCRIPT E MYSQL
Tutto quello che devi sapere per creare un sito dinamico
All’interno un esempio completo di sito web con inserimento di immagini tramite accesso con password
Di
Olga Maria Stefania Cucaro
Ringraziamenti e copyright
Ringrazio tutti i miei professori di informatica e mia madre, che mi hanno permesso di studiare questa bellissima materia
Copyright di Olga Maria Stefania Cucaro
Questo libro è coperto dal diritto d’autore come anche l’esempio di sito inserito nello stesso che pur essendo un’opera derivata e sostanzialmente originale e quindi coperta anch’essa dal diritto d’autore
Sommario
Introduzione 5
PARTE GENERALE 6
Differenza tra siti e blog 6
Che cosa sono i domini e hosting 6
Come creare pagine senza conoscere i linguaggi con WordPress 7
Come creare pagine utilizzando HTML e CSS 7
Siti dinamici e statici 21
Siti responsive e Bootstrap 21
Come utilizzare i Bootstrap presenti su internet 22
Scaricare i Bootstrap 22
Creare o Modificare i fogli di Stile e quindi la grafica del sito 28
Cosa sono i Database e a cosa servono 47
Creare e gestire Database con phpMyAdmin 48
Gestione dei Database 49
Linguaggi lato client e lato server 49
Il PHP 49
Il JavaScript 50
Esempio della creazione di un sito 50
Creare il progetto 50
Utilizzare Notepad 51
Creare le pagine 52
Modificare il layout delle pagine 52
Scegliere le immagini e i colori 53
Immagini gratuite e a pagamento 53
Immagini create appositamente per il sito 53
Utilizzare XAMPP O WAMP in Windows per gestire siti web in locale 53
Che cosa è WAMP e come funziona 54
Scaricare e installare WAMP 54
Utilizzare WAMP 54
phpMyAdmin e MySQL 61
Login e Menù inserimento immagini e news 64
Pagine e script del sito esempio 70
Pagine del sito in html 71
Pagine html salvate in php poiché includono codice php al loro interno 98
File php da inserire nella cartella del sito 162
Altri file presenti nella cartella del sito 197
Modificare lo stile del sito 198
Visionare il sito su WAMP 200
Pubblicazione del sito 208
Conclusioni 215
Introduzione
Questo libro ha l'obiettivo di iniziare coloro che vogliono creare autonomamente un sito web, al mondo dei domini e della programmazione legata al web. L’autore ha pensato questo lavoro come opera scientifica destinata all’uso didattico e di studio per tutti coloro che si approcciano allo studio della programmazione lato client e lato server.
In primo luogo si esplicherà la differenza fra i vari domini esistenti in rete ed in un secondo momento si cercherà di spiegare il CSS e L’HTML per poi entrare nella programmazione PHP (lato server) e JavaScript (lato client) con la creazione di database tramite phpMyAdmin.
Tutto questo sarà esplicato attraverso un sito web esempio creato appositamente utilizzando per semplicità e comodità di base un Bootstrap gratuito e programmando un pannello di controllo con login collegato al sito tramite database per l’inserimento delle immagini direttamente dal web caricandole sul database creato con phpMyAdmin collegato al sito. Ovviamente dopo essere entrati nel mondo dei database e della programmazione, si potrà applicare queste conoscenze a qualsiasi altra necessità d’iterazione da parte dell’utente richiesta dal progetto del sito.
Obiettivo di questo studio non è la creazione di semplici pagine web che oggi può essere fatta tranquillamente con WordPress o altri software facili da utilizzare, bensì a scopo prettamente didattico spiegare l’utilizzo dei database e della programmazione lato server e lato client per rendere dinamico un sito altrimenti statico. In sintesi, questo lavoro può essere utile a coloro che vogliono approcciarsi all’affascinante mondo della programmazione dei siti web dal principio.
PARTE GENERALE
Differenza tra siti e blog
Il blog viene aggiornato giornalmente, o settimanalmente non nuove notizie di cui il blogger ha deciso di parlare nel blog costruito ad hoc (blog di cucina, di programmazione, ecc.). Il sito può essere aggiornato solo quando cambiano le informazioni dell’azienda o nel caso di sito portfolio o e-commerce quando cambiano i prodotti o i prezzi degli stessi.
I siti possono essere sia statici sia dinamici, mentre un blog deve necessariamente essere dinamico in quanto deve essere continuamente aggiornato. I siti statici vengono creati in html e css e sono modificabili solo da un esperto attraverso i file sorgente, mentre i siti dinamici hanno molte iterazioni con l’utente che modificano le pagine automaticamente. Esempi di siti dinamici sono i siti e-commerce e i blog che ti permettono di selezionare ciò che ti interessa o di interagire con il sito in vari modi.
Per creare siti dinamici e responsive o blog ora si usano degli hosting con pannelli di controllo semplici detti anche Content Management System (CMS) come il software open source Wordpress. Questo è il metodo più semplice per creare e aggiornare continuamente e con facilità il proprio sito senza avere nessuna conoscenza specifica.
Che cosa sono i domini e hosting
Per rendere pubblico un sito web è necessario un dominio. Il dominio è reso disponibile da un provider e può essere gratuito o a pagamento. Solitamente i domini di primo livello sono quelli che identificano un territorio, mentre quelli che interessano gli utenti sono quelli di secondo, terzo e quarto livello.
I domini di secondo livello sono quelli che usualmente troveremo a pagamento e identificano l’utente (ad esempio www.utente.com). Quelli di secondo e terzo livello per la maggior parte sono disponibili gratuitamente sul web (ad es. possiamo avere www.altervista.utente.com). I domini di secondo, terzo e quarto livello possono essere anche collegati al proprio sito (ad es. possiamo avere blog.utente.com).
Quando vogliamo mettere online delle pagine web, dobbiamo richiedere anche un hosting (spazio web), dall’inglese to host
che significa ospitare
. Spesso il provider che sceglieremo ci darà sia il dominio sia l’hosting gratis o a pagamento. Questo dipende dalle condizioni offerte dal provider.
Nell’esempio che spiegheremo nel prosieguo di questo libro, abbiamo scelto un hosting con un dominio di terzo livello gratuito da Altervista.
Ovviamente se sei un programmatore e stai vendendo un sito ad un cliente, non potrai utilizzare un dominio di terzo livello, ma ne utilizzerai uno di secondo livello con hosting a pagamento che trasferirai all’azienda dopo aver realizzato il sito o che gestirai annualmente. Questo dipenderà dal contratto predisposto con il cliente.
Come in tutto ciò che riguarda la programmazione, la scelta dell’hosting a pagamento o gratuito dipende dal risultato finale che si vuole ottenere. L’hosting a pagamento ha dei servizi aggiuntivi e vari indirizzi di posta elettronica abbinati al dominio, inoltre essendo composto solo dal nome dell’azienda o della persona potrebbe essere facilitato nella ricerca di Google.
Come creare pagine senza conoscere i linguaggi con WordPress
Wordpress è un software open source che permette di creare e aggiornare in maniera dinamica il blog o il sito. Attraverso un CMS (Content Management System) molto intuitivo permette di aggiungere contenuti testuali, video e immagini senza lavorare sul codice direttamente nelle pagine del nostro sito. Offre anche la possibilità se si conoscono delle basi di linguaggio html, di modificarlo in modo diretto dal codice sorgente. Ovviamente questa piattaforma offre tante possibilità di utilizzare widget e modelli da poter avere, al termine del lavoro di creazione, un blog personalizzato, ma non quanto ci permetterebbe di fare una creazione personalizzata con codice html, php, javascript e mysql dove possiamo creare il nostro sito da zero senza temi prefabbricati. Per personalizzare maggiormente il sito basato su un tema, posso aggiungere un CSS all'interno dello stesso.
Il Wordpress rimane comunque un’ottima scelta e ci permette anche di inserire del codice php. In questo caso posso andare su aspetto editor del tema e entrare nelle funzioni del tema un file chiamato function.php. Questo non è molto raccomandabile in quanto tutto il codice aggiuntivo verrà perso quando ci sarà l’aggiornamento del tema.
Esiste invece un plug-in per inserire il codice php che si chiama Code Snippets
. Dopo l’installazione e l’attivazione troverò sul menù principale, Snippets e potrò usare alcuni file presenti o crearne di nuovi.
Come creare pagine utilizzando HTML e CSS
Quando scriviamo un sito in html, il nostro PC (CLIENT) comunica con un altro computer chiamato SERVER che fornisce una risposta al Client.
Il client fa una richiesta al Server che risponde interpretando il linguaggio html e visualizzando il sito.
Per creare pagine web si può utilizzare un semplice wordpad o blocco note o il più avanzato Notepad che evidenzia anche gli errori di scrittura delle istruzioni.
HTML rappresenta la struttura del sito, mentre CSS può essere considerato il vestito (la grafica) del sito.
L’html è un linguaggio di markup e non di programmazione. Infatti, il browser traduce il codice e ci permette di visualizzare la pagina web.
I tag sono fondamentali per dare una struttura alla pagina che verrà poi tradotta dal browser.
Esempio di elemento o tag:
Titolo pagina
Titolo paragrafo
Titolo pagina