jak zrobić stronę internetową od podstaw (HTML, WordPress lub budowniczych)

jako właściciel małego startupu planowania ślubu, mój przyjaciel nie miał dużo czasu ani pieniędzy, aby umieścić w nauce, jak zrobić stronę internetową – ale wiedziała, że potrzebuje, lub jej biznes będzie prawie niewidoczny. Pomimo braku umiejętności programistycznych, posunęła się pełną parą do samodzielnego tworzenia swojej obecności w Internecie.

założenie strony internetowej od podstaw nie było w rzeczywistości trudnym zadaniem, którego się obawiała., Dzięki odpowiednim narzędziom uruchomiła witrynę WordPress w ciągu kilku tygodni. Po początkowym zbudowaniu witryny, kontynuowała ją rozszerzać i aktualizować, gdy jej biznes się rozwijał.

Jak pokazuje jej doświadczenie, każdy może nauczyć się, jak zrobić stronę internetową ze względną łatwością. Jest to tak proste, jak zakup hostingu i nazwy domeny, a następnie dostrojenie projektu za pomocą kreatora stron internetowych, WordPress lub za pomocą czystego HTML. Przeprowadzimy Cię przez każdy krok poniżej, więc kliknij jeden z linków tutaj, aby przejść dalej.,

Wybierz hosta | Stwórz swoją stronę | Kreator stron/Wordpress

Krok 1: Wybierz hosta i Domenę

pierwszym krokiem do stworzenia strony internetowej, bez względu na to, które podejście zdecydujesz się użyć, jest wybranie usługi hostingowej i nazwy domeny. Host internetowy to firma, która zapewnia serwer i przestrzeń dyskową dla Twojej witryny i daje dostęp do świata online do Twojej marki. Nazwa domeny to natomiast adres URL (np. www.hostingadvice.com), których ludzie używają do nawigacji bezpośrednio do twojej witryny.

wybór hosta

jest to bardzo łatwa część., Najlepiej oceniane hosty w sieci wykonały wszystkie kroki, aby przyspieszyć i złagodzić początkowy proces tworzenia witryny-często zaczynając od bezpłatnej rejestracji nazwy domeny — instalacji jednym kliknięciem dla popularnych platform CMS i blogów, darmowego kreatora stron i kredytów marketingowych.

aby rozpocząć, zalecamy zarejestrowanie się w planie hostingu u jednego z następujących dostawców. Twój serwer WWW zostanie skonfigurowany natychmiast, a większość z nich da ci bezpłatną nazwę domeny, którą wybierzesz., Po zarejestrowaniu się, będziesz budować swoją stronę w mgnieniu oka:

tania ocena
4.8/5.0
  • znany z wysokiej wydajności w niskiej cenie
  • WordPress.org zespół
  • FREE Weebly site builder and CloudFlare CDN
  • FREE domain and unlimited storage
  • Get 63% off today (was $7.99/month)
  • zacznij od Bluehost teraz.,
Starting Price/Mo. $2.,95
Gwarancja Zwrotu Pieniędzy 30 dni
miejsce na dysku 50 GB – nieograniczony
nazwa domeny bezpłatny (1 rok)

nasz ekspert Bluehost review

Jeśli szukasz niedrogiego hosta, BlueHost jest solidnym, godnym zaufania wyborem; niskie koszty firmy, w połączeniu z jej dominacją na współdzielonej arenie hostingu, sprawia, że ten dostawca jest tak cenną ofertą., Nazwa Bluehost jest wymieniona na szczycie wielu naszych kategorii recenzji i nie bez powodu.

przejdź do pełnej recenzji ”

tania ocena
4.8/5.,0
  • Unlimited everything, from storage to databases
  • FREE site builder & WP performance upgrades
  • FREE daily or weekly backups
  • Custom control panel and auto-installation scripts
  • SSH access & SSL certificates
  • Get started on Hostinger now.
Starting Price/Mo. $0.,99
Gwarancja Zwrotu Pieniędzy 30 dni
miejsce na dysku 10 GB SSD – 30 GB SSD
nazwa domeny za darmo (1 rok)
przegląd Hostingera naszego eksperta

ponieważ rynek hostingu współdzielonego staje się coraz bardziej nasycony, nieograniczona pamięć masowa, przepustowość i konta e-mail stały się zaskakująco średnie., Hostinger rozszerza jednak rutynowe, oczekiwane metryki na większą liczbę-liczba stron internetowych, baz danych, użytkowników FTP, subdomen i zaparkowanych domen jest nieograniczona dla większości klientów.

