Home-theater-designers
Vuoi realizzare un sito web, ma non sai da dove cominciare?
Sembra che il tipico campo di formazione per lo sviluppo web sia anche il più costoso: acquistare un dominio, un server host, un account WordPress, un tema, ecc. Ma cosa succede se non sei un piccolo imprenditore o stai cercando di costruire un marchio? E se stai solo cercando di imparare lo sviluppo web, senza disordine?
Continua a leggere per imparare a ospitare il tuo sito web, che puoi creare da zero o con modelli predefiniti, sul tuo computer e gratuitamente. Oh, questo include anche l'hosting del tuo account WordPress!
XAMPP: un'introduzione
XAMPP di Bitnami è 'una distribuzione Apache contenente PHP e Perl.' Per i nostri scopi, dobbiamo solo capire che XAMPP è un semplice programma gratuito che consente agli utenti di ospitare siti Web sui propri PC.
Sebbene la configurazione di un server locale utilizzando XAMPP sia in qualche modo tecnica, il processo è anche abbastanza semplice e diretto. Una volta che tutto è stato impostato, scoprirai che gestire e modificare i siti web è un gioco da ragazzi.
Poi c'è la questione del controllo rapido e completo. Usando XAMPP per creare e modificare siti Web, sarai in grado di modificare tanto o poco un sito Web come desideri. Detto questo, da un grande potere derivano grandi responsabilità. Anche tu sei più suscettibile di perdere i tuoi siti, soprattutto se non lo fai creare backup .
timeout watchdog orologio installazione di Windows 10
Se desideri un vero e proprio progetto di corso di base in sviluppo web, tuttavia, XAMPP fa per te. Ciò include qualsiasi progetto relativo a HTML, CSS, Javascript e oltre!
Installazione di XAMPP
Vai al XAMPP sito web e scaricare il pacchetto. Segui la procedura di configurazione predefinita. Una volta scaricato XAMPP, il pannello di controllo di XAMPP dovrebbe aprirsi automaticamente. In caso contrario, puoi individuare il programma XAMPP come faresti con qualsiasi altro (tramite la ricerca nel menu Start).
Nella finestra del pannello di controllo di XAMPP, dovresti vedere un semplice layout di quali processi XAMPP sono in esecuzione. Per i nostri scopi, ci concentreremo sulle prime due opzioni: Apache e MySQL.
Apache -- Il punto cruciale di XAMPP, l'opzione Apache crea un server Apache sul tuo PC. Questo è ciò che ti consentirà di eseguire e modificare siti Web sul tuo PC tramite browser Web, proprio come si farebbe con un sito Web. Tranne, ovviamente, che questo sito Web è in esecuzione sul tuo PC, al contrario di un server connesso a Internet.
MySQL -- SQL consente la comunicazione tra database e siti Web, consentendo agli utenti di testare e archiviare e-mail, password e qualsiasi altro input di dati. Lo useremo per il tuo account WordPress locale.
premi il Cominciare pulsante nel pannello di controllo XAMPP sotto Azioni sia per Apache che per MySQL. Attendi fino a quando sia Apache che MySQL sono evidenziati in verde nella sezione del modulo. Una volta abilitato, sei libero di usare XAMPP.
Localhost e phpMyAdmin
Per assicurarti che tutto funzioni correttamente, apri un browser web, inserisci http://localhost/ nella barra degli indirizzi e premi accedere . Dovresti essere reindirizzato a http://localhost/dashboard/ , che è la pagina XAMPP predefinita.
Quindi, fai clic su phpMyAdmin pulsante nel menu di navigazione in alto. Verrai indirizzato alla tua pagina phpMyAdmin predefinita.
Lascia stare questi per ora, ma se entrambi funzionano sei pronto per iniziare a creare siti web!
Creazione di siti Web utilizzando XAMPP
Ora arriva la parte divertente. Vai alla cartella XAMPP situata nella directory dell'unità principale ( C:xampp per impostazione predefinita). Quindi, vai a htdocs . Questo sarà il principale repository del sito web che utilizzerai per visualizzare i siti web.
Prima di creare e modificare un sito web, avrai bisogno di un editor di testo. Sebbene sia possibile utilizzare un editor di testo predefinito come Blocco note, in genere è meglio scaricare un editor di terze parti creato appositamente per codice e markup . Testo sublime è uno dei migliori in circolazione, quindi vai sul loro sito Web e scarica il software per iniziare.
Ora puoi iniziare a scaricare e installare siti Web in XAMPP. userò il Viaggio su strada modello, ma puoi utilizzare qualsiasi modello desideri. Scarica il file zip del sito web e conservalo in una posizione che ricorderai. Quindi, crea una cartella all'interno della cartella htdocs di XAMPP per il tuo sito web. Ho chiamato il mio viaggio su strada -- cerca di mantenere il tuo nome semplice. Quindi, decomprimi ed estrai il contenuto del tuo file zip in questa cartella htdocs.
Una volta estratti i file, vai al repository del tuo sito Web all'interno di htdocs per assicurarti che siano stati estratti correttamente.
Infine, vai alla tua pagina web nel tuo browser web. Tuo sito web , per così dire, sarà raggiungibile utilizzando il localhost precedentemente menzionato insieme al nome della cartella che contiene i file di pagina. Questo perché i siti Web sono essenzialmente file contenuti in cartelle, tutti sotto un singolo nome di dominio o radice. Stai già imparando!
La nostra cartella creata in precedenza era denominata roadtrip, quindi l'indirizzo completo del sito è http://localhost/roadtrip .
Hai finito! Ora puoi iniziare a modificare il sito web localmente.
Modifica di siti web
Apri il testo sublime. Dirigiti a File e seleziona Cartella aperta . Trova e seleziona la tua cartella web all'interno della cartella XAMPP. Ora sarai in grado di modificare più pagine dello stesso sito Web all'interno del tuo editor di testo sublime.
Sublime Text fornisce anche un'ottima interfaccia per vedere ogni file e cartella del tuo sito web. Per creare modifiche sul tuo sito web, modifica il codice del tuo sito web, salva (usando il comando da tastiera Ctrl + S ) e aggiorna il tuo sito web all'interno del browser.
Il processo è semplice e diretto: modifica la pagina web, quindi controlla se il tuo codice funziona. Man mano che avanzi nel tuo sviluppo web, cercherai di integrare funzionalità più complicate nella tua pagina web. Indipendentemente dal livello di abilità, tuttavia, il formato di base per modificare le pagine rimane lo stesso.
Usa WordPress con XAMPP
Se non vuoi modificare il codice non elaborato, o preferisci utilizzare un sistema di gestione dei contenuti (CMS) più familiare, WordPress offre anche la sua fantastica risorsa di web design in un file ZIP facile da usare! Per installare WordPress su XAMPP, vai su Sito Web WordPress e scarica l'applicazione ufficiale.
Usa lo stesso formato per creare un sito web come hai fatto in precedenza, con la cartella WordPress estratta presente nella directory htdoc all'interno della cartella wordpress . Mantieni il nome della cartella per motivi di chiarezza.
Utilizzo di phpMyAdmin
Poiché WordPress richiede la creazione delle informazioni di accesso, dovrai creare una voce nella tua directory PHP per la pagina web. Dirigiti a la tua pagina phpMyAdmin - http://localhost/phpmyadmin/ per impostazione predefinita - per iniziare.
Da questa pagina, clicca su Banche dati . Sotto il Crea database parametro, invio wordpress e poi colpisci Creare . Dovresti vedere un popup che ti dice che il database è stato creato. Quindi, chiudi questa finestra del browser e inserisci la tua cartella WordPress all'interno della directory htdocs di XAMPP. Questa cartella dovrebbe contenere il contenuto dei file WordPress decompressi.
Configurazione dell'accesso
Dobbiamo configurare il sito Web WordPress effettivo in modo che tu possa accedere e utilizzare il sito. Questo viene fatto tramite il file di configurazione PHP principale di WordPress. All'interno della cartella di WordPress, trova il file etichettato wp-config-sample.php , fai clic con il pulsante destro del mouse sul file, seleziona Modificare (o Aperta con per un editor di testo separato). Il blocco note dovrebbe funzionare bene.
Ecco il codice su cui ci concentreremo:
// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', ' database_name_here ');
/** MySQL database username */
define('DB_USER', ' username_here ');
/** MySQL database password */
define('DB_PASSWORD', ' password_here ');
Dovrai apportare tre modifiche al codice sopra entro la virgoletta.
database_name_qui -- Cambia questo parametro in wordpress . Il sito Web utilizzerà quindi il database precedentemente creato in phpMyAdmin etichettato come tale.
nomeutente_qui -- Cambia questo in radice . Il nome utente root possiede i privilegi di amministratore corretti per impostazione predefinita, quindi sarà consentito tramite phpMyAdmin. Altri nomi utente non funzioneranno a meno che non vengano concessi i permessi appropriati.
password_qui -- Cambialo in una password facilmente identificabile. Se preferisci non utilizzare una password, elimina il parametro.
Salva questo file come wp-config.php -- a differenza del precedente wp-config-sample.php -- ed esci. Quindi, vai al seguente indirizzo localhost: http://localhost/wordpress .
Procedi con l'installazione, inclusa la creazione del tuo WordPress Nome utente e Parola d'ordine . Puoi inserire i valori che preferisci. Una volta che hai finito di inserire i tuoi valori, clicca su Installa WordPress pulsante per terminare il processo. Fatto ciò, accedi al tuo WordPress locale utilizzando il nome utente e la password forniti nella pagina precedente.
Hai finito! Ora puoi dedicare il tuo cuore alla modifica, alla modifica e alla creazione di pagine Web sia da zero che tramite WordPress, offline e gratuitamente !
come annullare la prova gratuita udibile
Lo sviluppo web inizia con una singola pagina
Prima, stavi appena iniziando il tuo viaggio di sviluppo web. Ora hai creato un server locale sul tuo PC attraverso il quale puoi creare, modificare e adattare le pagine web a tuo piacimento. La cosa migliore è che hai completamente il controllo. L'unica cosa che resta è iniziare la tua sperimentazione, quindi vai avanti!
Hai deciso di non voler affrontare tutto questo lavoro? Prova uno di i migliori servizi di hosting di siti Web gratuiti Invece.
Crediti immagine: Dmitry Tishchenko/Shutterstock
Condividere Condividere Tweet E-mail 6 alternative udibili: le migliori app di audiolibri gratuite o economicheSe non ti va di pagare per gli audiolibri, ecco alcune fantastiche app che ti consentono di ascoltarli gratuitamente e legalmente.
Leggi Avanti Argomenti correlati- finestre
- Programmazione
- Wordpress
- Sviluppo web
- Web hosting
- Strumenti per i Webmaster
- Server Apache
- Server web
Christian è una recente aggiunta alla comunità MakeUseOf e un avido lettore di tutto, dalla letteratura densa ai fumetti di Calvin e Hobbes. La sua passione per la tecnologia è pari solo alla sua voglia e volontà di aiutare; se hai domande riguardanti (principalmente) qualsiasi cosa, sentiti libero di inviare un'e-mail!
Altro da Christian BonillaIscriviti alla nostra Newsletter
Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!
Clicca qui per iscriverti