Vær gratis og host websteder på Windows ved hjælp af XAMPP

Vær gratis og host websteder på Windows ved hjælp af XAMPP

Vil du bygge et websted, men ved ikke, hvor du skal starte?





Det ser ud til, at den typiske webudviklingstræningsplads også er den dyreste: Køb et domæne, værtsserver, WordPress -konto, tema osv. Men hvad nu hvis du ikke er en lille virksomhedsejer eller forsøger at bygge et brand? Hvad hvis du bare prøver at lære webudvikling, uden rod?





Læs videre for at lære, hvordan du hoster dit eget websted, som du kan oprette enten helt fra bunden eller med færdiglavede skabeloner, på din computer og gratis. Åh, det inkluderer også hosting af din egen WordPress -konto!





XAMPP: En introduktion

Bitnamis XAMPP er 'en Apache -distribution, der indeholder PHP og Perl.' Til vores formål behøver vi kun at forstå, at XAMPP er et gratis, enkelt program, der giver brugerne mulighed for at hoste websteder på deres pc'er.

Selvom opsætning af en lokal server ved hjælp af XAMPP er noget teknisk, er processen også temmelig let og ligetil. Når alt er konfigureret, vil du opdage, at det er en leg at administrere og redigere websteder.



Så er der spørgsmålet om hurtig og fuldstændig kontrol. Ved at bruge XAMPP til at oprette og redigere websteder, vil du være i stand til at ændre så meget eller så lidt af et websted, som du ønsker. Når det er sagt, med stor magt følger et stort ansvar. Du er også mere modtagelig for at miste dine websteder, især hvis du ikke gør det oprette sikkerhedskopier .

se film gratis uden downloads

Hvis du gerne vil have et ægte startkursusprojekt i webudvikling, er XAMPP dog noget for dig. Det inkluderer alle projekter vedrørende HTML, CSS, Javascript og videre!





Installation af XAMPP

Gå til XAMPP websted og download pakken. Følg standardkonfigurationsprocessen. Når du har downloadet XAMPP, skal dit XAMPP -kontrolpanel åbne automatisk. Hvis ikke, kan du finde XAMPP -programmet som med alle andre (via startmenusøgning).

I dit XAMPP -kontrolpanelvindue skal du se et enkelt layout, som XAMPP -processer kører. Til vores formål vil vi fokusere på de to første muligheder: Apache og MySQL.





Apache - Hovedmomentet i XAMPP, indstillingen Apache opretter en Apache-server på din pc. Dette er det, der giver dig mulighed for at køre og redigere websteder på din pc via webbrowsere, ligesom en ville gøre et websted. Undtagen selvfølgelig, at dette websted kører på din pc, i modsætning til en server, der er forbundet til internettet.

MySQL - SQL giver mulighed for kommunikation mellem databaser og websteder, så brugerne kan teste og gemme e-mails, adgangskoder og andre dataindgange. Vi vil bruge dette til din lokale WordPress -konto.

Tryk på Start knappen i dit XAMPP kontrolpanel under Handlinger for både Apache og MySQL. Vent, indtil både Apache og MySQL er markeret grønt under dit modulafsnit. Når den er aktiveret, kan du frit bruge XAMPP.

Localhost og phpMyAdmin

For at sikre, at alt fungerer, skal du åbne en webbrowser og indtaste http: // localhost/ ind i din adresselinje og tryk Gå ind . Du skal omdirigeres til http: // localhost/dashboard/ , som er standard XAMPP -siden.

Klik derefter på phpMyAdmin knappen i den øverste navigationsmenu. Du bliver dirigeret til din standard phpMyAdmin -side.

Lad dem være i fred nu, men hvis begge arbejder, er du klar til at begynde at oprette websteder!

Oprettelse af websteder ved hjælp af XAMPP

Nu kommer den sjove del. Gå til XAMPP -mappen i dit roddrevs bibliotek ( C: xampp som standard). Gå derefter til htdocs . Dette vil være det vigtigste webstedslager, du vil bruge for at se websteder.

Inden vi opretter og redigerer et websted, skal du bruge en tekstredigerer. Selvom du kan bruge en standardteksteditor som Notesblok, er det typisk bedst at downloade en tredjepartsredaktør, der er specielt lavet til kode og markup. Sublim tekst er en af ​​de bedste der findes, så gå til deres websted og download softwaren for at komme i gang.

Nu kan du begynde at downloade og installere websteder i XAMPP. Jeg vil bruge Tur skabelon, men du kan bruge den skabelon, du ønsker. Download webstedets zip -fil, og gem det på et sted, du vil huske. Opret derefter en mappe i XAMPPs htdocs -mappe til dit websted. Jeg har navngivet min tur - prøv at holde dit navn enkelt. Udpak derefter og udpak indholdet af din zip -fil til denne htdocs -mappe.

Når du har udpakket filerne, skal du gå til dit webstedsopbevaringssted inden for htdocs for at sikre, at de er blevet ekstraheret korrekt.

Gå endelig til din webside i din webbrowser. Din internet side så at sige vil være tilgængelig ved hjælp af den tidligere nævnte localhost sammen med navnet på den mappe, der indeholder dine sidefiler. Dette skyldes, at websteder hovedsageligt er filer indeholdt i mapper, alle under et enkelt domæne - eller rodnavn. Du lærer allerede!

Vores tidligere oprettede mappe fik navnet roadtrip, så hele webstedsadressen er http: // localhost/roadtrip .

