jeśli napisałeś już stronę HTML i widziałeś, jak jest renderowana w przeglądarce, rozumiesz, jak utworzyć stronę internetową. Ale niektórzy z was muszą się zastanawiać, Jak mogę opublikować tę stronę, aby wszyscy mogli ją zobaczyć. W tym poście stworzę prostą stronę internetową i umieszczę ją w Internecie.
tak więc plik HTML zapisany na twoim komputerze może być wyświetlany tylko przez Ciebie, ale musi być przechowywany w miejscu, w którym każdy ma do niego dostęp. I potrzebujesz do tego usługi hostingowej! Usługi hostingowe mają serwer lub komputer, który daje trochę miejsca na pliki.
jeśli jesteś nowy w budowaniu stron internetowych, możesz wypróbować jedną z wielu bezpłatnych usług hostingowych. Wcześniej korzystałem z Infinity Free. Możesz również użyć codepen.io gdzie ludzie mogą zobaczyć Twoją stronę i kody za nią w tym samym oknie. Github Pages jest również dobry do hostowania statycznych stron internetowych. Nie mówię tu o innych wtyczkach i CMS, takich jak WordPress, ale statyczna strona, która jest zakodowana przez Ciebie.
1. Darmowe usługi hostingowe
teraz wyjaśnię, jak opublikować swoją stronę internetową, Jeśli korzystasz z pierwszej opcji, bezpłatnej usługi hostingowej. Najpierw musisz zarejestrować się w usłudze hostingu i wybrać nazwę domeny dla swojej witryny. Teraz istnieją dwie opcje przesłania pliku:
- najpierw bezpośrednio przechodzisz do menedżera plików i przesyłasz plik i zmieniasz jego nazwę na indeks.html.
- innym sposobem przesyłania jest pobranie klienta FTP, na przykład FileZilla i połączenie go z serwerem, wypełniając dane witryny, takie jak nazwa hosta, nazwa użytkownika, hasło i numer portu. Wszystkie te dane są dostępne na twoim koncie. Po nawiązaniu połączenia z serwerem możesz przesłać swój indeks plików.html.
każda z tych metod może być użyta do przesłania pliku, a teraz, jeśli otworzysz witrynę, zostaniesz przekierowany do tego samego indeksu.plik html. Tak więc po wpisaniu adresu strony internetowej zostaniesz przekierowany do indeksu.plik html. Opublikowałeś swoją stronę internetową w Internecie i każdy może ją zobaczyć, podając link. Możesz dodać więcej plików HTML lub obrazów i dodać ich link do indeksu.strona html. Wszystkie te pliki są przechowywane na serwerze i każdy może uzyskać do niego dostęp.
w większości przypadków adres URL obrazu, który wprowadzasz na swojej stronie internetowej, wygasa po pewnym czasie. Lepiej jest pobrać te obrazy i przesłać je i napisać nazwę tego obrazu dokładnie w atrybucie src.
możesz zobaczyć kody HTML i CSS dla przykładowej strony HTML:
kod HTML
<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;}
jest jeden problem z darmowymi usługami hostingowymi – nie są one bezpieczne. Najgorszą częścią tych usług hostingowych jest to, że gdy użytkownicy odwiedzają Twoją stronę, zobaczą ostrzeżenie, że nie jest bezpieczne i nie powinni dodawać poufnych informacji na tej stronie. To bardzo złe wrażenie. Możesz więc opublikować kilka stron, aby zobaczyć, jak to się robi, możesz skorzystać z innych płatnych usług hostingowych.
następnie zobaczymy, jak opublikować swoją stronę za pomocą GitHub Pages. Działa dokładnie tak, jak opisano wcześniej, ale najpierw musisz wiedzieć, jak korzystać z Githuba.
2. Strony Github
najpierw musisz utworzyć konto na GitHub. Następnie utwórz nowe repozytorium i nadaj mu nazwę: (username). github.io Upublicznij to i opublikuj. Teraz możesz przesłać indeks.plik html tutaj. Jeśli wpiszesz (nazwa użytkownika). github.io w przeglądarce zobaczysz swoją stronę internetową. Teraz możesz dodać więcej plików i obrazów i połączyć je ze swoim indeksem.strona html.
tak więc, jeśli znasz GitHub, jest to jeden z najlepszych sposobów na opublikowanie pierwszej strony internetowej.