W dzisiejszym świecie tworzenie strony internetowej jest bardzo proste. Nie musisz być maniakiem technicznym ani programistą. Postępuj zgodnie z właściwą metodą, wybierz odpowiednie platformy, korzystaj z właściwych narzędzi – w mgnieniu oka możesz mieć swoją pierwszą stronę internetową.
Nie miałem żadnej wiedzy na temat tworzenia stron internetowych, kiedy zacząłem swoją działalność online w 2004 roku. Zatrudniłem programistę stron internetowych dopiero jedenaście lat później. I zrobiłem dobrze. Dziś – mamy innowacyjne narzędzia programistyczne i lepsze platformy do publikacji w Internecie. Będziesz w 100% w porządku.
Tworzysz swoją pierwszą stronę internetową? Masz trzy możliwości:
Dzięki metodzie nr 1 uzyskasz większą elastyczność w projektowaniu i funkcjach witryny, ale wymaga to dobrej znajomości języków internetowych. Proces tworzenia i zarządzania jest znacznie łatwiejszy dzięki metodom #2 i #3. Powinieneś wybrać jedną z tych metod w zależności od twoich kompetencji.
Przyjrzymy się wszystkim trzem wyżej wymienionym metodom i przejdziemy przez kroki potrzebne do stworzenia strony internetowej.
Domena to nazwa Twojej witryny. Musi być unikalny i przekazywać markę Twojej firmy.
Najłatwiejszy sposób wyszukiwania i zarejestruj domenę to udanie się do rejestratora domen.
Rejestrator domen umożliwi rejestrację nazwy domeny poprzez kontrakty roczne lub długoterminowe.
Oto kilka renomowanych rejestratorów domen i ich cena początkowa do rozważenia.
| Rejestratorzy domen | .com | . Netto | . Org | .xyz |
|---|---|---|---|---|
| 123 Reg | XNUMAK / rok | XNUMAK / rok | XNUMAK / rok | XNUMAK / rok |
| Domena.com | $ 9.99 / rok | $ 12.99 / rok | $ 8.99 / rok | $ 9.99 / rok |
| Gandi | XNUMAK / rok | XNUMAK / rok | XNUMAK / rok | XNUMAK / rok |
| Idź Tato | $ 12.17 / rok | $ 12.17 / rok | $ 12.17 / rok | $ 1.17 / rok |
| Hostinger | $ 8.99 / rok | $ 12.17 / rok | $ 12.99 / rok | $ 0.99 / rok |
| NameCheap | $ 8.88 / rok | $ 10.98 / rok | $ 12.98 / rok | $ 1.00 / rok |
Host internetowy to duży komputer (inaczej serwer), który przechowuje Twoje witryny. Niektóre gigantyczne firmy – takie jak Amazon, IBM i FB – posiadają własne serwery internetowe i zarządzają nimi; inne firmy po prostu wynajmują swoje serwery od dostawcy usług hostingowych (co jest o wiele tańsze i łatwiejsze).
Uwaga: Pomiń ten krok, jeśli decydujesz się na budowanie witryny przez producenta witryn (zobacz krok #3).
Hosting internetowy jest obecnie dostępny w różnych pakietach.
Tradycyjnie dostawca usług hostingowych zajmuje się jedynie wynajmowaniem serwerów wraz z podstawowym oprogramowaniem i wsparciem technicznym. Hosting swojej witryny za pomocą tradycyjny dostawca usług hostingowych jest zwykle tańszy i bardziej elastyczny; ale wymaga trochę dodatkowej pracy, aby skonfigurować stronę internetową.
Obecnie firmy łączą ze sobą różne usługi i umożliwiają użytkownikom tworzenie i hostowanie witryn internetowych oraz zarządzanie nimi z poziomu jednego dostawcy usług. Zwykle nazywamy te firmy twórcami witryn internetowych lub twórcami sklepów internetowych. Hosting strony internetowej na tych platformach „pakietowych” jest zwykle kosztowna i mniej elastyczna; ale łatwo zbudujesz witrynę lub sklep internetowy.
Niektóre przyjazne dla początkujących usługa hostingowa sprawdzić.
| Host sieciowy | Najtańszy plan | Cena odnowienia | Bezpłatna domena? | Darmowa migracja strony? | Witryna hostowana | Próba zwrotu pieniędzy | Więcej | Zamów teraz |
|---|---|---|---|---|---|---|---|---|
 Hostinger | $ 1.99 / mc | $ 3.99 / mc | Nie | Tak | 1 | Dni 30 | Hostinger Przegląd | Get Hostinger |
 InterServer | $ 2.50 / mc | $ 7.00 / mc | Nie | Tak | Nieograniczona | Dni 30 | Interserver Przegląd | Get InterServer |
 A2 Hosting | $ 2.99 / mc | $ 10.99 / mc | Nie | Tak | 1 | W każdej chwili | A2Hosting Review | Uzyskaj hosting A2 |
 GreenGeeks | $ 2.95 / mc | $ 10.95 / mc | Tak | Tak | 1 | Dni 30 | GreenGeeks Przegląd | Get GreenGeeks |
 TMD Hosting | $ 2.95 / mc | $ 4.95 / mc | Tak | Tak | 1 | Dni 60 | TMD Hosting Przegląd | Get TMD Hosting |
 InMotion hosting | $ 2.29 / mc | $ 8.99 / mc | Tak | Tak | 2 | Dni 90 | InMotion Hosting Review | Get InMotion hosting |
 ScalaHosting | $ 3.95 / mc | $ 6.95 / mc | Tak | Tak | 1 | Dni 30 | ScalaHosting Przegląd | Get ScalaHosting |
 BlueHost | $ 2.95 / mc | $ 9.99 / mc | Tak | Tak | 1 | Dni 30 | Przegląd BlueHost | Pobierz BlueHost |
 HostPapa | $ 2.95 / mc | $ 9.99 / mc | Tak | Tak | 1 | Dni 30 | HostPapa Przegląd | Get HostPapa |
 FastComet | $ 2.95 / mc | $ 9.95 / mc | Tak | Tak | 1 | Dni 45 | Recenzja FastComet | Zdobądź FastComet |
Gdy masz już nazwę domeny i hosting, czas zakasać rękawy i zacząć tworzyć! Aby zaprojektować i stworzyć strony internetowe, możesz zatrudnić programistę lub zrobić to samodzielnie.
Omawiamy szczegółowo jak zlecić zadanie tworzenia stron internetowych tutaj. Powinieneś pominąć poniższe kroki i przejść do tej strony, jeśli planujesz zatrudnić kogoś, kto opracuje dla Ciebie witrynę.
Dla majsterkowiczów, oto trzy proste metody tworzenia strony internetowej:
Możesz stworzyć swoją unikalną i wyróżniającą się stronę internetową samodzielnie, jeśli znasz główne języki internetowe i fundament witryny.
W przeciwnym razie wskazane jest przejście do metody #2 / 3; lub skontaktuj się z twórcą stron internetowych.
Oto przegląd procesu tworzenia strony z pierwszej ręki, zakładając, że znasz podstawowe języki internetowe i podstawowe informacje o stronie internetowej wspomniane powyżej.
Aby tworzyć i porządkować pliki źródłowe witryny, ważne jest dobre lokalne środowisko pracy. Możesz stworzyć środowisko programistyczne na swoim komputerze, instalując IDE (Integrated Development Environment). IDE składa się zasadniczo z edytora tekstu, automatycznej kompilacji i debuggera.
Sublime Text i Atom to niektóre z podstawowych IDE do tworzenia stron internetowych obsługujących HTML, CSS, JS, PHP, Python i podobne języki internetowe.
Z drugiej strony istnieją rozszerzone IDE, takie jak Adobe Dreamweaver który oferuje kilka innych funkcji (np. łączność z serwerem, FTP).
Planowanie struktury strony i systemu nawigacji ma ogromne znaczenie. Najpierw musisz zrozumieć, w jaki sposób chcesz dostarczać swoje treści. Zaplanuj, ile menu nawigacyjnych, ile kolumn lub pól treści, ile zdjęć chcesz zawrzeć i gdzie.
Najlepszą praktyką jest otwarcie Adobe Photoshop i tworzenie przybliżonego rysunku twoich stron internetowych. Może być konieczne wykonanie różnych przybliżeń dla różnych stron, na przykład strona główna, strona z informacjami, strona kontaktowa, strona serwisowa itp.
Po zakończeniu robienia szorstkich projektów stron internetowych w programie Adobe Photoshop możesz zacząć pisać kody źródłowe.
To najłatwiejsza część. Zrób znaczniki HTML dla elementów internetowych, które chcesz uwzględnić, i użyj CSS, aby udekorować je według wzorów, które wykonałeś.
W dzisiejszych czasach tylko witryny oparte na HTML i CSS nie istnieją, ponieważ interakcji użytkownika z interfejsem użytkownika nie można kontrolować za pomocą HTML lub CSS.
Możesz używać języków skryptowych, takich jak JavaScript i ewentualnie ulepszonej biblioteki jQuery do kontrolowania aktywności użytkowników dla formularzy, loginów, suwaków, menu lub gdziekolwiek potrzebujesz.
Ostatnim krokiem jest przesłanie wszystkich plików źródłowych na serwer WWW. Najlepszym i najłatwiejszym sposobem jego obsługi jest klient FTP.
Najpierw pobierz klienta FTP na swoje urządzenie komputerowe i podłącz je do serwera WWW za pomocą konta FTP. Po pomyślnym połączeniu go z kontem FTP skopiuj wszystkie lokalne pliki do katalogu głównego swojego katalogu. Niektóre dobre klienty FTP są fileZilla, WinSCP i Cyberduck.
CMS lub Content Management System jest zbudowany tak taktycznie, że pasuje zarówno początkującym początkującym jak i doświadczonym programistom internetowym.
Jest to aplikacja, która ułatwia tworzenie treści online i zarządzanie nimi. Większość z nich jest open-source i może być używana.
Jeśli znasz podstawy HTML, CSS lub PHP, jest to dla ciebie korzystne. To nie jest duży problem, jeśli nie wiesz, ponieważ te platformy są bardzo intuicyjne. Oto trzy najlepsze bezpłatne platformy CMS, które możesz wybrać w zależności od potrzeb.
WordPress, według różnych statystyk, jest wykorzystywany w maksymalnej liczbie blogów i małych i średnich stron internetowych. Niemniej jednak wiele potężnych stron internetowych woli WordPress ze względu na swoją prostotę. Edytor WYSIWYG to jedyna rzecz, której musisz się nauczyć, aby wylądować swoją pierwszą treścią.
Ta platforma jest instytucjonalna dla początkujących, a także bardzo rozbudowana przez różne klasy twórców stron internetowych. Ma wiele darmowych wtyczek i motywów na własnym repozytorium. Ponieważ jest to wybór #1 CMS, wiele zasobów stron trzecich jest dostępnych z boku.
Aby uzyskać więcej informacji, zobacz te 30 stron opartych na WordPressie . Możesz również wypróbować WordPressa samodzielnie, zakładając darmowe konto na WordPress.comLub pobierz CMS z WordPress.org.
Joomla jest pod wieloma względami podobna do WordPressa. Jest również łatwy w obsłudze, łatwy w instalacji i można go łatwo rozbudować za pomocą modułów - odpowiednik wtyczek WordPress. W rezultacie jest to druga najlepsza opcja dla początkujących.
Jednak początkujący mogą być bardziej onieśmieleni eksploracją Joomla ze względu na liczbę dostępnych opcji. Oprócz menu po lewej stronie, na górnym pasku, tuż nad „Panelem sterowania”, znajduje się również menu logo. Aby uniknąć nieporozumień, pamiętaj, że niektóre pozycje z menu lewego i górnego paska są podobne, w tym „Treść”, „Użytkownicy” i „Rozszerzenia”.
Podobnie jak WordPress, Joomla ma kilka stylów i szablonów, które mogą szybko nadać Twojej witrynie charakterystyczny wygląd. Jednak ze wszystkich trzech systemów zarządzania treścią Joomla oferuje najłatwiejsze rozwiązanie, jeśli chodzi o tworzenie sieci społecznościowej. Dzięki platformom takim jak EasySocial i JomSocial jesteś zaledwie kilka minut od swojej własnej witryny społecznościowej.
Witryny utworzone przy użyciu Joomla obejmują Lipton, Linux, jak również Harvard University. Możesz pobrać i wypróbować Joomla za darmo tutaj.
Doświadczeni programiści WWW potwierdzają, że Drupal to najpotężniejszy CMS.
Jednak jest też najtrudniejszy w użyciu. Ze względu na swoją elastyczność Drupal jest drugim najczęściej używanym CMS-em na świecie, ale nie jest ulubionym wśród początkujących. Aby z sukcesem zbudować „kompletną” stronę internetową za pomocą Drupala, musisz ubrudzić sobie ręce i nauczyć się podstaw kodowanie. Znajomość sposobu poruszania się po CMS jest również wyzwaniem dla początkujących.
Witryny utworzone za pomocą Drupala obejmują Tesla, Warner Bros Dokumentacja, i University of Oxford. Uczyć się więcej, pobierz i wypróbuj Drupala za darmo.
W przypadku tej metody użyjemy WordPressa jako naszego przykładu. Do tej pory powinieneś już mieć konto hostingowe i zarejestrowaną nazwę domeny.
Usługi hostingowe zazwyczaj zawierają szybki instalator do instalacji WordPressa i innych popularnych platform.
Zaloguj się więc na swoje konto hostingowe i dowiedz się, jaki masz instalator. Popularne nazwy, których należy szukać, to Softaculous, QuickInstall lub Fantastyczny.
Softaculous jest najpopularniejszym programem do automatycznego instalowania i jest dostępny na cPanelu. Przeprowadzę cię przez instalację przez Softculous. Pozostałe instalatory są prawie takie same.
Nadchodzi ważna część.
Skonfiguruj opcje w następujący sposób, pozostaw pozostałe pola w domyślnej konfiguracji (zostaną uporządkowane później) i kliknij instaluj.
Jeśli udało ci się wykonać ostatnie kroki, dobrze. Twoja strona internetowa działa!
Teraz zaloguj się do swojej witryny WordPress. Strona logowania Twojej witryny będzie wyglądać jak wp-login.php, śledząc ustawiony URL witryny.
Następnie musisz zainstalować motyw i niezbędne wtyczki. Spójrz na lewy pasek boczny pulpitu WordPress.
Istnieje mnóstwo gotowych gotowych motywów dostępnych w katalogu WordPress.
Aby przeglądać te bezpłatne motywy, przejdź do „Wygląd> Motywy> Dodaj nowy”, wyszukaj motyw spełniający Twoje wymagania i kliknij przycisk instalacji.
Możesz także zainstalować motywy innych firm z sekcji „Prześlij motyw”. W przypadku płatnych, profesjonalnie zaprojektowanych motywów WordPress polecam Elegant Themes (ze względu na wydajny kod i piękne projekty front-end).
W przypadku wtyczek przejdź do „Wtyczki> Dodaj nowy”.
Wyszukaj i zainstaluj wtyczki, których potrzebujesz. 3rd Dodatki Party mogą być również instalowane z sekcji "Prześlij wtyczkę".
Tutaj chcę zasugerować kilka ważnych darmowych wtyczek. Wyszukaj ich nazwy w katalogu wtyczek WordPress, aby je znaleźć. Zauważ, że wystarczy zainstalować tylko jedną wtyczkę z każdej kategorii.
Aby uzyskać tożsamość witryny, nadal musisz coś stworzyć, nawet jeśli używasz świetnego motywu. Wokół jest mnóstwo niesamowitych generatorów logo, ale rzuciłbym okiem Logaster. Są usługą płatną, ale wspaniałe jest to, że oferują zróżnicowane ceny. Oznacza to, że możesz po prostu zapłacić za to, czego potrzebujesz - tylko logo w formacie internetowym, lub możesz nawet zarejestrować się w celu uzyskania całego zestawu marki, który zawiera formaty dla różnych platform.
Twoja strona powinna zostać uruchomiona w ostatnim kroku. Ale jest jeszcze kilka rzeczy, które należy uporządkować.
Konstruktorzy witryn sprawili, że konfiguracja witryny jest łatwa i natychmiastowa. Bez znajomości języków internetowych można uruchomić w pełni funkcjonalną stronę internetową w ciągu kilku minut. Oferują one narzędzia do tworzenia witryn Drag & Drop, które wymagają zerowej wiedzy na temat kodowania.
Tam są wielu twórców stron rozsianych po Internecie ale nie wszystkie z nich mogą zaspokoić potrzeby.
Poniższe trzy są najczęściej omawianymi i potencjalnymi twórcami stron internetowych, z których możesz skorzystać.
Nawet biorąc pod uwagę charakter kreatorów stron internetowych, Żyroń jest absolutnie łatwy w użyciu. Jeśli kiedykolwiek korzystałeś z edytora tekstu lub podobnego What-You-See-Is-What-You-Get (WYSIWYG) aplikacja – nie będziesz miał problemu ze zbudowaniem strony za pomocą Zyro.
Teoria jest taka sama. To jak zabawa klockami. Bloki to wstępnie zaprojektowane elementy witryny, takie jak obrazy, pola tekstowe i tak dalej. Projektowanie strony internetowej może być tak proste, jak wybranie odpowiedniego elementu, a następnie przeciągnięcie go i upuszczenie na miejsce.
Wix to jeden z najłatwiejszych kreatorów witryn na rynku, który zawiera ponad 500 w pełni konfigurowalnych szablonów posortowanych w różnych kategoriach. Jest więc prawie pewne, że znajdziesz taki, który Ci odpowiada.
Oferują elastyczny edytor witryn Drag & Drop, który jest zawsze widoczny nad treścią. Możesz przeciągnąć jeden element z listy i upuścić go w dowolnym miejscu witryny, aby go dodać. Każdy widoczny element na nim można przenosić lub edytować.
Jedyną wadą jest to, że na bezpłatnym planie Wix są reklamy na miejscu. Możesz się tego pozbyć, uaktualniając go do swojego planu Combo, który przywraca Ci minimum $ 12 / miesiąc.
Weebly jest łatwiejsze pod wieloma względami, np. nawigacja, przyjazność dla użytkownika. Oferują setki szablonów do wyboru, ale opcje personalizacji mogą wydawać się ograniczone.
Mają dużą liczbę wstępnie zaprojektowanych układów stron (na przykład: o stronie, stronie cenowej, stronie kontaktowej), które mogą być używane i modyfikowane.
Konstruktor Drag & Drop jest łatwiejszy w użyciu, ale czasami ograniczasz się do wyznaczonych obszarów do dostosowania. Dostępność rozszerzeń i aplikacji innych firm jest również ograniczona.
Gdy Twoja witryna będzie gotowa - czas zweryfikować i przetestować, jak działa w głównych przeglądarkach (Chrome, Firefox, Safari, Microsoft Edge, IE 11 itp.), A także na różnych rozmiarach ekranu.
Testy te możemy przeprowadzić za pomocą bezpłatnych narzędzi online.
Co to jest walidacja znaczników? Języki kodowania lub skrypty, takie jak HTML, PHP itd., Mają własne formaty, słownictwo i składnię. Weryfikacja znaczników to proces sprawdzania, czy witryna przestrzega tych zasad.
Publikacja Twojej witryny w Internecie to etap pierwszy. Jest jeszcze wiele innych rzeczy do zrobienia, aby Twoja witryna odniosła sukces. Oto kilka zadań, od których warto zacząć…
Google wyraźnie stwierdził, że prędkość witryny jest jednym z jego czynników rankingowych. Oznacza to, że Twoja witryna może mieć wyższą pozycję w rankingu, jeśli ładuje się szybko.
Również - im szybciej ładuje się Twoja witryna, tym szczęśliwsi będą odwiedzający Twoją witrynę. W niezliczonych studiach przypadków i eksperymentach udowodniono, że wolno ładująca się strona internetowa zmniejszy wygodę użytkowników i wpłynie na przychody z witryny. Szacuje się, że Amazon straciłby 1.6 miliarda dolarów przychodu, gdyby jego witryna spowolniła choć jedną sekundę.
Obecnie ponad milion osób korzysta z SEMrush do SEO i content marketingu. Zarejestruj się na okres próbny za pomocą naszego specjalnego linku, a otrzymasz przedłużony 1-dniowy okres próbny (wymagane dane karty kredytowej) > Kliknij tutaj
Nie musisz być mistrzem w optymalizacja wyszukiwarek (SEO) aby Twoja witryna została zauważona. Ale niektóre podstawowe search engine optimization umiejętności zawsze warto mieć.
Utwórz konto webmastera pod adresem Konsola wyszukiwania Google zgłosić witrynę do Google i zidentyfikować wszelkie problemy związane z SEO. Przeprowadź podstawowe badanie słów kluczowych, a następnie zoptymalizuj tytuł strony i nagłówki dla głównych słów kluczowych. Zaimplementuj znaczniki schematu w swojej witrynie, aby wyróżnić się na stronach wyników wyszukiwania.
Odkąd Google Chrome zaczął oznaczać witryny HTTP jako „niezabezpieczone”, certyfikat SSL stało się wielką sprawą. Aby mieć pewność, że Twoja witryna jest „zaufana” przez użytkowników - połączenie HTTPS jest koniecznością.
Twoja witryna powinna być również obecna na platformach mediów społecznościowych, na których przebywa większość docelowych odbiorców. Dla naszej strony oznacza to Facebook i Twitter. Dla innych może to być LinkedIn, Tumblr lub Pinterest.
Czy widziałeś list „W” w niebieskim kółku, które pojawiło się po lewej stronie karty przeglądarki? Jest to znane jako „favicon”. Podobnie jak logo, favicon jest mniejszym elementem wizualnym reprezentującym stronę internetową.
Favicon to sprytna mała technika brandingowa, która jest często pomijana przez właścicieli witryn. Jeśli to brzmi jak ty - wykorzystaj to darmowy generator favicon pomóc.
Żadna z dwóch witryn internetowych nie jest taka sama, ponieważ mogą służyć innemu celowi i / lub funkcji. Istnieją jednak trzy standardowe strony, które powinna mieć każda witryna: Indeks (strona główna), Strona z informacjami i Strona kontaktowa.
Strona główna
Strona główna jest często pierwszym miejscem, do którego trafia większość odwiedzających po wejściu do Twojej witryny. Twoja strona główna powinna zapewniać odpowiednią prezentację i przyciągać użytkowników głębiej do witryny.
O stronie
O stronie chodzi o budowanie relacji z odwiedzającymi. Pozwala ci się przedstawić i podać szczegółowe informacje (dobrze?) O swojej witrynie. Zazwyczaj zaleca się dołączenie zdjęć osób, które są właścicielami i prowadzą witrynę.
Kontakt Strona
Ważne jest, aby komunikować się z użytkownikami i potencjalnymi klientami. Stąd - strona kontaktowa. Uwzględnij wszystkie możliwe kanały komunikacji (profile w mediach społecznościowych, formularze kontaktowe, adres e-mail itp.), Aby upewnić się, że odwiedzający mogą się z Tobą skontaktować.
Istnieją dwa główne sposoby tworzenia darmowej strony internetowej - użyj darmowy hosting lubić 000Webhost lub platforma do tworzenia stron internetowych jak Wix, który oferuje bezpłatny plan.
GoDaddy ma plany oparte na kreatorze stron internetowych, które zaczynają się od 10 USD / mc.
Większość kreatorów stron internetowych jest łatwa w użyciu dla początkujących. Ze swej natury kreatory stron internetowych są skierowane do użytkowników, którzy nie znają się na technologii i oferują dużą pomoc. Obejmuje to zarówno przyjazne dla użytkownika interfejsy, jak i gotowe szablony.
Zanim zaczniesz korzystać z kompilacji witryny, jest ona taka sama jak założenie bloga, pierwszą rzeczą, na którą należy zwrócić uwagę, jest twoja intencja. To, co chcesz, aby Twoja strona była lub mogła osiągnąć, może odegrać znaczącą rolę w jej projektowaniu i rozwoju.
Czas potrzebny na kodowanie strony zależy od jej złożoności. Im więcej potrzebujesz funkcji i wyglądu, tym dłużej to zajmie. Proste, statyczne strony internetowe można kodować w ciągu zaledwie kilku godzin, a większe, złożone witryny mogą zająć kilka miesięcy.
Wiesz już więcej niż wystarczająco, aby stworzyć i zbudować udaną witrynę internetową. Czas wykorzystać swoją wiedzę w praktyce. Zacznij teraz i rozkręć internet!
