Jeśli nie masz strony internetowej, nie istniejesz. Taki jest stan rzeczy w dzisiejszym świecie rządzonym przez Internet. Jak Klient ma cię znaleźć, jeśli nie masz strony internetowej?
zatrudnianie programisty do budowy strony internetowej dla ciebie może być naprawdę drogie. Nauczenie się zrobić to dla siebie może lepszym pomysłem. W tym samouczku powiemy Ci, jak stworzyć stronę internetową od podstaw.,
metody budowy stron internetowych
Jeśli nie wiesz jak zrobić stronę internetową, cały temat może wyglądać groźnie. Hosting, nazwy domen, kodowanie … to wszystko może być bardzo mylące.
najnowszy kupon Udacity znaleziony:
uzyskaj 50% zniżki
Udacity Nowy Rok sprzedaż
Rozpocznij nowy rok z nowymi umiejętnościami – pospiesz się &wybierz swój wymarzony kurs Udacity z ogromny rabat 50%! Ta noworoczna sprzedaż Udacity jest aktywna przez ograniczony czas.,
ale.
satysfakcja z tworzenia czegoś, gdzie wcześniej nie było niczego, jest jak nic innego na świecie. Rzeczy, których dowiesz się, zastanawiając się, jak założyć stronę od zera, będą Ci dobrze służyć przez całe życie.,
kto wie, może pokochasz tworzenie stron internetowych tak bardzo, że zdecydujesz się na zmianę kariery. Czy słyszałeś, że na świecie istnieje krytyczny niedobór twórców stron internetowych?
Jak zbudować stronę internetową od podstaw
w tym dziale powiemy Ci wszystko, co musisz wiedzieć, jak stworzyć stronę internetową od podstaw. Jest pięć rzeczy do nauczenia się:
- Jak kupić domenę
- Jak kupić hosting
- Jak pisać w HTML
- jak stylować w CSS
- jak pracować w JavaScript
najpierw zdefiniujmy, czym jest prosta strona internetowa., Na potrzeby tego samouczka jest to mała strona internetowa reklamująca to, co robisz i dostarczająca dane kontaktowe od przyszłych klientów. Ma odpowiadać na trzy pytania:
- kim jesteś?
- czym się zajmujesz?
- Jak się z Tobą skontaktować?
jedna do trzech stron wystarczy, aby dać odwiedzającemu wszystkie te informacje. Korzystając z HTML i CSS, możesz nie tylko sprawić, by strona miała prostą funkcjonalność, ale także sprawić, by wyglądała dobrze.,
Jeśli chcesz wiedzieć, jak stworzyć stronę internetową od podstaw, która ma funkcje takie jak dostarczanie funkcji e-commerce lub hosting bloga, musisz dowiedzieć się więcej o tworzeniu stron internetowych, w tym języku programowania zaplecza. „Czekaj, co to jest backend?”możesz zapytać nas teraz.
odpowiedź jest fałszywa-skomplikowana, co oznacza, że wygląda na skomplikowaną, ale w rzeczywistości jest prosta. Jeśli widzisz go na monitorze, to jest to frontend. Jeśli nie, to tylko zaplecze. Przyciski, obrazy, tekst – to frontend., Sposób, w jaki twoja strona przetwarza zamówienie specjalnego zegara Lego Darth Vader? To zaplecze.
aby zakodować back-end swojej strony, musisz nauczyć się dodatkowego języka kodowania, takiego jak JavaScript. Nie zalecamy robienia tego samemu. Kiedy pieniądze są bezpośrednio zaangażowane, jak to ma miejsce w przypadku sklepu internetowego, najlepiej pozwolić doświadczony profesjonalista zająć się tym za Ciebie.
prosta strona internetowa to jednak inna sprawa. Możesz to zrobić sam.
mając to na uwadze, przyjrzyjmy się głębiej, jak stworzyć stronę internetową od zera.
Jak kupić domenę?,
zanim powiemy Ci, jak kupić domenę, powinieneś dowiedzieć się, czym jest domena.
tak jak masz adres w realnym świecie, Twoja strona musi mieć adres w Internecie. Domena to twój adres www.bitdegree.org jest nasz.
Jak zarejestrować domenę? Po pierwsze, musisz pomyśleć o pewnych możliwościach, które reprezentowałyby to, kim jesteś i co robisz. Jeśli tworzysz osobistą stronę internetową, aby się wypromować, powinieneś rozważyć nazwanie jej namesurname.com.
Jeśli Twoje imię jest trudne, być może będziesz musiał stać się kreatywny., Należy pamiętać, że adres strony. com jest uważany za najbardziej szanowany w wielu branżach. Postaraj się go zdobyć, gdy tylko to możliwe.
nie zapominaj, że nazwa powinna być związana z tym, co robisz i kim jesteś.
gdy rozliczysz się z niektórymi opcjami nazwy domeny, będziesz musiał sprawdzić, które z nich są dostępne za pomocą sprawdzania dostępności domeny. Po ustaleniu żądanej nazwy będziesz musiał kupić prawa do wybranej domeny.
jest to pierwszy krok, jak stworzyć stronę internetową od podstaw., Zazwyczaj wybrany przez Ciebie dostawca hostingu pozwoli Ci kupić domenę w ramach procesu konfiguracji hostingu.
jak znaleźć Hosting?
istnieją setki dostawców usług hostingowych, oferujących usługi na całym świecie. Wybór jednego może być trudną decyzją., Oto lista najpopularniejszych, które możesz przejrzeć, zbadać i zdecydować:
- Hostinger
- BlueHost
- SiteGround
- HostGator
- iPage
- A2hosting
- MDDHosting
- GoDaddy
- InMotion
- FastComet
bez względu na to, którą stronę wybierzesz, powinna mieć mnóstwo przewodników, jak założyć stronę od podstaw za pomocą ich platformy. Jeśli nie, unikaj go.
Gdy już masz rozwiązanie hostingowe i nazwę domeny, nadszedł czas, aby zacząć rozwijać swoją stronę.
Co to jest HTML?,
HTML (lub HyperText Markup Language) nie jest językiem programowania, pomimo tego, co wielu ludzi wydaje się myśleć. HTML jest odpowiedzialny za tworzenie elementów funkcji witryny. To jak rusztowanie, na którym budujesz witrynę i niezbędne narzędzie do opanowania na drodze do nauki tworzenia witryny od podstaw.
HTML informuje Twoją stronę, jaki tekst ma być na stronie, gdzie powinny być obrazy, gdzie linki, jeśli są, powinny przekierować użytkownika.
aby zobaczyć, jak wygląda HTML na stronie, powiedzmy, bitdegree.,org, otwórz witrynę w przeglądarce Google Chrome, kliknij prawym przyciskiem myszy w dowolnym miejscu na stronie i kliknij Wyświetl źródło strony.
Jeśli jest napisane na samej górze, patrzysz na kod HTML dla bitdegree.org. BDG to jednak skomplikowana strona internetowa. Używa rzeczy takich jak JavaScript, aby to działa zbyt.
nie zniechęcaj się, Twoja strona będzie o wiele prostsza niż BitDegree, nie będziesz potrzebował 3000+ linii kodu, aby działała tak, jak chcesz.
ok, masz pojęcie czym jest HTML, teraz czas nauczyć się jak stworzyć stronę internetową od podstaw za pomocą HTML.,
w Internecie znajdują się setki kursów HTML, przewodników i samouczków. Napisaliśmy samouczek, jak szybko nauczyć się HTML na BitDegree. Ten samouczek powie Ci wszystko, co musisz wiedzieć, aby zacząć i szybko podnieść HTML.
Udacity oferuje również świetny Kurs HTML i CSS, który powinien pomóc w nauce korzystania z CSS obok HTML.
Co to jest CSS?
Po prostu nie można napisać poradnika „Jak stworzyć stronę od zera” bez wspominania o CSS., Chociaż omówiliśmy, że HTML jest odpowiedzialny za Twoje treści pojawiające się na stronie, CSS jest po to, aby go stylować.
pewnie, niektórzy mogą myśleć, że jest to teraz istotne dla strony internetowej, ale pomyśl o tym, czy naprawdę uważasz, że strona, która ma zwykły tekst, jest warta odwiedzenia? Nie sądzę.
CSS pomaga twojej stronie wyglądać atrakcyjnie. Chociaż może to nie pomóc w interaktywności (więcej na ten temat w sekcji JavaScript), z pewnością zwiększy to jakość twojej witryny.
Jeśli chcesz stworzyć stronę internetową, musisz nauczyć się CSS., Częściej niż nie, nauka CSS jest oferowana obok nauki HTML. Aby nauczyć się ich obu, proponuję udać się do Udacity i sprawdzić ich Kurs HTML i CSS.
czym jest JavaScript?
gdzie HTML i CSS są językami, które mówią tylko przeglądarce, Jak wygenerować stronę, JavaScript jest prawdziwym językiem programowania. Każdy programista front-end musi to wiedzieć.
Po co Ci JavaScript? Załóżmy, że tworzysz osobistą stronę internetową. Składa się z trzech sekcji: Strona główna, PORTFOLIO projektów graficznych i kontakt ze mną., Możesz wstawiać linki prowadzące użytkownika do różnych sekcji u góry za pomocą HTML, a następnie styl ten link wyglądać jak przycisk do naciśnięcia za pomocą CSS.
jak na podstawową stronę to w porządku. Ale co, jeśli chcesz uzyskać bardziej fantazyjne z nim i dodać kilka animacji? Dzięki prostemu JavaScript możesz zrobić całkiem fajne rzeczy.
Jeśli poważnie myślisz o tym, jak naprawdę stworzyć stronę internetową od podstaw, musisz znać wszystkie trzy: HTML dla rusztowania, CSS dla stylizacji i JavaScript dla funkcjonalności.,
oprogramowanie do budowy stron internetowych
ok, powiedzmy, że dowiesz się, co musisz zrobić, aby zbudować swoją wymarzoną stronę internetową za pomocą HTML, CSS i JavaScript. Wiesz, jak zdefiniować elementy, które chcesz, jak wyglądają i co robią.
To nie sprawi, że Twoja strona pojawi się znikąd. Musisz wpisać kod .html,css, oraz .Pliki js i przesłać je do swojej witryny za pośrednictwem dostawcy hostingu.
ale jakich narzędzi potrzebujesz, aby ją stworzyć, jeśli wiesz, jak założyć stronę od zera?,
IDEs
IDEs, czyli zintegrowane Środowiska programistyczne, to specjalistyczne oprogramowanie, które zawiera wszystko, czego potrzebujesz do zbudowania strony internetowej lub samodzielnej aplikacji.
chociaż najlepsze IDE, takie jak WebStorm, Visual Studio Code lub Adobe Dreamweaver, mają setki świetnie brzmiących funkcji, w tym Podgląd na żywo Twojej witryny, prawda jest taka, że prawdopodobnie nie będą one potrzebne do twojego projektu.
O ile twoim prawdziwym zamiarem jest nauczenie się tworzenia strony internetowej od podstaw na wielką skalę, kupowanie IDE do tworzenia stron internetowych to kompletna przesada., Zamiast tego powinieneś uzyskać ulepszony edytor tekstu.
ulepszone edytory tekstu
wyspecjalizowany darmowy (open source) edytor tekstu to wszystko, czego potrzebujesz, aby dowiedzieć się, jak zbudować stronę internetową od podstaw, a następnie zrobić to, aby umieścić swoją firmę w Internecie.
istnieje wiele dostępnych narzędzi do wyboru. Możesz spojrzeć na Atom, Notepad ++, Vim lub nawiasy.
Jak to wszystko działa? To bardzo proste. Tworzysz nowy dokument, kadrujesz go w odpowiedni sposób HTML i zapisujesz wraz z rozszerzeniem .html, jak indeks.na przykład html.
wtedy podlinkuj swoją,plik css do kontroli wyglądu elementów w rusztowaniu HTML. To wszystko, czego potrzebujesz, aby stworzyć prostą stronę internetową.
„dobrze”, możesz zapytać teraz. „To tylko tekst, skąd mam wiedzieć, jak będzie wyglądała moja strona w Internecie?”
Easy. Wystarczy otworzyć plik HTML w dowolnej przeglądarce internetowej.
korzystając z wybranego edytora tekstu i przeglądarki internetowej, możesz zmieniać i kształtować swoją stronę, aż będziesz zadowolony. W tym czasie prześlij pliki za pośrednictwem dostawcy hostingu, a witryna wkrótce zostanie uruchomiona.,
chociaż dobrze, że szukasz sposobu na stworzenie strony internetowej od podstaw, mogą pojawić się problemy. Możesz zbudować prostą stronę internetową, aby ludzie wiedzieli, kim jesteś, co robisz i jak się z Tobą skontaktować.
ale co się stanie, jeśli zdecydujesz się dodać bloga?
tak, będziesz mógł dodać bloga.html i połącz go z resztą strony, ale publikowanie nowych postów będzie bardzo irytujące bez jakiegoś rozwiązania back-end, które ułatwia dodawanie nowych treści.
są na to prostsze sposoby!,
WordPress
istnieje powód, dla którego większość Internetu jest zbudowana na WordPressie. Jest to system zarządzania treścią z bogatą biblioteką szablonów i wtyczek. Jeśli potrzebujesz swojej witryny, aby coś zrobić, są szanse, że jest do tego Wtyczka WordPress.
skonfigurowanie strony za pomocą WordPressa jest 100x łatwiejsze niż samodzielne napisanie. Wszyscy najlepsi dostawcy hostingu mają narzędzia do automatycznego konfigurowania witryny na WordPress. Po zakończeniu Zaloguj się na WordPress, a następnie możesz zmieniać motywy, dodawać wtyczki i dodawać żądaną zawartość (obrazy, tekst, wideo).,
Jeśli próbowałeś nauczyć się tworzyć stronę internetową od podstaw i zrezygnowałeś z korzystania z WordPressa, twoja wiedza w ogóle nie pójdzie na marne. W końcu możesz wziąć motyw WordPress i dostosować go samodzielnie, korzystając z umiejętności CSS, których się nauczyłeś.
usługi kreatora stron internetowych
zdecydowanie możesz nauczyć się, jak zrobić stronę od zera, ale są ludzie, którzy nauczyli się tego lata temu. Ci ludzie stworzyli strony internetowe, które pozwalają przeciągać i upuszczać elementy, aby stworzyć własną stronę internetową.
strona internetowa wewnątrz strony internetowej, dużo?,
twórcy stron jak ten mocno reklamują się na YouTube, są szanse, że przynajmniej o nich słyszałeś. Jeśli nie są one krótki wyszukiwania Google daleko. W większości przypadków narzędzia te są szybkim, bezproblemowym sposobem na stworzenie pięknie prostej strony internetowej.
kilka porad
należy pamiętać, że najnowsze trendy stron internetowych zwykle w dużym stopniu polegają na obrazach. Prawdopodobnie będziesz potrzebował dużo wysokiej jakości, profesjonalnie wykonanych zdjęć.
Pro tip: Uruchom te obrazy za pomocą narzędzia znalezionego na kraken.io strona internetowa., Spowoduje to zmniejszenie pliku obrazu bez znacznego pogorszenia jakości, co sprawi, że Twoja strona ładuje się szybciej.
szybkie czasy ładowania są bardzo ważne dla doświadczenia użytkownika. Powszechną logiką jest to, że im szybciej ładuje się Twoja witryna, tym bardziej prawdopodobne jest, że odwiedzający pozostanie i będzie się nią przeglądał.
Jak stworzyć stronę internetową od podstaw w wersji TL;DR? Może to być proste lub skomplikowane. W zależności od wybranej metody. Jeśli zdecydujesz się nauczyć się kodować, będzie to skomplikowane, ale w końcu satysfakcjonujące.,
z drugiej strony, Korzystanie z jednego z wielu dostępnych kreatorów stron znacznie ułatwi proces.
Jeśli chcesz wyzwania, zacznij najpierw uczyć się HTML i CSS. Nie kupuj jeszcze domeny ani hostingu, po prostu otwórz pliki HTML i CSS w przeglądarce. Napisz swoją stronę za pomocą ulepszonego edytora tekstu, który Ci się podoba.
Gdy już wiesz, jak stworzyć magiczny HTML i CSS, poznaj podstawy JavaScript, aby urozmaicić swoją witrynę za pomocą snazzy transitions i wszelkich funkcji, których możesz potrzebować.
Kiedy masz to, czego potrzebujesz, zacznij tworzyć pliki stron internetowych, których potrzebujesz., Gdy masz stronę tak, jak chcesz, śmiało, Kup domenę i hosting. Dostawcy (przynajmniej dobrzy) będą mieli samouczki na temat uzyskania tego wszystkiego online.