Du er færdig! Nu kan du begynde at redigere webstedet lokalt.

Redigering af websteder

Åbn sublim tekst. Gå til Fil og vælg Åbn mappe . Find og vælg din webmappe i XAMPP -mappen. Du vil nu kunne redigere flere sider på det samme websted i din Sublime Text -editor.

Sublime Text giver også en fantastisk grænseflade, så du kan se hver fil og mappe på dit websted. For at oprette ændringer på dit websted skal du redigere dit websteds kode, gemme (ved hjælp af tastaturkommandoen Ctrl + S ), og opdater dit websted i browseren.

Processen er enkel og direkte: rediger websiden, og kontroller derefter, om din kode fungerer. Efterhånden som du skrider frem i din webudvikling, vil du forsøge at forankre mere komplicerede funktioner på din webside. Uanset færdighedsniveau forbliver det grundlæggende format til redigering af sider imidlertid det samme.

Brug WordPress med XAMPP

Hvis du ikke vil redigere rå kode, eller hellere vil bruge et mere velkendt indholdsstyringssystem (CMS), giver WordPress også sin fantastiske webdesign -ressource i en brugervenlig ZIP -fil! For at installere WordPress på XAMPP skal du gå til WordPress websted og download den officielle applikation.

Brug det samme format til at oprette et websted, som du gjorde tidligere, med din udpakkede WordPress -mappe til stede i htdoc -biblioteket i mappen wordpress . Bevar mappenavnet for overskuelighedens skyld.

Brug af phpMyAdmin

Da WordPress kræver, at du opretter loginoplysninger, skal du oprette en post i dit PHP -bibliotek til websiden. Gå til din phpMyAdmin -side - http: // localhost/phpmyadmin/ som standard - for at komme i gang.

Fra denne side skal du klikke på Databaser . Under Opret database parameter, indtast wordpress og derefter slå skab . Du skulle se en popup, der fortæller dig, at databasen blev oprettet. Luk derefter dette browservindue, og indtast din WordPress -mappe i XAMPP htdocs -biblioteket. Denne mappe skal indeholde indholdet af dine udpakkede WordPress -filer.

Konfiguration af login

Vi skal konfigurere det egentlige WordPress -websted, så du kan logge ind og bruge webstedet. Dette gøres gennem WordPress 'vigtigste PHP -konfigurationsfil. Find filen mærket i din WordPress -mappe wp-config-sample.php , højreklik på filen, vælg Redigere (eller Åben med for en separat tekstredigerer). Notesblok burde fungere fint.

Her er koden, vi fokuserer 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 bliver nødt til at foretage tre ændringer af koden ovenfor inden for anførselstegnet.

database_navn_her - Skift denne parameter til wordpress . Webstedet vil derefter bruge den tidligere oprettede database i phpMyAdmin mærket som sådan.

brugernavn_her - Skift dette til rod . Root -brugernavnet har de korrekte administratorrettigheder som standard, så det vil blive tilladt via phpMyAdmin. Andre brugernavne fungerer ikke, medmindre der gives de relevante tilladelser.

password_here - Skift dette til en let identificerbar adgangskode. Hvis du helst ikke vil bruge en adgangskode, skal du slette parameteren.

Gem denne fil som wp-config.php - i modsætning til den foregående wp-config-sample.php - og afslut. Gå derefter til følgende localhost -adresse: http: // localhost/wordpress .

Fortsæt med installationen, herunder oprettelsen af ​​din WordPress Brugernavn og Adgangskode . Du kan indtaste de værdier, du foretrækker. Når du er færdig med at indtaste dine værdier, skal du klikke på Installer WordPress knappen for at afslutte processen. Når det er gjort, skal du logge ind på din lokale WordPress ved hjælp af brugernavnet og adgangskoden angivet på den forrige side.

Du er færdig! Nu kan du bruge dit hjertes indhold på at redigere, ændre og oprette websider både fra bunden og via WordPress, offline og gratis !

hvordan man overfører google docs til en anden konto

Webudvikling starter med en enkelt side

Før var du lige startet din webudviklingsrejse. Nu har du oprettet en lokal server på din pc, hvorigennem du kan oprette, ændre og tilpasse websider med et indfald. Det bedste af det hele er, at du har fuld kontrol. Det eneste, der er tilbage, er at starte dine eksperimenter, så kom i gang!

Beslutter du, at du ikke vil gå igennem alt dette arbejde? Prøv en af de bedste gratis webstedshostingtjenester i stedet.

Billedkreditter: Dmitry Tishchenko/Shutterstock

Del Del Tweet E -mail 6 hørbare alternativer: De bedste gratis eller billige lydbogsapps

Hvis du ikke har lyst til at betale for lydbøger, her er nogle gode apps, der lader dig lytte til dem gratis og lovligt.

Læs Næste
Relaterede emner
  • Windows
  • Programmering
  • Wordpress
  • Web-udvikling
  • Webhosting
  • Webmasterværktøjer
  • Apache -server
  • Webserver
Om forfatteren Christian bonilla(83 artikler udgivet)

Christian er en nylig tilføjelse til MakeUseOf -fællesskabet og en ivrig læser af alt fra tæt litteratur til Calvin og Hobbes tegneserier. Hans passion for teknologi matches kun af hans ønsker og vilje til at hjælpe; hvis du har spørgsmål vedrørende (for det meste) noget, er du velkommen til at e -maile væk!

Mere fra Christian Bonilla

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!

Klik her for at abonnere