Vert og rediger nettsteder på Windows gratis ved hjelp av XAMPP

Vert og rediger nettsteder på Windows gratis ved hjelp av XAMPP

Du vil bygge et nettsted, men vet ikke hvor du skal begynne?





Det ser ut til at den typiske opplæringsplassen for webutvikling også er den dyreste: kjøp et domene, vertsserver, WordPress -konto, tema, etc. Men hva om du ikke er en liten bedriftseier eller prøver å bygge et merke? Hva om du bare prøver å lære webutvikling, uten rot?





Les videre for å lære hvordan du er vert for ditt eget nettsted, som du kan lage enten fra bunnen av eller med ferdiglagde maler, på datamaskinen din og gratis. Å, det inkluderer også å være vert for din egen WordPress -konto!





XAMPP: En introduksjon

Bitnamis XAMPP er 'en Apache -distribusjon som inneholder PHP og Perl.' For vårt formål trenger vi bare å forstå at XAMPP er et gratis, enkelt program som lar brukerne være vert for nettsteder på sine PCer.

Selv om det å sette opp en lokal server ved hjelp av XAMPP er noe teknisk, er prosessen også ganske enkel og rett frem. Når alt er konfigurert, vil du oppdage at det er lett å administrere og redigere nettsteder.



Så er det spørsmålet om rask og fullstendig kontroll. Ved å bruke XAMPP til å opprette og redigere nettsteder, vil du kunne endre så mye eller så lite av et nettsted som du ønsker. Når det er sagt, med stor makt følger stort ansvar. Du er også mer utsatt for å miste nettstedene dine, spesielt hvis du ikke gjør det lage sikkerhetskopier .

hvordan tilbakestille Windows 10 til fabrikkinnstillinger

Hvis du vil ha et ekte startkurs -prosjekt i webutvikling, er XAMPP imidlertid noe for deg. Det inkluderer alle prosjekter knyttet til HTML, CSS, Javascript og videre!





Installere XAMPP

Gå til XAMPP nettsted og last ned pakken. Følg standard installasjonsprosess. Når du har lastet ned XAMPP, bør XAMPP -kontrollpanelet åpnes automatisk. Hvis ikke, kan du finne XAMPP -programmet som alle andre (via Start -menysøk).

I XAMPP -kontrollpanelvinduet bør du se et enkelt oppsett av hvilke XAMPP -prosesser som kjøres. For vårt formål vil vi fokusere på de to første alternativene: Apache og MySQL.





Apache - Hovedmomentet i XAMPP, alternativet Apache oppretter en Apache-server på din PC. Dette er det som lar deg kjøre og redigere nettsteder på PC -en din via nettlesere, omtrent som en nettside. Bortsett fra, selvfølgelig, kjører dette nettstedet på din PC, i motsetning til en server som er koblet til internett.

MySQL - SQL tillater kommunikasjon mellom databaser og nettsteder, slik at brukerne kan teste og lagre e-post, passord og andre datainnganger. Vi bruker dette for din lokale WordPress -konto.

trykk Start -knappen i XAMPP -kontrollpanelet under Handlinger for både Apache og MySQL. Vent til både Apache og MySQL er markert grønt under moduldelen. Når den er aktivert, kan du bruke XAMPP.

Localhost og phpMyAdmin

For å sikre at alt fungerer, åpner du en nettleser, skriver inn http: // localhost/ inn i adressefeltet og trykk Tast inn . Du bør bli omdirigert til http: // localhost/dashboard/ , som er standard XAMPP -side.

Klikk deretter på phpMyAdmin -knappen på den øverste navigasjonsmenyen. Du blir sendt til din standard phpMyAdmin -side.

La disse være i fred nå, men hvis begge jobber, er du klar til å begynne å lage nettsteder!

Opprette nettsteder ved hjelp av XAMPP

Nå kommer den morsomme delen. Gå til XAMPP -mappen som ligger i rotstasjonskatalogen ( C: xampp som standard). Gå deretter til htdocs . Dette vil være hovednettstedslageret du vil bruke for å se nettsteder.

Før vi lager og redigerer et nettsted, trenger du et tekstredigeringsprogram. Selv om du kan bruke en standard tekstredigerer som Notisblokk, er det vanligvis best å laste ned en tredjepartsredaktør laget spesielt for kode og oppmerking. Sublim tekst er en av de beste rundt, så gå til nettstedet deres og last ned programvaren for å komme i gang.

Nå kan du begynne å laste ned og installere nettsteder i XAMPP. Jeg vil bruke Biltur mal, men du kan bruke den malen du ønsker. Last ned nettstedets zip -fil, og ha den på et sted du vil huske. Deretter oppretter du en mappe i XAMPPs htdocs -mappe for nettstedet ditt. Jeg har kalt mitt biltur - Prøv å holde navnet ditt enkelt. Pakk deretter ut og pakk ut innholdet i zip -filen til denne htdocs -mappen.

Når du har hentet filene, går du til nettstedet ditt i htdocs for å sikre at de er trukket ut riktig.

Til slutt, gå til nettsiden din i nettleseren din. Din nettsted så å si vil være tilgjengelig med den tidligere nevnte localhost sammen med navnet på mappen som inneholder sidefilene dine. Dette er fordi nettsteder i hovedsak er filer som finnes i mapper, alt under et enkelt domene - eller rotnavn. Du lærer allerede!

Vår tidligere opprettede mappe fikk navnet roadtrip, så hele nettstedets adresse er http: // localhost/roadtrip .

Du er ferdig! Nå kan du begynne å redigere nettstedet lokalt.