przejdź do pełnej recenzji ”

tania ocena
4.7/5.,0
  • Get 62% off by buying 36 months up front
  • Unmetered disk space & bandwidth
  • Unlimited email addresses & free SSL certificate
  • One-click WordPress install & free blog tools
  • Free 1-year domain registration on select plans
  • Get started on HostGator now.
Starting Price/Mo. $2.,64
Gwarancja Zwrotu Pieniędzy 45 dni
miejsce na dysku nieograniczona przestrzeń dyskowa
nazwa domeny bezpłatna (1 rok)
recenzja hostgatora naszego eksperta

HostGator to świetny kompromis między wydajnością a ceną. Firma oferuje nieograniczoną liczbę wiadomości e-mail, baz danych MySQL, miejsca na dysku i przepustowości, a także instalacje popularnych projektów open-source jednym kliknięciem, oprócz 99.,

przejdź do pełnej recenzji ”

tania ocena
4.6/5.0
  • łatwa konfiguracja i doskonała niezawodność od 1998 roku
  • darmowa Domena i marketing Google włączone
  • nieograniczona przepustowość, pamięć masowa i e-maile
  • darmowy kreator stron i koszyk na zakupy
  • Uzyskaj więcej niż 75% zniżki dzisiaj (było $7.99/miesiąc)
  • zacznij już teraz korzystać z iPage.,
Starting Price/Mo. $1.,99
Gwarancja Zwrotu Pieniędzy 30 dni
miejsce na dysku nieograniczona przestrzeń dyskowa
nazwa domeny bezpłatna (1 rok)

ocena iPage naszego eksperta

niezależnie od tego, czy jesteś właścicielem witryny po raz pierwszy, czy weteranem sieci, doskonałe usługi hostingowe iPage i fantastyczna lista dodatków sprawiają, że marka jest jedną z najlepszych wartości w hostingu., Nieograniczona przestrzeń dyskowa, skalowalna przepustowość i wiadomości e-mail to tylko część tego, co sprawia, że wspólny plan hostingowy iPage jest świetny.

przejdź do pełnej recenzji ”

tania ocena
4.6/5.,0
  • Uzyskaj bezpłatną domenę od światowego REJESTRATORA #1
  • wiodące w branży czasy ładowania strony dla Twojej witryny
  • Nieograniczona przepustowość i nieograniczona pamięć masowa
  • Wybierz między cPanel lub Plesk control panels
  • nagradzana obsługa przez 24 godziny na dobę przez 7 dni w tygodniu
  • zacznij korzystać z GoDaddy już teraz.
cena wywoławcza / Mo. $1.,00
Gwarancja Zwrotu Pieniędzy 30 dni
miejsce na dysku 100 GB – nieograniczony
nazwa domeny bezpłatny (1 rok)
recenzja naszego eksperta GoDaddy

głównym czynnikiem przyciągającym usługi hostingowe GoDaddy jest z pewnością koszt., Trudno jest pokonać hosting za dolara miesięcznie, zwłaszcza gdy firma zawiera bezpłatną nazwę domeny, panel sterowania, imponująco szybkie czasy ładowania i nieograniczoną liczbę stron internetowych z większością planów.

przejdź do pełnej recenzji ”

Zobacz więcej tanich hostów internetowych „

wybór nazwy domeny

Rejestracja wysokiej jakości nazwy domeny jest niezbędna, aby pomóc ludziom znaleźć i zapamiętać Twoją stronę. Powyższe usługi hostingowe oferują bezpłatną rejestrację nazwy domeny na pierwszy rok świadczenia usługi, więc jeśli ukończyłeś już Krok 1, masz już swoją domenę.,

Jeśli nadal decydujesz, którą nazwę domeny wybrać, oto kilka wskazówek do rozważenia:

  • spraw, aby była krótka i niezapomniana: krótsze nazwy domen są łatwiejsze do zapamiętania. Tytuł powinien być czymś, co utkwi w ludzkich umysłach. Długie nazwy domen działają tylko wtedy, gdy są unikalne i chwytliwe.
  • użyj odpowiednich słów kluczowych: Twoja nazwa domeny to kolejna okazja do włączenia słów kluczowych, które przyczyniają się do ogólnej strategii SEO. Słowa kluczowe, które są istotne dla twojej niszy biznesowej, sprawią, że Twoja nazwa domeny jeszcze bardziej pozostanie w pamięci ludzi i zwiększy Twoje rankingi w wyszukiwarkach.,
  • Badaj nazwy domen: sprawdź, czy inne firmy lub osoby używają nazwy domeny, która jest zbyt blisko spokrewniona, aby uniknąć konfliktów lub nieporozumień.
  • wybierz odpowiednie rozszerzenie nazwy domeny: jak wiadomo, przeglądając internet, nazwy domen mogą kończyć się na .com, .org, .biz i innych rozszerzeniach. Wybierz ten, który najlepiej pasuje do celu Twojej witryny.

