Værd og rediger websider på Windows gratis ved hjælp af XAMPP

Du vil opbygge en hjemmeside. Overhead kan være dyrt. Hvad nu hvis du bare vil lære webudvikling, sans rod? Lad os vise dig, hvordan du kan være vært for en lokal hjemmeside gratis.

Du vil opbygge en hjemmeside.  Overhead kan være dyrt.  Hvad nu hvis du bare vil lære webudvikling, sans rod?  Lad os vise dig, hvordan du kan være vært for en lokal hjemmeside gratis.
Reklame

Du vil opbygge en hjemmeside 10 måder at oprette en lille og enkel hjemmeside uden overkill 10 måder at oprette et lille og simpelt websted uden overkill WordPress kan være en overkill. Som disse andre gode tjenester viser sig, er WordPress ikke det bedste og afslutter hele webstedsoprettelsen. Hvis du vil have enklere løsninger, er der en bred vifte at vælge imellem. Læs mere, men ved ikke, hvor du skal starte?

Det ser ud til, at den typiske webudviklingsuddannelsesplads også er den dyreste: Køb et domæne, vært server, WordPress-konto, tema osv. Men hvad nu hvis du ikke er en lille virksomhedsejer eller forsøger at opbygge et brand? Hvad hvis du bare forsøger at lære webudvikling, sans rod?

Læs videre for at lære at være vært for din egen hjemmeside Sådan bruges en selvhostet WordPress-blog til projektstyring Sådan bruger du en selvhostet WordPress-blog til projektledelse Læs mere, som du kan oprette enten fra bunden eller med foruddefinerede skabeloner, på din computer og gratis. Åh, det inkluderer også hosting din egen WordPress-konto!

XAMPP: En introduktion

Bitnamis XAMPP er "en Apache-distribution, der indeholder PHP og Perl." For vores formål behøver vi kun at forstå, at XAMPP er et gratis, simpelt program, der gør det muligt for brugerne at være vært for websites på deres pc'er.

Mens opsætning af en lokal server ved hjælp af XAMPP er noget teknisk, er processen også ret let og lige fremad. Når alt er blevet oprettet, vil du opdage, at administrering og redigering af websites er en leg.

Så er der tale om hurtig og fuldstændig kontrol. Ved at bruge XAMPP til at oprette og redigere websteder, vil du kunne ændre lige så meget eller som lidt af et websted, som du gerne vil. Når det er sagt, med stor magt kommer det store ansvar. Du er mere modtagelig over for at miste dine websteder også, især hvis du ikke opretter sikkerhedskopier. Den Ultimate Windows 10 Data Backup Guide Den Ultimate Windows 10 Data Backup Guide Vi har opsummeret alle backup, gendannelse, gendannelse og reparation, vi kunne finde på Windows 10. Brug vores enkle tips og aldrig fortvivlelse over tabte data igen! Læs mere .

Hvis du gerne vil have et ægte starter kursus projekt i web dev, er XAMPP dog for dig. Det omfatter alle projekter relateret til HTML, CSS, Javascript og ud over!

Installation af XAMPP

Gå til XAMPPs websted og download pakken. Følg standardopsætningen. Når du har downloadet XAMPP, skal dit XAMPP-kontrolpanel åbnes automatisk. Hvis ikke, kan du finde XAMPP programmet som du ville andre (via Start Menu søgning).

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

Apache - Hovedpunktet i XAMPP, Apache-optionen opretter en Apache-server på din pc. Dette er hvad der giver dig mulighed for at køre og redigere hjemmesider på din pc via webbrowsere, ligesom man ville have et websted. Undtagen, selvfølgelig, kører denne hjemmeside på din pc, i modsætning til en server, der er tilsluttet internettet.

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

Tryk på knappen Start i dit XAMPP-kontrolpanel under Handlinger for både Apache og MySQL. Vent, indtil både Apache og MySQL er markeret grønt under din modul sektion. Når du er aktiveret, er du fri til at bruge XAMPP.

xampp kontrolpanel

Localhost og phpMyAdmin

For at sikre at alt er i orden, skal du åbne en webbrowser, indtaste http: // localhost / i din adresselinje og trykke på Enter . Du skal omdirigeres til http: // localhost / dashboard /, som er standard XAMPP-siden.

xampp standard webside

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

phpmyadmin

Lad dem være alene for nu, men hvis begge arbejder, er du klar til at begynde at oprette hjemmesider!

Oprettelse af websteder ved hjælp af XAMPP

Nu kommer den sjove del. Gå til mappen XAMPP, der er placeret i dit roddrevskatalog ( C: \ xampp som standard). Derefter gå til htdocs . Dette vil være det vigtigste website repository du vil bruge for at se hjemmesider.

Inden vi opretter og redigerer et websted, skal du bruge en teksteditor. Mens du kan bruge en standard tekst editor som Notesblok, er det typisk bedst at downloade en tredjepart editor, der er lavet specifikt til kode og markering. 11 Sublim tekstindtips for produktivitet og hurtigere arbejdsgange 11 Sublim tekstindtastninger til produktivitet og en hurtigere arbejdsstrøm Sublim tekst er en alsidig tekstredaktør og en guldstandard for mange programmerere. Vores tip fokuserer på effektiv kodning, men generelle brugere vil sætte pris på tastaturgenveje. Læs mere . Sublim tekst er en af ​​de bedste rundt, så gå til deres hjemmeside og download softwaren for at komme i gang.