Redigering av nettsteder

Åpne Sublime Text. Setter kursen mot Fil og velg Åpne mappe . Finn og velg nettmappen din i XAMPP -mappen. Du vil nå kunne redigere flere sider på det samme nettstedet i Sublime Text Editor.

Sublime Text gir også et flott grensesnitt for deg å se hver fil og mappe på nettstedet ditt. For å lage endringer på nettstedet ditt, rediger nettstedets kode, lagre (ved hjelp av tastaturkommandoen Ctrl + S ), og oppdater nettstedet ditt i nettleseren.

Prosessen er enkel og direkte: rediger nettsiden, og sjekk om koden din fungerer. Etter hvert som du utvikler deg i din webutvikling, vil du prøve å bygge inn mer kompliserte funksjoner på nettsiden din. Uansett ferdighetsnivå forblir det grunnleggende formatet for å redigere sider det samme.

Bruk WordPress med XAMPP

Hvis du ikke vil redigere rå kode, eller heller vil bruke et mer kjent innholdshåndteringssystem (CMS), tilbyr WordPress også sin fantastiske webdesignressurs i en brukervennlig ZIP -fil! For å installere WordPress på XAMPP, gå til WordPress nettsted og last ned den offisielle applikasjonen.

Bruk samme format til å opprette et nettsted som du gjorde tidligere, med den utpakkede WordPress -mappen tilstede i htdoc -katalogen i mappen wordpress . Behold mappenavnet for oversiktens skyld.

Bruke phpMyAdmin

Siden WordPress krever at du oppretter påloggingsinformasjon, må du opprette en oppføring i PHP -katalogen for nettsiden. Setter kursen mot phpMyAdmin -siden din - http: // localhost/phpmyadmin/ som standard - for å komme i gang.

Klikk på fra denne siden Databaser . Under Lag database parameter, skriv inn wordpress og deretter slå Skape . Du bør se en popup som forteller deg at databasen ble opprettet. Lukk deretter dette nettleservinduet og skriv inn WordPress -mappen din i XAMPP htdocs -katalogen. Denne mappen skal inneholde innholdet i de utpakkede WordPress -filene dine.

Konfigurering av pålogging

Vi må konfigurere selve WordPress -nettstedet slik at du kan logge deg på og bruke nettstedet. Dette gjøres gjennom WordPress 'viktigste PHP -konfigurasjonsfil. Finn filen merket i WordPress -mappen din wp-config-sample.php , høyreklikk på filen, velg Redigere (eller Åpne med for en egen tekstredigerer). Notisblokk skal fungere helt fint.

Her er koden vi vil fokusere på:

// ** 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 ');

Du må gjøre tre endringer i koden ovenfor innenfor anførselstegnet.

database_name_here - Endre denne parameteren til wordpress . Nettstedet vil deretter bruke den tidligere opprettede databasen i phpMyAdmin merket som sådan.

brukernavn_her - Endre dette til rot . Root -brukernavnet har de riktige administratorrettighetene som standard, så det vil bli tillatt gjennom phpMyAdmin. Andre brukernavn vil ikke fungere med mindre de er gitt de riktige tillatelsene.

password_here - Endre dette til et lett identifiserbart passord. Hvis du heller ikke vil bruke et passord, sletter du parameteren.

Lagre denne filen som wp-config.php - i motsetning til den forrige wp-config-sample.php - og gå ut. Gå deretter til følgende localhost -adresse: http: // localhost/wordpress .

Fortsett med installasjonen, inkludert opprettelsen av WordPress Brukernavn og Passord . Du kan angi hvilken verdi du foretrekker. Når du er ferdig med å skrive inn verdiene, klikker du på Installer WordPress -knappen for å fullføre prosessen. Når det er gjort, logger du på din lokale WordPress ved hjelp av brukernavnet og passordet som ble oppgitt på forrige side.

Du er ferdig! Nå kan du bruke ditt hjertes innhold på å redigere, endre og lage websider både fra bunnen av og gjennom WordPress, offline og gratis !

hvordan sette en gif som bakgrunnsbilde for windows 10

Webutvikling starter med en enkelt side

Før startet du nettopp din webutviklingsreise. Nå har du opprettet en lokal server på din PC som du kan lage, endre og tilpasse websider på et innfall. Det beste av alt er at du har full kontroll. Det eneste som gjenstår er å starte eksperimentet, så sett i gang!

Besluttet du at du ikke vil gå gjennom alt dette arbeidet? Prøv en av de beste gratis nettstedstjenestene i stedet.

Bildekreditter: Dmitry Tishchenko/Shutterstock

Dele Dele kvitring E -post 6 hørbare alternativer: De beste gratis eller billige lydbokappene

Hvis du ikke liker å betale for lydbøker, er det noen flotte apper som lar deg lytte til dem gratis og lovlig.

Les neste
Relaterte temaer
  • Windows
  • Programmering
  • Wordpress
  • Webutvikling
  • Webvert
  • Verktøy for nettredaktører
  • Apache -server
  • Internett server
Om forfatteren Christian bonilla(83 artikler publisert)

Christian er et nylig tillegg til MakeUseOf -samfunnet og en ivrig leser av alt fra tett litteratur til Calvin og Hobbes tegneserier. Hans lidenskap for teknologi matches bare av hans vilje og vilje til å hjelpe; Hvis du har spørsmål angående (for det meste) noe, kan du sende en e -post!

Mer fra Christian Bonilla

Abonner på vårt nyhetsbrev

Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!

Klikk her for å abonnere