Ospita e modifica siti Web su Windows gratuitamente utilizzando XAMPP

Vuoi creare un sito web 10 modi per creare un sito web piccolo e semplice senza l'overkill 10 modi per creare un sito web piccolo e semplice senza l'overkill WordPress può essere un eccesso. Come dimostrano questi altri servizi eccellenti, WordPress non è il tutto e non finisce la creazione di siti web. Se vuoi soluzioni più semplici, c'è una varietà tra cui scegliere. Leggi di più, ma non sai da dove iniziare?

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? Che cosa succede se si sta solo cercando di imparare lo sviluppo web, senza ingombrare?

Continua a leggere per imparare come ospitare il tuo sito Web Come utilizzare un blog WordPress auto-ospitato per la gestione dei progetti Come utilizzare un blog WordPress auto-ospitato per la gestione dei progetti Ulteriori informazioni, 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

L'XAMPP di Bitnami è “una distribuzione Apache contenente PHP e Perl.” Per i nostri scopi, abbiamo solo bisogno di capire che XAMPP è un programma semplice e gratuito che consente agli utenti di ospitare siti Web sui loro PC.

Mentre la configurazione di un server locale utilizzando XAMPP è piuttosto 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 meno un sito web come desideri. Detto questo, con un grande potere derivano grandi responsabilità. Sei più suscettibile di perdere anche i tuoi siti, specialmente se non crei i backup La guida di backup dei dati di Windows 10 Ultimate Guida ai backup dei dati di Windows 10 Abbiamo riepilogato tutte le opzioni di backup, ripristino, ripristino e riparazione che abbiamo trovato su Windows 10. Usa i nostri semplici consigli e non disperare mai più sui dati persi! Leggi di più .

XAMPP è per te se desideri un vero e proprio progetto di corso di avviamento in web dev. Ciò include qualsiasi progetto relativo a HTML, CSS, Javascript e oltre!

Installare XAMPP

Vai al sito Web XAMPP e scarica il pacchetto. Segui la procedura di installazione predefinita. Una volta scaricato XAMPP, il pannello di controllo XAMPP dovrebbe aprirsi automaticamente. Altrimenti, puoi localizzare il programma XAMPP come faresti con qualsiasi altro (attraverso la ricerca nel menu Start).

Nella finestra del pannello di controllo 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 principale nodo di XAMPP, l'opzione Apache crea un server Apache sul tuo PC. Questo è ciò che ti permetterà di eseguire e modificare siti web sul tuo PC tramite browser web, proprio come se fosse un sito web. Tranne, ovviamente, 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 Inizio pulsante nel pannello di controllo XAMPP sotto Azioni sia per Apache che per MySQL. Aspetta che sia Apache che MySQL siano evidenziati in verde sotto la sezione del tuo modulo. Una volta abilitato, sei libero di usare XAMPP.

Localhost e phpMyAdmin

Per garantire che tutto funzioni correttamente, aprire un browser Web, immettere http: // localhost / nella barra degli indirizzi e colpisci accedere. Dovresti essere reindirizzato a http: // localhost / cruscotto /, che è la pagina XAMPP predefinita.

Quindi, fare clic su phpMyAdmin pulsante sul menu di navigazione in alto. Sarai indirizzato alla tua pagina phpMyAdmin predefinita.

Lascia stare per ora, ma se entrambi funzionano, sei pronto per iniziare a creare siti web!

Creazione di siti Web tramite XAMPP

Ora arriva la parte divertente. Vai alla cartella XAMPP che si trova nella directory della tua unità principale (C: \ xampp di default). Quindi, dirigersi verso htdocs. Questo sarà il repository del sito Web principale che verrà utilizzato per visualizzare i siti Web.

Prima di creare e modificare un sito Web, è necessario un editor di testo. Mentre è 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 11 Suggerimenti sublimi per la produttività e un flusso di lavoro più veloce 11 Suggerimenti sublimi per la produttività e un flusso di lavoro più veloce Il testo sublime è un editor di testo versatile e un gold standard per molti programmatori. I nostri suggerimenti si concentrano sulla codifica efficiente, ma gli utenti generali apprezzeranno le scorciatoie da tastiera. Leggi di più . Sublime Text è uno dei migliori in circolazione, quindi vai al loro sito Web e scarica il software per iniziare.

Ora puoi iniziare a scaricare e installare siti Web in XAMPP. Utilizzerò il modello Roadtrip, ma puoi utilizzare qualsiasi modello desideri. Scarica il file zip del sito Web e conservalo in un luogo che ricorderai. Quindi, crea una cartella nella cartella htdocs di XAMPP per il tuo sito web. Ho chiamato il mio viaggio su strada - cerca di mantenere il tuo nome semplice. Quindi, decomprimere ed estrarre il contenuto del file zip in questa cartella htdocs.

Una volta estratti i file, vai al repository del tuo sito web in htdocs per assicurarti che siano stati estratti correttamente.

