Stworzenie strony internetowej jest bardzo proste w 2020.
Nie musisz być maniakiem technologii ani programistą.
Postępuj zgodnie z właściwą metodą. Wybierz odpowiednie platformy. Używaj właściwych narzędzi. Będziesz miał 100% dobrze.
Kiedy zaczynałem działalność online w 2004, nie posiadałem żadnej wiedzy na temat tworzenia stron internetowych. Nie wynająłem twórcy stron internetowych do jedenastu lat później. I zrobiłem dobrze.
Dziś - mamy innowacyjne narzędzia programistyczne i lepsze platformy do publikowania w Internecie.
Możesz uzyskać większą elastyczność w projektowaniu i funkcjach witryny dzięki metodzie nr 1, ale wymaga to dobrej znajomości języków internetowych.
Proces tworzenia i zarządzania stroną internetową jest znacznie łatwiejszy dzięki metodzie nr 2 i nr 3. Powinieneś wybrać jedną z tych metod w zależności od swoich kompetencji.
Przyjrzymy się każdej z tych trzech metod i wszystkim poniższym krokom.
Domena to nazwa Twojej witryny. Musi być unikalny i przekazywać markę Twojej firmy.
Najprostszym sposobem na wyszukanie i zarejestrowanie domeny jest przejście 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 | .com | . Netto |
|---|---|---|
| 123 Reg | XNUMAK / rok | 11 .99 / rok |
| Domena.com | $ 9.99 / rok | $ 10.99 / rok |
| Gandi | XNUMAK / rok | XNUMAK / rok |
| Idź Tato | $ 12.17 / rok | $ 12.17 / rok |
| Imię tanie | $ 10.69 / rok | $ 12.88 / rok |
| Rozwiązanie sieciowe | $ 34.99 / rok | $ 32.99 / rok |
A hostingowego to duży komputer (czyli serwer), na którym są przechowywane Twoje witryny. Niektóre gigantyczne firmy - takie jak Amazon, IBM i FB - posiadają swoje serwery internetowe i zarządzają nimi; inne firmy po prostu wynajmują swoje serwery od dostawcy hostingu (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 wynajmem serwerów z podstawowym oprogramowaniem i wsparciem technicznym. Hostowanie witryny u tradycyjnego dostawcy usług hostingowych jest zwykle tańsze i bardziej elastyczne; ale wymaga trochę dodatkowej pracy, aby skonfigurować witrynę internetową.
Obecnie firmy łączą 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 lub twórcami sklepów internetowych. Hostowanie strony internetowej na tych platformach typu „pakiet” jest zwykle kosztowne i mniej elastyczne; ale z łatwością zbudujesz stronę internetową lub sklep internetowy.
Niektóre przyjazne dla początkujących usługi hostingowe do wypróbowania.
| Host sieciowy | Zapisz się | Uwagi |
|---|---|---|
| A2 Hosting | $ 4.90 / mc | Szybki hosting, przyjazny dla początkujących. |
| BlueHost | $ 3.95 / mc | Tanie ceny zapisu, przyjazny dla początkujących. |
| Hostgator Cloud | $ 8.95 / mc | Rozsądna cena, niezawodny serwer. |
| HostPapa | $ 3.36 / mc | Ekologiczny hosting www, ekskluzywna zniżka. |
| InMotion Hosting | $ 3.49 / mc | Cheap cena rejestracji, niezawodny serwer. |
| SiteGround | $ 5.95 / mc | Wsparcie w branży #1 na żywo, stały hosting www. |
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 są trzy proste sposoby zaprojektowania 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.
Krok 1: Skonfiguruj lokalne środowisko pracy
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).
Krok 2: Zaplanuj i zaprojektuj swoją stronę za pomocą Adobe Photoshop
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 otwieranie Adobe Photoshopa i tworzenie zgrubnego rysunku twoich stron internetowych. Może być konieczne wykonanie różnych danych wstępnych dla różnych stron, na przykład strony głównej, strony, strony kontaktu, strony usługi itp.
Krok 3: Skodyfikuj projekt za pomocą HTML i CSS
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ś.
Krok 4: Make It Dynamic za pomocą JavaScript i jQuery
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.
Krok 5: Prześlij pliki lokalne na serwer za pomocą klienta FTP
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 system zarządzania treścią są zbudowane tak taktycznie, że pasują początkującym początkującym użytkownikom do doświadczonych twórców stron internetowych.
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.
Szybkie porównania
| Funkcje | WordPress | Joomla | Drupal |
|---|---|---|---|
| Koszt | Zerowe | Zerowe | Zerowe |
| Stosowanie | 311,682 milionów | 26,474 milionów | 31,216 milionów |
| Darmowe Tematy | 4,000 + | 1,000 + | 2,000 + |
| Darmowe wtyczki | 45,000 + | 7,000 + | 34,000 + |
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.
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 zastraszani, jeśli chodzi o eksplorowanie Joomli ze względu na liczbę dostępnych opcji. Oprócz lewego menu znajduje się również menu na górnym pasku tuż nad logo "Panel sterowania". Aby uniknąć nieporozumień, pamiętaj, że niektóre pozycje z menu po lewej i górnym pasku 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.
Doświadczeni programiści WWW potwierdzają, że Drupal to najpotężniejszy CMS.
Jednak jest również najtrudniejszy w użyciu. Ze względu na swoją elastyczność, Drupal jest drugim najczęściej używanym systemem CMS na świecie, ale nie jest ulubionym wśród początkujących. Aby pomyślnie zbudować "kompletną" stronę internetową za pomocą Drupala, musisz zabrudzić sobie ręce i nauczyć się podstaw kodowania. Znajomość sposobu poruszania się po CMS jest także wyzwaniem dla początkujących.
W przypadku tej metody użyjemy WordPressa jako naszego przykładu. Do tej pory powinieneś już mieć konto hostingowe i zarejestrowaną nazwę domeny.
Krok 1: Znajdź instalator WordPress w swoim panelu hostingowym
Usługi hostingowe zazwyczaj zawierają szybki instalator do instalacji WordPressa i innych popularnych platform.
Zaloguj się do swojego konta hostingowego i dowiedz się, który instalator masz. Popularne nazwy, które powinieneś szukać, to Softaculous, QuickInstall lub Fantastico.
Krok 2: Zainstaluj WordPress przez instalator
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.
Krok 3: Zainstaluj motyw i kilka ważnych wtyczek
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 eleganckie tematy (za sprawny kod i piękne projekty frontowe).
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.
Krok 4: Jesteś gotowy!
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ć.
Wix jest jednym z najłatwiejszych producentów stron na rynku, który oferuje 500 + w pełni dostosowane do potrzeb szablony posortowane według różnych kategorii. 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 łatwiejszy pod wieloma względami, jak nawigacja, łatwość obsługi. Oferują setki szablonów do wyboru, ale opcje personalizacji mogą być 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.
Krok 1: Zarejestruj się w Wix
Utwórz konto na Wix.com.
Dostępnych jest 5 planów premium i 1 plan bezpłatny (ceny wahają się od 0 $ - 24.50 $ / mies.). Po pomyślnym utworzeniu witryny zobaczysz opcje aktualizacji.
Zobacz plany Wix i ceny tutaj.
[/ c8]
Polecam Wix podstawowy płatny plan - Combo. Plan Wix Combo (8.50 USD / mies.) Obejmuje bezpłatną nazwę domeny, więcej zasobów procesora i brak reklam Wix.
Krok 2: Wybierz szablon
Wix zapyta Cię, jak chcesz stworzyć stronę internetową. Najszybszym sposobem sugerują Wix ADI (sztuczna inteligencja projektu), który nie jest zbyt owocny na końcu.
Więc poprowadzę Cię przez nieco dłuższy, ale lepszy sposób, budowniczy strony!
Zobaczysz, że istnieją szablony skategoryzowane pod różnymi etykietami. Przeglądaj swoją potencjalną kategorię i wybierz tę, która Ci odpowiada.
Po znalezieniu ulubionego motywu Wix kliknij "edytuj", aby kontynuować.
Krok 3: Zaprojektuj swoją stronę za pomocą Wix Website Builder
Po kilku chwilach przejdziesz bezpośrednio do ich intuicyjnego kreatora stron.
Projektowanie strony internetowej jest proste. Zobaczysz różne narzędzia po lewej i prawej stronie ekranu. Ponadto kliknij w dowolnym miejscu na stronie internetowej, aby edytować blok lub przenieść go w inne miejsce.
Krok 4: Opublikuj witrynę
Kiedy klikniesz przycisk publikowania, pojawi się pytanie, czy chcesz mieć wolną subdomenę, czy w pełni funkcjonalną domenę. To twoje wezwanie.
Zaleca się kilka dodatkowych usprawnień.
Przejdź do `` Pulpitu nawigacyjnego Wix> Zarządzaj i edytuj witrynę '' i skonfiguruj SEO, Favicon, społecznościowe i aktualizacje według potrzeb.
A kiedy skończysz z tymi podstawowymi ustawieniami - Twoja witryna jest gotowa.
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ąć…
Firma Google jasno stwierdziła, że jednym z czynników rankingowych jest szybkość witryny. Oznacza to, że Twoja witryna może mieć wyższą pozycję w rankingu, jeśli szybko się wczyta.
Ponadto - im szybciej ładuje się Twoja witryna, tym szczęśliwsi będą odwiedzający ją użytkownicy. Udowodniono w niezliczonych studiach przypadków i eksperymentach, że powolne ładowanie się strony internetowej szkodzi użytkownikowi i wpływa na przychody ze strony. Amazon straciłby szacunkowo 1.6 miliarda dolarów przychodów, gdyby jego strona spowolniła nawet o jedną sekundę.
Nie musisz być mistrzem w optymalizacji pod kątem wyszukiwarek (SEO), aby Twoja witryna została zauważona. Ale zawsze warto mieć podstawowe umiejętności w zakresie optymalizacji pod kątem wyszukiwarek.
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.
Aby uzyskać więcej wskazówek dotyczących SEO, przeczytaj nasz przewodnik dla manekinów SEO.
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ą.
Ż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ę.
Strona kontaktowa
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ć.
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 „B”W żółtym kółku, które pojawiło się po lewej stronie karty przeglądarki? To jest znane jako „favicon”. Podobnie jak logo, favicon jest mniejszym elementem wizualnym reprezentującym witrynę 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.
Istnieją dwa główne sposoby tworzenia darmowej strony internetowej - użyj darmowy hosting jak 000Webhost lub a 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. Przeczytaj naszą szczegółową recenzję GoDaddy aby dowiedzieć się więcej.
most twórcy stron internetowych są łatwe w użyciu dla początkujących. Ze swojej natury twórcy stron internetowych są skierowani do użytkowników bez wiedzy technicznej i oferują wiele pomocy. Dotyczy to zarówno przyjaznych dla użytkownika interfejsów, jak i gotowych szablonów.
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!