teraz, gdy kupiłeś plan hostingowy (i masz darmową domenę z planem hostingowym), jesteś gotowy do zbudowania i uruchomienia swojej witryny.,

Krok 2: Wybierz metodę budowania Strony

istnieją trzy główne sposoby budowania strony internetowej. Jeśli jesteś początkującym, zdecydowanie najprostszym sposobem na zbudowanie i uruchomienie witryny jest użycie kreatora stron dostarczonego przez hosta. Jeśli jesteś przynajmniej nieco znający sieci, można użyć WordPress lub system zarządzania treścią (CMS), takich jak Drupal lub Joomla. Jeśli jesteś już dobrze zorientowany w kodowaniu, możesz zacząć od zera i użyć HTML do zbudowania witryny od podstaw., Każde podejście ma swoje zalety i wyzwania:

Opcja 1: Użyj kreatora stron (Poziom Początkujący)

Korzystanie z Kreatora Stron – aplikacji, która przeprowadzi Cię przez etapy tworzenia strony bez kodu – może być zarówno wyzwalające, jak i wzmacniające. Całe kodowanie jest wykonywane przez dostawcę na zapleczu i w istocie nie jest to dużo trudniejsze niż korzystanie z edytora tekstu.

twórcy stron internetowych, podobnie jak Wix, pozwalają nie-programistom na wizualne projektowanie stron internetowych, bez kodowania know-how.,

zazwyczaj Kreator stron lub metoda tworzenia stron oparta na szablonach oferuje mniej opcji dostosowywania niż w przypadku tworzenia witryny od podstaw za pomocą prostego HTML, ale w przypadku ograniczonych wymaganych umiejętności kreatory stron zapewniają elastyczność i dobre wrażenia użytkownika dla początkujących.

Opcja 2: Zainstaluj WordPress (Poziom średniozaawansowany)

wielu właścicieli firm i pracowników ma niewielkie lub żadne umiejętności programistyczne. W tym samym czasie, może być ograniczenie dla niektórych, aby polegać na projektanta/dewelopera stron internetowych, aby utworzyć stronę internetową i dokonać aktualizacji., WordPress To rozwiązanie dla firm, które chcą mieć podstawową stronę internetową przy minimalnym nakładzie czasu i pieniędzy.

prawie jedna trzecia wszystkich stron w Internecie istnieje na platformie WordPress, a nawet duże firmy, takie jak CNN i eBay, z niej korzystają. Istnieją bezpłatne i płatne wersje oprogramowania, a w Internecie jest mnóstwo wsparcia dla użytkowników.

uwielbiam pulpit nawigacyjny WordPress za jego elegancki, czysty design. Kiedy się z nim zaprzyjaźnisz, nigdy nie wrócisz.,

dzięki wielu motywom i układom do wyboru oraz opcjom przechodzenia do bardziej złożonych projektów i funkcji, WordPress jest wszechstronnym wyborem dla wszystkich rodzajów firm. W rzeczywistości to platforma napędza HostingAdvice.com siebie.

Opcja 3: Stwórz stronę internetową od podstaw za pomocą HTML (poziom zaawansowany)

umiejętności projektowania stron internetowych są bardzo cenne na rynku pracy i być może myślałeś, że to coś, co chcesz odebrać. Zbudowanie witryny od podstaw da ci narzędzia do tworzenia i dostosowywania witryny dokładnie tak, jak uważasz za stosowne., Istnieje krzywa uczenia się wyższego, ale większa nagroda, ponieważ znajomość HTML pozwoli Ci Dopracować projekt witryny i przenieść te umiejętności do przodu, aby z łatwością rozbudować i zaktualizować witrynę.