Nu kan du begynde at downloade og installere hjemmesider i XAMPP. Jeg vil bruge Roadtrip-skabelonen, men du kan bruge den skabelon du gerne vil have. Download webstedets zip-fil, og hold det på et sted, du vil huske. Opret derefter en mappe i XAMPPs htdocs-mappe til dit websted. Jeg har nævnt min roadtrip - prøv at holde dit navn enkelt. Derefter pakke ud og udtrække indholdet af din zip-fil til denne htdocs-mappe.

uddrag til roadtrip

Når du har hentet filerne, skal du gå hen til dit website-lager inden for htdocs for at sikre, at de er blevet uddraget korrekt.

Endelig, gå til din webside i din webbrowser De bedste webbrowsere til Windows De bedste webbrowsere til Windows Hvad er din standardwebbrowser? Selvom vi er forkælet til valg, holder de fleste af os de testede og testede store spillere. Hvad er bedre alternativer til ressourcebrug, hastighed og sikkerhed? Læs mere . Din hjemmeside kan så vidt muligt nås ved hjælp af det tidligere nævnte lokalehost sammen med navnet på den mappe, der indeholder dine sidefiler. Dette skyldes, at hjemmesider hovedsageligt er indeholdt i mapper, alle under et enkelt domæne - eller rodnavn. Du lærer allerede!

Vores tidligere oprettede mappe blev kaldt roadtrip, så den fulde webadresse er http: // localhost / roadtrip .

roadtrip skabelon

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

Redigering af hjemmesider

Å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å samme websted i din Sublime Text editor.

sublim tekst

Sublim tekst giver også en god grænseflade til at se alle filer og mapper på dit websted. Hvis du vil oprette ændringer på dit websted, skal du redigere dit websites kode, gemme (ved hjælp af tastaturkommandoen Ctrl + S ) og opdatere dit websted i browseren.

Processen er enkel og direkte: Rediger websiden, og tjek derefter for at se, om din kode fungerer. Når du udvikler dig i din webudvikling, vil du forsøge at inddrage mere komplicerede funktioner i din webside. Ligegyldigt niveauet for færdigheder er det grundlæggende format, der skal redigeres, det samme.

Brug WordPress med XAMPP

Hvis du ikke vil redigere rå kode, eller hellere vil bruge et mere velkendt content management system (CMS), giver WordPress sin fantastiske webdesign ressource i en nem at bruge ZIP-fil også! For at installere WordPress på XAMPP skal du gå til WordPress-webstedet og downloade den officielle ansøgning.

Brug det samme format til at oprette en hjemmeside som tidligere, med din uddragne WordPress-mappe til stede i htdoc-mappen i mappen wordpress . Opretholde mappenavnet af hensyn til klarheden.

Brug af phpMyAdmin

Da WordPress kræver, at du opretter loginoplysninger, skal du oprette en post i din PHP-mappe til websiden. Gå til din phpMyAdmin-side Opsæt din blog med Wordpress: Den ultimative guide Opsæt din blog med Wordpress: Den ultimative guide Vil du starte din egen blog, men ved ikke, hvor du skal starte? Du bør virkelig se på Wordpress, den enkleste og mest kraftfulde blogplattform, der er tilgængelig i dag. Læs mere - http: // localhost / phpmyadmin / som standard - for at komme i gang.

Fra denne side, klik på Databaser . Under parameteren Create database skal du skrive wordpress og derefter trykke på Create . Du skal 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 udpakket WordPress-filer.

Konfiguration af login

Vi skal konfigurere den faktiske WordPress hjemmeside, så du kan logge ind og bruge hjemmesiden. Dette gøres gennem WordPress 'vigtigste PHP-konfigurationsfil. Inden du finder WordPress-mappen, skal du finde filen mærket wp-config-sample.php, højreklikke på filen, vælg Rediger (eller Åbn med for en separat tekstredigerer). Notesblok skal fungere 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 skal lave tre ændringer til koden ovenfor inden for citatmærket.

database_name_here - Skift denne parameter til wordpress . Webstedet bruger derefter den tidligere oprettede database i phpMyAdmin, der er mærket som sådan.

brugernavn her - Skift dette til root . Roten brugernavn har de korrekte administratorrettigheder som standard, så det vil blive tilladt via phpMyAdmin. Andre brugernavne fungerer ikke, medmindre de er givet de nødvendige tilladelser.

password_here - Skift dette til en let identificerbar adgangskode. Hvis du hellere ikke vil bruge et kodeord, 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 ​​dit 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å knappen Installer WordPress for at afslutte processen. Når det er gjort, log ind på din lokale WordPress ved hjælp af brugernavnet og adgangskoden, der er angivet på den forrige side.

localhost wordpress

Du er færdig! Nu kan du bruge dit hjerte indhold redigering, redigering og oprettelse af websider både fra bunden og via WordPress, offline og gratis. De bedste WordPress-plugins De bedste WordPress-plugins Læs mere!

Webudvikling starter med en enkelt side

Først begyndte du netop din webudviklingsrejse. Nu har du oprettet en lokal server på din pc, hvorigennem du kan oprette, ændre og tilpasse websider med et indfald. Bedst af alt, du er helt i kontrol. Det eneste der er tilbage, er at starte dit eksperiment, så gå i gang!

Hvilken software bruger du til webudvikling? Har du råd til udviklere? Lad os vide i kommentarerne nedenfor!

Billedkreditter: Dmitry Tishchenko / Shutterstock

In this article