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 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? Che cosa succede se stai solo cercando di imparare lo sviluppo web, sans 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
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 con 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, soprattutto 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. In caso contrario, è possibile individuare il programma XAMPP come si farebbe con qualsiasi altro (tramite 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 pulsante Start nel pannello di controllo XAMPP in 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 assicurarti che tutto funzioni correttamente, apri un browser web, inserisci http: // localhost / nella barra degli indirizzi e premi Invio . Dovresti essere reindirizzato a http: // localhost / dashboard /, che è la pagina XAMPP predefinita.
Quindi, fai clic sul pulsante phpMyAdmin nel 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 per impostazione predefinita). Quindi, vai su 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 roadtrip - prova a 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. Vai su File e seleziona Apri cartella . 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 all'interno del 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. Ulteriori informazioni - http: // localhost / phpmyadmin / per impostazione predefinita - per iniziare.
Da questa pagina, fare clic su Database . Sotto il parametro Crea database, inserisci wordpress e poi premi Crea . 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 con l'etichetta wp-config-sample.php, fai clic con il pulsante destro del mouse sul file, seleziona Modifica (o Apri con per un editor di testo separato). 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 all'interno delle 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 in root . 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 - al contrario del precedente wp-config-sample.php - ed esci. Quindi, vai al seguente indirizzo localhost: http: // localhost / wordpress .
Procedere con l'installazione, compresa la creazione del nome utente e della password di WordPress. Puoi inserire i valori che preferisci. Una volta che hai finito di inserire i tuoi valori, fai clic sul pulsante Installa WordPress 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 contenuto del tuo cuore a modificare, modificare e creare pagine Web sia da zero che tramite 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!
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