Jeśli jesteś początkującym programistą i chcesz się uczyć, możesz podnieść umiejętności programowania, których potrzebujesz, korzystając z niezliczonej liczby książek o projektowaniu stron internetowych (seria O ' Reilly to dobre miejsce na Start) i stron internetowych, takich jak szkoły World Wide Web Consortium (W3C).

nauka samodzielnego kodowania strony zapewni Ci najwyższą elastyczność w tworzeniu dokładnie tego, czego chcesz z czasem., Nie wspominając o tym, że umiejętność kodowania jest bardzo cennym zestawem umiejętności w dzisiejszej gospodarce.

Krok 3: Zacznij budować!

teraz, gdy zarejestrowałeś się na hosting z darmową domeną i wybrałeś metodę budowania stron, jesteś gotowy, aby rozpocząć tworzenie wyglądu swojej witryny i jej zawartości. Czytaj dalej, aby uzyskać instrukcje krok po kroku:

Opcja 1: Korzystanie z Sitebuildera do budowy witryny (początkujący)

budowanie witryny za pomocą darmowego Kreatora Stron to szybki, łatwy i prosty proces., Być może zarejestrowałeś się już na koncie hostingowym w Kroku 1, w którym to przypadku witryna twojego hosta będzie miała szczegółowe instrukcje krok po kroku, aby zainstalować i korzystać z bezpłatnego, dołączonego kreatora stron. Ogólnie uważamy, że Wix jest najpopularniejszym kreatorem stron internetowych, więc użyjemy go jako przykładu tutaj.

Jeśli już zarejestrowałeś się na hosting, utworzyłeś konto. Jeśli nie masz jeszcze hosta, zalecamy zarejestrowanie się na Wix sitebuilder za pośrednictwem jego strony internetowej. Wystarczy wpisać swój adres e-mail i hasło w Wix.com strona rejestracji, aby rozpocząć., Pamiętaj, że uchwyt adresu e-mail stanie się częścią darmowej domeny (jeśli nie masz domeny niestandardowej), więc pamiętaj o tym podczas rejestracji. Jeśli nadal nie jesteś pewien, zapraszam do zapoznania się z naszą recenzją ekspercką Platformy Wix poniżej.

ocena kreatora stron internetowych
4.9 / 5.,0
  • Brak umiejętności kodowania w kreatorze drag-and-drop
  • 100 szablonów z projektami niszowymi
  • Dodaj funkcje za pośrednictwem rynku aplikacji i wydarzeń Wix
  • łatwe tworzenie funkcjonalności ecommerce łatwy
  • świetny sposób na budowanie małych witryn z ograniczonym budżetem
  • zacznij już teraz korzystać z Wix.
cena wywoławcza / Mo. $0.,00
Money Back Guarantee 14 days
Disk Space 500 MB – 20 GB
Domain Name Transfer
Our Expert’s Wix Review

Website building is where Wix shines., Tysiące szablonów, intuicyjny edytor, wiodące w branży projekty, które zaspokajają różne konkretne dziedziny i przypadki użycia-wszystkie te aspekty stanowią platformę, która wyróżnia się w ułatwianiu łatwego projektowania stron internetowych dla użytkowników, którzy nie znają się na technologii.

przejdź do pełnej recenzji ”

Wybierz kategorię, która najlepiej opisuje Twoją stronę. Pomaga to ludziom znaleźć Twoją stronę i pomaga Wix zaspokoić zróżnicowaną bazę użytkowników platformy. Twój wybór określi, jakie rodzaje szablonów przeglądasz, więc rozważ najlepszą opcję dla stylu witryny, którą chcesz zbudować.,

Wix ma teraz dwie opcje tworzenia strony internetowej. Oprócz tradycyjnego edytora Wix dostępny jest również Wix ADI, program sztucznej inteligencji, który projektuje niestandardowe witryny na podstawie pytań, na które odpowiadasz. Zalecamy korzystanie z edytora Wix, który daje pełną kontrolę nad dostosowaniami dostępnymi na platformie. Jeśli jednak chcesz wypróbować Wix ADI, za wszelką cenę, śmiało!

wybieraj spośród szerokiej gamy szablonów, różniących się w zależności od rodzaju tworzonej strony internetowej. Opcje filtrowania według obrazu, wyszukiwania według słów kluczowych lub sortowania szablonów według kategorii.,

bogactwo tematów branżowych i niszowych dostępnych w Wix jest czymś, co uważam za szczególnie atrakcyjne.

Możesz również zdecydować się na pusty szablon, aby rozpocząć całkowicie od zera lub z podstawowym układem.

każdy szablon zaczyna się od wstępnie wypełnionego tekstu i obrazu tła. Twój szablon jest punktem wyjścia do stworzenia własnej strony. Jedną z pierwszych rzeczy, które powinieneś zrobić na swojej nowej stronie Wix, jest dodanie informacji o swojej firmie. Wpisz nazwę marki, slogan i inne istotne szczegóły, klikając tekst, który należy zastąpić., Możesz także zmieniać wizualne aspekty strony, w tym obraz tła, a także dodawać lub wymieniać obrazy na innych stronach w witrynie.

istnieje wiele sposobów dodawania treści i dostosowywania witryny. Kliknij przycisk Dodaj w menu po lewej stronie, aby wyświetlić szereg opcji-Tekst, przyciski, pokazy slajdów, menu itp. Pod przyciskiem aplikacje Istnieje wiele funkcji, które można dodać do witryny w celu uzyskania dodatkowych funkcji, takich jak komentarze, czat na żywo i witryna sklepu internetowego. Możesz także przesyłać własne treści multimedialne, takie jak czcionki, obrazy, filmy i muzyka, a także rozpocząć blog.,

Po prostu kliknij „Publikuj” w prawym rogu, aby umieścić swoją stronę w sieci! Wybierzesz domenę, która może być domeną darmową od Wix.com lub spersonalizowaną domenę, którą nabywasz za pośrednictwem rejestratora domen.

Opcja 2: Korzystanie z WordPress do tworzenia witryny (pośredni)

Korzystanie z WordPress do tworzenia witryny jest podobne do korzystania z Kreatora Stron pod względem procesu. To, z której platformy należy korzystać, zależy od preferencji. To zależy od tego, który z nich jest dla Ciebie najbardziej intuicyjny i zapewnia największą elastyczność w projektowaniu i konserwacji witryny., Dużą zaletą korzystania z WordPress jest duża społeczność wsparcia, zarówno oficjalnych, jak i innych użytkowników oprogramowania WP.

większość planów hostingowych obejmuje łatwy dostęp do WordPress-instalowanie oprogramowania za pomocą jednego kliknięcia, lub jeszcze lepiej, po zainstalowaniu go dla Ciebie. W większości przypadków możesz po prostu zalogować się do Panelu sterowania hostingu i znaleźć opcję instalacji platformy WP. Jeśli Twoja usługa hostingowa nie ma tej możliwości, możesz znaleźć instrukcje ręcznej instalacji tutaj. Te hosty internetowe sprawiają, że instalacja WordPress jest szczególnie łatwa:

1. InMotionHosting.,com

WORDPRESS RATING
4.9/5.0
  • WordPress pre-installed with NGINX and PHP 7
  • FREE SSL certificate and unlimited bandwidth
  • Automatic plugin, theme, and core updates
  • Features a FREE drag-and-drop WP page editor
  • Premium themes and plugin subscriptions
  • Get started on InMotion now.,
Starting Price/Mo. $4.,99
Gwarancja Zwrotu Pieniędzy 90 dni
miejsce na dysku 40 GB SSD – 120 GB SSD
nazwa domeny za darmo (1 rok)
nasza recenzja InMotion naszego eksperta

InMotion Hosting, od dawna znany z niedrogich i wydajnych opcji współdzielonego hostingu, wszedł do przestrzeni WordPress z solidną opcją zbudowaną na reputacji firmy za doskonałe wsparcie i niezawodność., Kosztując niewielką premię w porównaniu z innymi opcjami budżetowymi, InMotion zawiera kilka fajnych funkcji, które pomagają uzasadnić tę różnicę kosztów.

przejdź do pełnej recenzji ”

2. Bluehost.com

ocena WordPressa
4.9 / 5.,0
  • Recommended by WordPress Core since 2005
  • FREE SSD storage and SSL certificate
  • FREE domain registration and email
  • Automatic installation and updates
  • 63% discount for HostingAdvice readers
  • Get started on Bluehost now.
Starting Price/Mo. $2.,95
Gwarancja Zwrotu Pieniędzy 30 dni
miejsce na dysku 50 GB SSD – nieograniczony
nazwa domeny bezpłatny (1 rok)
recenzja Bluehost naszego eksperta

skierowane do osobistych blogerów i użytkowników po raz pierwszy, pakiety hostingowe WordPress Bluehost są doskonałą alternatywą dla prostego współdzielonego hostingu., Usługi te są premium, w porównaniu ze standardowymi wspólnymi planami Bluehost, ale optymalizacja WordPress i zasoby specyficzne dla platformy są prawdopodobnie warte swojej ceny.

przejdź do pełnej recenzji ”

3. A2Hosting.com

ocena WordPressa
4.9 / 5.,0
  • darmowe Cloudflare CDN i 1-click WP instaluje
  • Turbo Server, prędkość SSD i zoptymalizowane buforowanie
  • wtyczki zoptymalizowane pod kątem wydajności i bezpieczeństwa
  • darmowe certyfikaty ssl i wsparcie 24/7
  • darmowy hackscan i kernelcare
  • zacznij teraz korzystać z hostingu A2.
cena wywoławcza / Mo. $2.,99
Gwarancja Zwrotu Pieniędzy 30 dni
miejsce na dysku nieograniczona przestrzeń dyskowa SSD
nazwa domeny Nowa lub Transfer

recenzja naszego eksperta A2 Hosting

jako eksperci w optymalizacji wydajności, A2 Hosting jest najlepszym wyborem do zasilania zasobów ciężkich stron WordPress., Firma oferuje wspólne lub zarządzane plany dla bardzo popularnego systemu zarządzania treścią, z korzyściami rozciągającymi się na Joomla, Drupal i inne platformy.

przejdź do pełnej recenzji ”

Zobacz więcej hostów WordPress „

poświęć trochę czasu, aby zapoznać się z zapleczem WordPress dla swojego konta. Znajdziesz tam, gdzie zarządzać postami, stronami i komentarzami, zmienić wygląd witryny, dodać redaktorów witryny i zainstalować wtyczki. Twój Pulpit Nawigacyjny ma wszystko, czego potrzebujesz, aby śledzić zawartość witryny i dostosować jej wygląd.,

w zakładce Wygląd na pulpicie nawigacyjnym możesz wybrać jeden z wielu darmowych motywów (lub wybrać opcję zapłaty za jeden). Zainstalowanie motywu jest tak proste, jak wybranie „Zainstaluj”, a następnie” aktywuj ” dla żądanego szablonu. Możesz zmienić swój motyw w dowolnym momencie bez zmiany innych treści w witrynie.

aby dodać nowe strony do swojej witryny, wybierz „strony”, a następnie „dodaj nowe.”Możesz uczynić te strony częścią menu nawigacyjnego swojej witryny w opcji menu na karcie wygląd. Aby dodać posty (Jeśli chcesz mieć bloga na swojej stronie), przejdź do „posty”, a następnie ” Dodaj nowy.,”

domyślnie WordPress umieści Twoje najnowsze posty na twojej stronie głównej. Aby wybrać konkretną stronę, która ma służyć jako Strona główna, Wybierz „Ustawienia „z menu pulpitu nawigacyjnego, a następnie wybierz” Czytanie.”W sekcji Wyświetlanie strony głównej wybierz opcję „strona statyczna”, a następnie wybierz stronę utworzoną jako stronę główną.

wtyczki to rozszerzenia-domyślnie nie skonfigurowane w WordPressie-które dodają nowe funkcje do twojej witryny. Wtyczki WordPress mogą poprawić funkcjonalność witryny, pomóc w osiągnięciu celów, które masz dla witryny, i zapewnić odwiedzającym witrynę lepsze wrażenia użytkownika.,

pluginy dla użytkowników WordPressa! Wystarczy pobrać i zainstalować, aby rozszerzyć już i tak solidną funkcjonalność platformy.

na przykład wtyczka Google Analytics pomaga śledzić aktywność w witrynie, a wtyczka galerii NextGEN umożliwia wyświetlanie Galerii Obrazów. W sekcji” Wtyczka ” na pulpicie nawigacyjnym możesz przeszukiwać opcje-dosłownie tysiące darmowych wtyczek. Wystarczy kliknąć „Zainstaluj” i gotowe.

w tym momencie stworzysz wypełnioną treścią, atrakcyjną wizualnie i funkcjonalną stronę., Publikowanie w WordPress odbywa się na poziomie strony lub postu, więc musisz kliknąć „Publikuj” dla każdego obszaru witryny. Możesz poczekać, aż Twoja witryna będzie całkowicie gotowa do uruchomienia, aby opublikować swoją zawartość lub opublikować podczas tworzenia pojedynczych stron i postów.

Opcja 3: Użyj HTML, aby stworzyć stronę internetową od podstaw (zaawansowana)

dla tych, którzy chcą wyzwania i mają trochę więcej czasu, Tworzenie strony internetowej za pomocą HTML jest wartościowym przedsięwzięciem, które rozwija zrozumienie edycji i projektowania stron internetowych., Możesz skonfigurować podstawową witrynę w ciągu zaledwie kilku godzin i budować na niej, gdy nauczysz się więcej umiejętności HTML i CSS.

podobnie jak w przypadku dwóch pierwszych tras budowania stron internetowych, pierwszym krokiem jest zarejestrowanie się u dostawcy hostingu.

najlepsza ogólna ocena
5.0 / 5.,0
  • darmowy transfer witryny lub nowa konfiguracja witryny
  • darmowe codzienne kopie zapasowe, CDN, e-mail i SSL
  • 24/7 wsparcie ekspertów bez czekania na telefon lub czat
  • polecany przez WordPress jako najlepszy host
  • idealny do hostingu poczty e-mail dla firm
  • zacznij już teraz na SiteGround.
cena wywoławcza / Mo. $6.,99
Gwarancja Zwrotu Pieniędzy 30 dni
miejsce na dysku 10 GB SSD – 30 GB SSD
nazwa domeny Nowa lub Transfer
nasza recenzja SiteGround naszego eksperta

dzięki imponującemu szerokiemu wachlarzowi oferowanych usług hostingowych, SiteGround jest wiodącym innowatorem w dziedzinie hostingu — od niestandardowych rozwiązań programistycznych po najlepszą obsługę klienta., Firma oferuje pełną gamę funkcji hostingowych, w tym bezpłatny Cloudflare CDN, cPanel z dostępem SSH oraz nieograniczone bazy danych MySQL i przepustowość-nie wspominając o godnej nagrody obsłudze klienta.

przejdź do pełnej recenzji ”

Zobacz wszystkie najlepsze hosty internetowe „

aby pisać znaczniki HTML, potrzebujesz wysokiej jakości edytora tekstu, który obsługuje język sieci. Notepad++ jest dobrą opcją dla użytkowników Microsoft, podczas gdy TextMate jest idealny dla użytkowników komputerów Mac. Wieloplatformowe edytory tekstu obejmują Atom i Sublime Text.,

strony internetowe mogą być budowane wyłącznie za pomocą HTML, co przekłada się na pliki tekstowe o nazwie z rozszerzeniem .html. Główna Strona Twojej witryny jest zazwyczaj zatytułowana indeks.html. Utwórz ten plik i zapisz go, a następnie wypełnij go podstawową strukturą witryny HTML. Będzie to wyglądało mniej więcej tak:

w najprostszym ujęciu, tak powinna wyglądać główna strona indeksu Twojej witryny, gdy przygotowujesz ją w edytorze tekstu.

<html> znaczniki zawierają całą zawartość witryny i wskazują, że jest to dokument HTML., Znacznik <head> obejmuje tytuł strony, meta tagi (informują przeglądarkę o zawartości i wyświetlaniu strony) oraz odniesienia do zewnętrznych plików CSS do stylizacji strony. Rzeczywista zawartość twojej strony znajduje się pomiędzy znacznikami <body>.

podczas tworzenia witryny będziesz chciał uporządkować pliki w folderach zgodnie z strukturą, w której ma się pojawić witryna. Na przykład możesz utworzyć folder dla strony About, który zawiera informacje główne.,plik html, a także wszelkie powiązane CSS, które dodają styl do witryny i inne pliki HTML, które obsługują tę zawartość. Podczas dodawania linków w całej witrynie do stron witryny, odwołasz się do ich lokalizacji w katalogu, w którym przechowujesz pliki.

napisz swoje treści w sekcji<body> każdego z nich .plik html (czyli każda strona) twojej witryny. Oto kilka ważnych tagów, które należy znać podczas tworzenia witryny:

  • <header> wskazuje górną część dokumentu i jest tam, gdzie pojawia się Tytuł strony i logo.,
  • <nav> służy do tworzenia menu witryny, głównej nawigacji witryny, w której odwiedzający znajdują linki do witryny najwyższego poziomu.
  • <section> oznacza główną zawartość twojej strony. Służy do grupowania treści na stronie. Pomyśl o artykułach, które znajdziesz w internecie, które są pogrupowane w poszczególnych nagłówkach.
  • <article> jest używany do poszczególnych elementów treści na stronie, takich jak post na blogu, obraz, wideo lub inne multimedia. Jest to sposób na uporządkowanie strony tak, aby te elementy można było łatwo rozróżnić.,
  • <footer> znajduje się na dole strony. W tym obszarze często ludzie umieszczają swoje dane kontaktowe, Warunki korzystania z usługi, politykę prywatności i inne różne, ale ważne informacje.

wypełniona tymi znacznikami podstawowa struktura strony wyglądałaby następująco:

wraz ze znacznikami HTML podstawowa struktura strony powinna wyglądać mniej więcej tak w edytorze tekstu.

będziesz chciał również dodać podstawowy pasek nawigacji dla swojej witryny. Zapewnia to łatwy dostęp do głównych stron witryny., Aby to skonfigurować, użyj znacznika <nav>I znacznika <ul> lub nieuporządkowanego znacznika listy.

w HTML, Główna nawigacja Twojej witryny jest w rzeczywistości po prostu nieuporządkowaną (pomyśl) listą adresów URL.

i voila! Teraz odwiedzający witrynę mogą łatwo nawigować do bloga, stron produktów, upuść linię na stronie kontaktowej, przeglądaj opinie klientów i wróć do strony głównej ponownie!

możesz sprawić, że Twoja strona będzie bardziej interesująca wizualnie dzięki formatowaniu, kolorom i obrazom tylko za pomocą HTML., Jednak włączenie CSS lub kaskadowych arkuszy stylów do witryny daje o wiele większą kontrolę nad jej wyglądem, a witryny, które używają CSS, wyglądają bardziej profesjonalnie.

Dodaj dodatkowe reguły dostosowywania i projektowania do swojej witryny za pomocą plików CSS.

CSS jest oznaczany w osobnych plikach CSS. Główny plik jest zwykle zatytułowany styl.css. Niektóre podstawowe funkcje CSS obejmują dodawanie kolorów, obramowań i tła oraz stosowanie modelu pudełkowego do organizowania zawartości na stronach., Ten krok jest bardziej zaawansowany niż korzystanie z podstawowego HTML, ale może znacznie poprawić estetykę witryny.

gdy będziesz zadowolony z ogólnego układu, możesz opublikować swoją stronę. Jest to całkowicie w porządku, jeśli Twoja strona jest bardzo podstawowa. Tak długo, jak wygląda profesjonalnie, możesz czuć się dobrze, umieszczając go w Internecie i ulepszać go, rozwijając więcej umiejętności HTML i CSS.

wszystko gotowe!, Teraz najtrudniejsza część… dodawanie treści

tak jak miało to miejsce w przypadku naszego przyjaciela od Planowania Wydarzeń, możesz nie myśleć, że możesz na początku zbudować własną stronę internetową — ale prawda jest taka, że teraz jest łatwiej niż kiedykolwiek dla początkującego, aby stworzyć funkcjonalną i atrakcyjną wizualnie stronę, którą ludzie chcą odwiedzić. Z pomocą zasobów internetowych i wsparcia ze strony społeczności WordPress moja przyjaciółka zbudowała witrynę, z której była dumna – i Ty też możesz.

najważniejszą rzeczą do rozważenia w swojej witrynie jest treść, ponieważ będzie to przyciągać ludzi do odwiedzania i czytania., Zastanów się, o czym chcesz, aby Twoja witryna była, niezależnie od tego, czy jest to Twoja firma, czy blog na określony temat. Zastanów się uważnie, ponieważ to również określi twój kierunek projektowania stron internetowych. Gdy już masz jakieś pomysły dotyczące treści i konkretny plan, jesteś gotowy, aby rozpocząć przygodę z budowaniem witryny.

HostingAdvice.com jest darmowym zasobem internetowym, który oferuje użytkownikom wartościowe treści i usługi porównawcze. Aby utrzymać ten zasób w 100% za darmo, otrzymujemy rekompensatę z wielu ofert wymienionych na stronie., Wraz z kluczowymi czynnikami przeglądu, rekompensata ta może mieć wpływ na to, jak i gdzie produkty pojawiają się w witrynie (w tym na przykład kolejność ich wyświetlania). HostingAdvice.com nie obejmuje całego wszechświata dostępnych ofert. Opinie redakcyjne wyrażone na stronie są ściśle Nasze i nie są dostarczane, zatwierdzone lub zatwierdzone przez reklamodawców.

nasza polityka recenzji redakcyjnej

nasza strona jest zobowiązana do publikowania niezależnych, dokładnych treści, kierując się ścisłymi wytycznymi redakcyjnymi., Zanim artykuły i recenzje zostaną opublikowane na naszej stronie, przechodzą one gruntowny proces przeglądu przeprowadzany przez zespół niezależnych redaktorów i ekspertów merytorycznych, aby zapewnić dokładność, aktualność i bezstronność treści. Nasz zespół redakcyjny jest oddzielny i niezależny od reklamodawców naszej strony, a opinie, które wyrażają na naszej stronie, są ich własne. Aby dowiedzieć się więcej na temat członków naszego zespołu i ich środowisk redakcyjnych, odwiedź naszą stronę o stronie.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Przejdź do paska narzędzi