Home-theater-designers
Du vill bygga en webbplats, men vet inte var du ska börja?
Det verkar som att den typiska utbildningsplatsen för webbutveckling också är den dyraste: köp en domän, värdserver, WordPress -konto, tema, etc. Men vad händer om du inte är en småföretagare eller försöker bygga ett varumärke? Vad händer om du bara försöker lära dig webbutveckling, utan trassel?
Läs vidare för att lära dig hur du värd din egen webbplats, som du kan skapa antingen från grunden eller med färdiga mallar, på din dator och gratis. Åh, det inkluderar också att vara värd för ditt eget WordPress -konto!
XAMPP: En introduktion
Bitnamis XAMPP är 'en Apache -distribution som innehåller PHP och Perl.' För våra syften behöver vi bara förstå att XAMPP är ett gratis, enkelt program som tillåter användare att vara värd för webbplatser på sina datorer.
Även om det är något tekniskt att konfigurera en lokal server med XAMPP, är processen också ganska enkel och rak. När allt har ställts in kommer du att upptäcka att hantering och redigering av webbplatser är en bris.
Sedan är det frågan om snabb och fullständig kontroll. Om du använder XAMPP för att skapa och redigera webbplatser kommer du att kunna ändra så mycket eller så lite av en webbplats som du vill. Som sagt, med stor makt kommer ett stort ansvar. Du är också mer mottaglig för att förlora dina webbplatser, särskilt om du inte gör det skapa säkerhetskopior .
hur man berättar om någon blockerade dig på instagram
Om du vill ha ett genuint startkursprojekt i webbutveckling är XAMPP dock något för dig. Det inkluderar alla projekt som rör HTML, CSS, Javascript och därefter!
Installera XAMPP
Gå till XAMPP hemsida och ladda ner paketet. Följ standardinstallationsprocessen. När du har laddat ner XAMPP ska din XAMPP -kontrollpanel öppnas automatiskt. Om inte kan du hitta XAMPP -programmet på samma sätt som alla andra (via Start -menysökning).
I ditt XAMPP -kontrollpanelfönster bör du se en enkel layout över vilka XAMPP -processer som körs. För våra syften kommer vi att fokusera på de två första alternativen: Apache och MySQL.
Apache - Huvudpunkten för XAMPP, alternativet Apache skapar en Apache-server på din dator. Detta är vad som gör att du kan köra och redigera webbplatser på din dator via webbläsare, ungefär som en webbplats. Förutom att den här webbplatsen naturligtvis körs på din dator, till skillnad från en server som är ansluten till internet.
MySQL - SQL möjliggör kommunikation mellan databaser och webbplatser, så att användare kan testa och lagra e-post, lösenord och andra datainmatningar. Vi kommer att använda detta för ditt lokala WordPress -konto.
tryck på Start -knappen i din XAMPP -kontrollpanel under Handlingar för både Apache och MySQL. Vänta tills både Apache och MySQL är markerade grönt under din modulavsnitt. När den är aktiverad kan du använda XAMPP.
Localhost och phpMyAdmin
För att säkerställa att allt fungerar som det ska, öppna en webbläsare och ange http: // localhost/ in i adressfältet och tryck Stiga på . Du bör omdirigeras till http: // localhost/instrumentpanel/ , som är standardsidan för XAMPP.
Klicka sedan på phpMyAdmin på den övre navigeringsmenyn. Du skickas till din standard phpMyAdmin -sida.
Lämna dessa ifred för tillfället, men om båda fungerar är du redo att börja skapa webbplatser!
Skapa webbplatser med XAMPP
Nu kommer den roliga delen. Gå till XAMPP -mappen som finns i din rotenhetskatalog ( C: xampp som standard). Gå sedan till htdocs . Detta kommer att vara det viktigaste webbplatsförvaret du kommer att använda för att visa webbplatser.
Innan vi skapar och redigerar en webbplats behöver du en textredigerare. Medan du kan använda en standardtextredigerare som Anteckningar, är det vanligtvis bäst att ladda ner en tredjepartsredigerare som är speciellt gjord för kod och uppmärkning. Sublim text är en av de bästa som finns, så gå till deras webbplats och ladda ner programvaran för att komma igång.
Nu kan du börja ladda ner och installera webbplatser till XAMPP. Jag kommer att använda Roadtrip mall, men du kan använda vilken mall du vill. Ladda ner webbplatsens zip -fil och förvara den på en plats du kommer ihåg. Skapa sedan en mapp i XAMPP: s htdocs -mapp för din webbplats. Jag har döpt min roadtrip - försök att hålla ditt namn enkelt. Packa upp och extrahera sedan innehållet i din zip -fil till denna htdocs -mapp.
När du har extraherat filerna, gå till ditt webbplatsförråd inom htdocs för att säkerställa att de har extraherats korrekt.
Slutligen, gå till din webbsida i din webbläsare. Din hemsida kommer så att säga att nås med den tidigare nämnda localhost tillsammans med namnet på mappen som innehåller dina sidfiler. Detta beror på att webbplatser i huvudsak är filer som finns i mappar, allt under ett enda domän - eller rotnamn. Du lär dig redan!
Vår tidigare skapade mapp fick namnet roadtrip, så hela webbplatsadressen är http: // localhost/roadtrip .
Du är klar! Nu kan du börja redigera webbplatsen lokalt.
Redigering av webbplatser
Öppna Sublime Text. Bege sig till Fil och välj Öppen mapp . Hitta och välj din webbmapp i XAMPP -mappen. Du kommer nu att kunna redigera flera sidor på samma webbplats i din Sublime Text -editor.
Sublime Text ger också ett bra gränssnitt för att du ska kunna se alla filer och mappar på din webbplats. För att skapa ändringar på din webbplats, redigera webbplatsens kod, spara (med tangentbordskommandot Ctrl + S ) och uppdatera din webbplats i webbläsaren.
Processen är enkel och direkt: redigera webbsidan och kontrollera sedan om din kod fungerar. När du utvecklas i din webbutveckling kommer du att försöka få in mer komplicerade funktioner på din webbsida. Oavsett färdighetsnivå förblir dock det grundläggande formatet för att redigera sidor detsamma.
Använd WordPress med XAMPP
Om du inte vill redigera rå kod, eller hellre vill använda ett mer välbekant innehållshanteringssystem (CMS), erbjuder WordPress också sin fantastiska webbdesignresurs i en lättanvänd ZIP -fil! För att installera WordPress på XAMPP, gå till WordPress webbplats och ladda ner den officiella applikationen.
Använd samma format för att skapa en webbplats som du gjorde tidigare, med din extraherade WordPress -mapp i htdoc -katalogen i mappen wordpress . Behåll mappnamnet för tydlighetens skull.
Använda phpMyAdmin
Eftersom WordPress kräver att du skapar inloggningsinformation måste du skapa en post i din PHP -katalog för webbsidan. Bege sig till din phpMyAdmin -sida - http: // localhost/phpmyadmin/ som standard - för att komma igång.
Klicka på den här sidan Databaser . Under Skapa databas parameter, ange wordpress och sedan slå Skapa . Du bör se en popup som berättar att databasen skapades. Stäng sedan det här webbläsarfönstret och ange din WordPress -mapp i XAMPP htdocs -katalogen. Den här mappen ska innehålla innehållet i dina uppackade WordPress -filer.
Konfigurera inloggning
Vi måste konfigurera själva WordPress -webbplatsen så att du kan logga in och använda webbplatsen. Detta görs genom WordPress huvud PHP -konfigurationsfil. I din WordPress -mapp hittar du filen märkt wp-config-sample.php , högerklicka på filen, välj Redigera (eller Öppna med för en separat textredigerare). Anteckningsblock ska fungera bra.
Här är koden vi fokuserar 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åste göra tre ändringar av koden ovan inom citattecknet.
databas_namn_här - Ändra denna parameter till wordpress . Webbplatsen använder sedan den tidigare skapade databasen i phpMyAdmin märkt som sådan.
användarnamn_här - Ändra detta till rot . Root -användarnamnet har rätt administratörsrättigheter som standard, så det kommer att tillåtas via phpMyAdmin. Andra användarnamn fungerar inte om de inte får lämpliga behörigheter.
lösenord_här - Ändra detta till ett lätt identifierbart lösenord. Om du hellre inte vill använda ett lösenord, ta bort parametern.
Spara den här filen som wp-config.php - i motsats till föregående wp-config-sample.php - och gå ut. Gå sedan till följande localhost -adress: http: // localhost/wordpress .
Fortsätt med installationen, inklusive skapandet av din WordPress Användarnamn och Lösenord . Du kan ange vilka värden du föredrar. När du har angett dina värden klickar du på Installera WordPress knappen för att avsluta processen. När det är klart loggar du in på din lokala WordPress med användarnamnet och lösenordet som anges på föregående sida.
Du är klar! Nu kan du ägna ditt hjärta åt att redigera, ändra och skapa webbsidor både från grunden och via WordPress, offline och gratis !
hur man fixar wifi har inte en giltig ip -konfiguration
Webbutveckling börjar med en enda sida
Innan började du precis din webbutvecklingsresa. Nu har du skapat en lokal server på din dator genom vilken du kan skapa, ändra och anpassa webbsidor på ett infall. Det bästa av allt är att du har full kontroll. Det enda som återstår är att börja experimentera, så sätt igång!
Beslutade du att du inte vill gå igenom allt detta arbete? Prova en av de bästa gratis webbhotellstjänsterna istället.
Bildkrediter: Dmitry Tishchenko/Shutterstock
Dela med sig Dela med sig Tweet E-post 6 hörbara alternativ: De bästa gratis eller billiga ljudboksapparnaOm du inte vill betala för ljudböcker, här är några bra appar som låter dig lyssna på dem gratis och lagligt.
Läs Nästa Relaterade ämnen- Windows
- Programmering
- Wordpress
- Webbutveckling
- Webbhotell
- Verktyg för webbansvariga
- Apache -server
- Webbserver
Christian är ett nytt tillskott i MakeUseOf -gemenskapen och en ivrig läsare av allt från tät litteratur till Calvin och Hobbes serier. Hans passion för teknik matchas bara av hans vilja och vilja att hjälpa; om du har några frågor angående (mestadels) någonting, maila gärna iväg!
Mer från Christian BonillaPrenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!
Klicka här för att prenumerera