om du redan har skrivit en HTML-webbsida och sett den renderas i webbläsaren förstår du hur du skapar en webbsida. Men, några av er måste undra hur kan jag faktiskt publicera den sidan så att alla kan se den. I det här inlägget kommer jag att skapa en enkel webbsida och lägga den online.
så HTML-filen som sparats i din dator kan bara ses av dig men den måste hållas någonstans där alla kan komma åt den. Och du behöver en webbhotell för det! Värdtjänster har en server eller en dator som ger dig lite utrymme för dina filer.
om du är ny på webbplatsbyggnad kan du prova en av många gratis värdtjänster. Jag har tidigare använt Infinity Free. Du kan också använda codepen.io där människor kan se din sida och koderna bakom den i samma fönster. Github Pages är också bra för hosting statiska webbsidor. Jag pratar inte här om andra plugins och CMS som WordPress men en statisk webbplats som är kodad av dig.
1. Gratis webbhotell
jag kommer nu att förklara hur du publicerar din webbsida om du använder det första alternativet, en gratis webbhotell. Du måste först registrera dig för värdtjänsten och välja ett domännamn för din webbplats. Nu finns det två alternativ för att ladda upp din fil:
- först går du direkt till filhanteraren och laddar upp filen och byter namn på den som index.HTML.
- ett annat sätt du kan ladda upp är att ladda ner en FTP-klient, till exempel FileZilla och ansluta den till servern genom att fylla i dina webbplatsuppgifter som värdnamn, Användarnamn, Lösenord och portnummer. Alla dessa uppgifter Finns i ditt konto. När du blir ansluten till servern kan du ladda upp ditt filindex.HTML.
någon av dessa metoder kan användas för att ladda upp din fil och nu om du öppnar din webbplats kommer du att dirigeras till samma index.html-fil. Så när du skriver in en webbplatsadress riktas du till indexet.html-fil. Du har nu publicerat din webbsida på internet och vem som helst kan se den som länken. Du kan lägga till fler HTML-filer eller bilder och lägga till deras länk till indexet.html-sida. Alla dessa filer lagras i servern och vem som helst kan komma åt den.
för det mesta går webbadressen till bilden som du anger på din webbsida ut efter en viss period. Det är bättre att ladda ner dessa bilder och ladda upp dem och skriva namnet på den bilden exakt i SRC-attributet.
du kan se HTML-och CSS-koder för ett exempel HTML-webbsida:
HTML – kod
<h1>Ludwig van Beethoven</h1><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSuYHPyPZYfRRAc40TnVVXl3yZ51Q_0v4dvUzXIjVssV0shgH2N" alt="BEETHOVEN"><h2> <a href="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3">fur elise </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3" controls></audio><h2> <a href="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3">moonlight sonata movement 1 </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3" controls></audio>
css
body { background-color: #000; color: #FFF; text-align: center;}a { color: #FFF; text-decoration: none;}a:hover { font-size:20px; color:red;}
det finns ett problem med de gratis värdtjänsterna-de är inte säkra. Den värsta delen av dessa webbhotell är att när användare besöker din webbplats kommer de att se en varning om att det inte är säkert och de bör inte lägga till känslig information på den här webbplatsen. Dess mycket dåligt intryck. Så du kan publicera några sidor bara för att se hur det är gjort, då kan du använda andra betalda värdtjänster.
nästa kommer vi att se hur du publicerar din webbsida med GitHub-sidor. Det fungerar precis som beskrivits tidigare men du måste först veta hur man använder GitHub.
2. Github Pages
först måste du skapa ett konto på GitHub. Skapa sedan ett nytt arkiv och ge det namnet: (användarnamn).github.io. gör det offentligt och publicera det. Nu kan du ladda upp indexet.html-fil här. Om du skriver (användarnamn). github.io i din webbläsare ser du din webbsida. Du kan nu lägga till fler filer och bilder och länka dem till ditt index.html-sida.
så om du är bekant med GitHub är det ett av de bästa sätten att publicera din första webbplats.