Trzy proste sposoby na stworzenie strony internetowej: Przewodnik dla początkujących krok po kroku

Stworzenie strony internetowej jest bardzo proste w 2019.

Nie musisz być tech geekiem 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.

Dzisiaj - mamy innowacyjne narzędzia programistyczne i lepsze platformy publikacji internetowych.

Trzy proste sposoby na stworzenie strony internetowej:

Szybki link:

1. Tworzenie od zera
2. Korzystanie z systemu zarządzania treścią (CMS)
3. Korzystanie z kreatora stron internetowych

Możesz uzyskać większą elastyczność w projektowaniu i funkcjach witryny za pomocą metody #1, ale wymaga to dobrej znajomości języków internetowych.

Proces tworzenia i zarządzania stroną jest znacznie łatwiejszy dzięki metodom #2 i #3. Powinieneś wybrać jedną z tych metod w zależności od twoich kompetencji.

Przyjrzymy się krótko każdej z tych trzech metod.

Ale zanim zaczniesz ...

Zanim zaczniemy, potrzebujemy dwóch rzeczy dla twojej witryny: 1 - nazwa domeny i 2 - hosting.

1- Zarejestruj domenę

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 do rozważenia.

Przeczytaj także - Nazwa domeny dla manekinów.

2- Kup hosting

Niektóre przyjazne dla początkujących usługi hostingowe do wypróbowania.

Do tej pory zarejestrowaliśmy się, przetestowaliśmy i sprawdziliśmy więcej niż firmy hostingowe 60. Zobacz nasze najlepsze selekcje hostingu 10 or pełna lista recenzji hostingu.

Przeczytaj także - Ile kosztuje zbudowanie strony internetowej.

Ujawnienie FTC

WHSR otrzymuje opłaty za polecenie od niektórych firm wymienionych w tym artykule. Trzeba dużo wysiłku i pieniędzy, aby stworzyć przydatną treść - twoje wsparcie jest wysoko cenione.

Gdy już masz nazwę domeny i hosting, nadszedł czas, aby zakasać rękawy i zacząć tworzyć!

Metoda #1: Tworzenie witryny od podstaw

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.

Podstawowe języki / narzędzia internetowe, które powinieneś znać:

• HTML (Hyper Text Markup Language)
  HTML to podstawowa struktura stron internetowych i aplikacji internetowych, która sprawia, że ​​treść jest semantyczna dla przeglądarki internetowej. Składa się z tagów sekwencyjnych, które mają otwarcie i zamknięcie oraz strukturalnie słowo kluczowe otoczone przez nawiasy kątowe. Przykład: <strong> </ strong>
• CSS (kaskadowe arkusze stylów)
  CSS to język stylizacji używany do ozdabiania znaczników HTML strony internetowej. Bez CSS strona internetowa wyglądałaby jak duża biała strona z nieuporządkowanym tekstem i obrazem. CSS to rzecz, która idealnie dopasowuje stronę do naszych preferencji.
• Języki skryptów
  HTML i CSS są niczym bez języków skryptowych, ponieważ nie są interaktywne. Aby utworzyć dynamiczną stronę internetową, która będzie odpowiadać użytkownikom, potrzebujesz języków takich jak JavaScript i jQuery. Języki po stronie serwera, takie jak PHP, Python i Ruby, mogą również być potrzebne w miarę upływu czasu.
• Zarządzanie bazą danych
  Aby przechowywać, zarządzać i uzyskiwać dostęp do danych wejściowych użytkownika witryny, bierze się pod uwagę dużą tabelę informacyjną, zwaną bazą danych. System zarządzania bazami danych, taki jak MySQL, MongoDB i PostgreSQL jest używany po stronie serwera do wydajnego wykonywania tej pracy.
• FTP (protokół przesyłania plików)
  FTP umożliwia łatwiejsze przesyłanie plików źródłowych witryny na obsługiwany serwer. Istnieją klienty FTP oparte na sieci Web, a także na oprogramowaniu komputerowym, które można wykorzystać do przesłania plików do komputera serwera.

Proces tworzenia strony internetowej krok po kroku z wykorzystaniem IDE

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

Tylko witryny oparte na HTML i CSS nie istnieją w dzisiejszych czasach, ponieważ interakcje użytkownika z użytkownikiem nie mogą być kontrolowane przez 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.

Metoda #2: Tworzenie strony internetowej za pomocą CMS

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

Przeczytaj także - Najlepsze porównanie CMS (2018) - WordPress vs Joomla vs Drupal

WordPress

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.

Ucz się więcej

• Rozmawiamy o budowanie bloga od zera przy użyciu WordPressa w tym przewodniku.
• Możesz wypróbować ten CMS dla za darmo na WordPress.comLub pobierz CMS z WordPress.org.
• Zobacz listę 30 niesamowite strony internetowe wspierane przez WordPress.
• Dla tych, którzy są gotowi do skoku, oto najlepsze firmy hostingowe WordPress polecamy.
• Strony utworzone za pomocą WordPress: Forbes, Tech Crunch, Sony

Joomla

Joomla jest pod wieloma względami podobna do WordPress. Jest również łatwy w użyciu, łatwy do zainstalowania 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ć witrynie charakterystyczny wygląd. Ale spośród wszystkich trzech systemów zarządzania treścią, Joomla oferuje najprostsze rozwiązanie, jeśli chodzi o tworzenie sieci społecznościowej. Dzięki platformom takim jak EasySocial i JomSocial jesteś w odległości kilku minut od twojej własnej strony społecznościowej.