Infine, vai alla tua pagina web nel tuo browser Web I migliori browser Web per Windows I migliori browser Web per Windows Qual è il tuo browser Web predefinito? Anche se abbiamo solo l'imbarazzo della scelta, la maggior parte di noi si attacca ai giocatori più importanti provati e testati. Quali sono le alternative migliori per l'uso delle risorse, la velocità e la sicurezza? Leggi di più . Il tuo sito web, per così dire, sarà raggiungibile utilizzando il localhost menzionato in precedenza insieme al nome della cartella contenente i file di pagina. Questo perché i siti Web sono essenzialmente file contenuti in cartelle, tutti con un singolo dominio o nome radice. Stai già imparando!

La nostra cartella precedentemente creata è stata 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. Testa a File e selezionare 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 offre anche un'ottima interfaccia per vedere tutti i file e le cartelle 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 nel browser.

Il processo è semplice e diretto: modifica la pagina web, quindi controlla se il tuo codice funziona. Man mano che progredisci nel tuo sviluppo web, tenterai di inglobare caratteristiche più complicate nella tua pagina web. Non importa il 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 grezzo, o preferisci usare un sistema di gestione dei contenuti più familiare (CMS), WordPress offre la sua fantastica risorsa per il web design anche in un file ZIP facile da usare! Per installare WordPress su XAMPP, vai al sito Web di WordPress e scarica l'applicazione ufficiale.

Utilizza lo stesso formato per creare un sito web come hai fatto in precedenza, con la cartella di WordPress estratta presente nella directory htdoc all'interno della cartella wordpress. Mantenere il nome della cartella per motivi di chiarezza.

Utilizzando phpMyAdmin

Poiché WordPress richiede la creazione di informazioni di accesso, è necessario creare una voce nella directory PHP per la pagina Web. Vai alla tua pagina phpMyAdmin Imposta il tuo blog con Wordpress: The Ultimate Guide Configura il tuo blog con Wordpress: The Ultimate Guide Vuoi iniziare il tuo blog, ma non sai da dove iniziare? Dovresti davvero guardare in Wordpress, la piattaforma di blogging più semplice e potente disponibile oggi. Leggi di più - http: // localhost / phpmyadmin / per impostazione predefinita - per iniziare.

Da questa pagina, clicca su Banche dati. Sotto il Crea un database parametro, immettere wordpress e poi colpire Creare. Dovresti vedere un popup che ti dice che il database è stato creato. Quindi, chiudi questa finestra del browser e inserisci la tua cartella di WordPress all'interno della directory htdocs di XAMPP. Questa cartella dovrebbe possedere il contenuto dei tuoi file WordPress decompressi.

Configurazione del login

Dobbiamo configurare il vero sito Web WordPress in modo da poter accedere e utilizzare il sito. Questo viene fatto attraverso il principale file di configurazione PHP di WordPress. All'interno della cartella di WordPress, trova il file etichettato wp-config-sample.php, fare clic con il tasto destro sul file, selezionare modificare (o Aperto con per un editor di testo separato). Blocco note dovrebbe funzionare bene.

Ecco il codice su cui ci concentreremo:

// ** Impostazioni MySQL - Puoi ottenere queste informazioni dal tuo host web ** // / ** Il nome del database per WordPress * / define ('DB_NAME', 'database_name_here'); / ** Nome utente del database MySQL * / define ('DB_USER', 'username_here'); / ** Password del database MySQL * / define ('DB_PASSWORD', 'password_here'); 

Dovrai apportare tre modifiche al codice sopra entro il virgolette.

database_name_here - Cambia questo parametro in wordpress. Il sito Web utilizzerà quindi il database creato in precedenza in phpMyAdmin etichettato come tale.

username_here - Cambia questo a radice. Il nome utente root possiede i privilegi di amministratore adeguati per impostazione predefinita, quindi sarà consentito tramite phpMyAdmin. Altri nomi utente non funzioneranno se non vengono concesse le autorizzazioni appropriate.

password_here - Cambia questo in una password facilmente identificabile. Se preferisci non usare una password, elimina il parametro.

Salva questo file come wp-config.php - in contrasto con il precedente wp-config-sample.php - e uscita. 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 completare il processo. Una volta fatto, accedi al tuo WordPress locale usando il nome utente e la password forniti nella pagina precedente.

Hai finito! Ora puoi passare il tuo cuore a modificare, modificare e creare pagine Web sia da zero che WordPress, offline e gratuitamente. I migliori plug-in WordPress I migliori plug-in WordPress Ulteriori informazioni !

Lo sviluppo Web inizia con una singola pagina

Prima, stavi 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 per un capriccio. Meglio di tutti, hai completamente il controllo. L'unica cosa che rimane è iniziare la tua sperimentazione, quindi vai avanti!

Che software usi per lo sviluppo web? Hai qualche consiglio per gli sviluppatori emergenti? Fateci sapere nei commenti qui sotto!

Crediti immagine: Dmitry Tishchenko / Shutterstock

Scopri di più su: Server Apache, Sviluppo Web, Web Hosting, Server Web, Strumenti per i Webmaster, Wordpress.