Więcej informacji

• Pobierz i wypróbuj Joomla za darmo tutaj.
• Strony utworzone za pomocą Joomla: Lipton, Linux, Harvard University

Drupal

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.

Więcej informacji

• Pobierz i wypróbuj Drupal za darmo tutaj.
• Strony utworzone za pomocą Drupala: Tesla, Warner Bros Dokumentacja, University of Oxford

Proces tworzenia stron internetowych krok po kroku za pomocą WordPress

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.

Niektórzy dostawcy hostingu (przykład: SiteGround) używaj zintegrowanych instalatorów w panelu użytkownika (ekran widoczny zaraz po zalogowaniu do cPanel). W takim przypadku po prostu spróbuj znaleźć tytuł, który zawiera słowo "WordPress".

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.

• Protokół: Musisz zdecydować, czy chcesz zainstalować http: //, czy http: // www. wersja adresu URL. Cokolwiek wybierzesz, nie zobaczysz wielkiej różnicy. Z technicznego punktu widzenia, http: // www. jest lepszy pod względem elastyczności i zarządzania plikami cookie. Pamiętaj, że jeśli masz ważny certyfikat SSL i chcesz zainstalować na nim WordPress, po prostu wybierz https zamiast http.
• Domena: wybierz domenę, na której chcesz zainstalować witrynę.
• Katalog: Określ, gdzie chcesz zainstalować witrynę WordPress. Jeśli chcesz zainstalować go na głównym adresie URL (np. Http://www.twojastrona.com/), pozostaw to pole puste. Jeśli chcesz go podać pod pod URL-em (np. Http://www.yourwebsite.com/myblog/), określ katalog w polu.
• Konto administratora: Ustaw swoją nazwę użytkownika, hasło i adres e-mail, za pomocą których będziesz logować się do swojej witryny WordPress.

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> Tematy> Dodaj nowy", wyszukaj motyw odpowiadający Twoim wymaganiom i kliknij przycisk instalacji.

Możesz również zainstalować motywy stron trzecich w sekcji "Przesyłanie motywu". W przypadku płatnych, profesjonalnie zaprojektowanych motywów WordPress, polecam eleganckie tematy (za sprawny kod i piękne projekty frontowe).

W przypadku wtyczek przeglądaj "Wtyczki> Dodaj nowe".

Wyszukaj i zainstaluj wtyczki, których potrzebujesz. 3^rd 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.

• Dla SEO: Yoast SEO, All in One SEO Pack
• Dla bezpieczeństwa: iThemes Security, Wordfence Security
• W przypadku statystyk witryn: Jetpack od WordPress.com, Google Analytics w WordPress według Monster Insights
• Do tworzenia formularza: Formularz kontaktowy 7
• Dla wydajności: W3 Total Cache, WP Super Cache

Przeczytaj także - Wtyczki 9 Essential WordPress dla nowych stron WP

Krok 4: Jesteś gotowy!

Twoja strona powinna zostać uruchomiona w ostatnim kroku. Ale jest jeszcze kilka rzeczy, które należy uporządkować.

• W obszarze "Ustawienia> Ogólne": Ustaw tytuł i etykietę witryny.
• W sekcji "Ustawienia> Czytanie": jaka powinna być Twoja strona główna i ile wpisów na blogu chcesz wyświetlać na jednej stronie.
• W sekcji "Ustawienia> Permalinky": określ, jaka będzie struktura adresów URL w poście na blogu.

Metoda #3: Tworzenie witryny z programami do tworzenia witryn

Twórcy stron dokonali łatwej i natychmiastowej konfiguracji witryny. Bez znajomości języków internetowych, można uruchomić jego pełną funkcjonalność strony internetowej w ciągu kilku minut. Oferują narzędzia do tworzenia witryn typu "przeciągnij i upuść", które wymagają zerowej wiedzy o kodowaniu.

Istnieje wiele twórców stron rozproszonych w Internecie - Disha pokryte 26 darmowych budowniczych stron w tym blogu; ale nie wszystkie mogą zaspokoić potrzeby.

Poniższe trzy są najczęściej omawianymi i potencjalnymi twórcami stron internetowych, z których możesz skorzystać.

Wix

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 stron internetowych 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 na stronie internetowej, aby dodać. Wszelkie widoczne elementy można przenieść 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.

Przeczytaj także - Nasza dogłębna recenzja Wix.

Weebly

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 personalizacji. Dostępność rozszerzeń i aplikacji innych firm również jest ograniczona.

Przeczytaj także - Nasza dogłębna recenzja Weebly.

Proces tworzenia strony internetowej krok po kroku za pomocą Wix

Krok 1: Zarejestruj się w Wix

Utwórz konto na Wix.com.

Dostępne są plany premium 5 i bezpłatny plan 1 (ceny wahają się od $ 0 - $ 24.50 / mo). Po pomyślnym utworzeniu witryny zobaczysz opcje aktualizacji.

Zobacz plany Wix i ceny tutaj.

Polecam podstawowy płatny plan Wix - Combo. Plan Wix Combo ($ 8.50 / mo) zawiera 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, Social i Upgrade w zależności od potrzeb.

A kiedy skończysz z tymi podstawowymi ustawieniami - twoja strona jest gotowa.