Strona używa cookies (ciasteczek). Dowiedz się więcej o celu ich używania i zmianach ustawień. Korzystając ze strony wyrażasz zgodę na używanie cookies, zgodnie z aktualnymi ustawieniami przeglądarki.    X

Kolejne narzędzie do stworzenia WWW - Weebly.com

W zeszłym roku na moim blogu opisałem ciekawy kreator stron internetowych - mianowicie uCoz, niedawno jednak odkryłem inne narzędzie również warte uwagi (a co za tym idzie - wpisu na blogu DobreProgramy), a konkretnie...

...Weebly.com

Weebly jest angielskim serwisem do tworzenia stron WWW. Muszę tutaj przyznać iż strona startowa tegoż serwisu, wygląda zachęcająco - tak więc dlaczego by nie spróbować! Aby korzystać z usług tego kreatora należy się oczywiście zarejestrować - do wyboru możemy wybrać rejestrację za pomocą naszego konta Facebook, lub utworzyć osobne konto dla usługi. Ja wybiorę osobne konto - nie jestem jakoś przekonany do użytkowania Facebooka, jako identyfikatora logowania.

Tak więc zaczynamy!

Rejestracji można dokonać prosto ze strony głównej Weebly, za pomocą umieszczonego tam formularza. W pierwszym etapie rejestracji w usłudze należy podać imię i nazwisko, adres e-mail oraz hasło.

Następnie możemy wybrać jaki typ witryny chcemy utworzyć - czy ma być to zwykła stronka z podstronami, blog, czy też sklep internetowy

W dzisiejszym wpisie wybierzemy zwykłą witrynę z podstronami (pierwsza opcja). Po wybraniu możemy wybrać styl graficzny naszej witryny, a jest z czego wybierać! Szablony są elegancko pogrupowane i możemy sobie wybrać kategorię i kolor stylu

Mało tego - każdy styl może mieć po kilka wariantów kolorystycznych! Wystarczy najechać kursorem na dany styl i wuala! Wysuwa się menu z możliwością zmiany koloru danego szablonu oraz przycisk wyboru "Choose"

"Wybrałem wygląd... i co dalej?"

Każda strona musi mieć domenę. Zatem po wybraniu szablonu, pojawia się okienko z możliwością wyboru darmowej subdomeny *.Weebly.com, możliwością zakupu osobnej domeny, oraz podłączenia domeny którą już posiadamy... i tutaj ujawnia się pierwsza wada systemu - podłączanie osobnej domeny wymaga zakupienia dodatkowego pakietu Weebly Pro, o którym będzie w dalszej części wpisu. Wracając jednak do tematu, jako że nie mamy wyboru to wybieramy sobie subdomenę *.weebly.com. W moim przypadku była to "http://alan207-testdp.weebly.com"

Panel administracyjny

Po wybraniu domeny możemy obejrzeć sobie krótki filmik od Weebly, przeczytać instrukcję obsługi panelu administracyjnego oraz przejść do rzeczy. Jak zapewne się domyślacie - my zabieramy się od razu do pracy!

Jak widać na powyższych zdjęciach panel administracyjny Weebly diametralnie różni się od panelu zarządzania uCoz. Panel Weebly jest niezwykle prosty: W lewej belce okna mamy do wyboru elementy które mogą być na danej podstronie! Na początku rozwiązanie to wydawało mi się mocno ograniczone - "przecież w uCoz można dodawać co się chce - wystarczy tylko umieć, a tutaj proszę mam na sztywno ustawione!" Na szczęście po szczegółowym zapoznaniu się z elementami, przekonałem się że są one w pełni wystarczające dla każdego! Elementy są podzielone na pięć różnych sekcji.

Basic

  • Title - Nagłówek
  • Text - Tekst do wstawienia
  • Image+Text - Tekst, a obok niego własnoręcznie wybrany obrazek.
  • Image - Sam obrazek (bez żadnego tekstu)
  • Gallery - Galeria ze zdjęciami
  • Slideshow - Pokaz slajdów
  • Map - Mapka (korzysta z Map Google)
  • Contact form - Formularz
  • Structure

  • Dividier - Cienka pozioma kreska do oddzielenia czegoś
  • Columns - Dodaje 2/3/4/itp. kolumny, na inne elementy
  • Search box - Wyszukiwarka, działa tylko w pakiecie Weebly Pro
  • Button - Przycisk

Media

  • HD Video - Filmik, działa tylko w pakiecie Weebly Pro
  • Audio - Odtwarzacz, działa tylko w pakiecie Weebly Pro
  • Document - Taka mała przeglądarka dla dokumentów
  • YouTube - Filmik z serwisu YouTube
  • Flash - Plik SWF, na przykład gierka online
  • File - Plik do pobrania, tylko do 10MB

Commerce

  • Products - Wybrany produkt ze sklepu, jeżeli nasza strona jest sklepem internetowym
  • Google AdSense - Reklamy z AdSense, od Google, wymaga połączenia z kontem Google

More

  • Block Quote - Cytat
  • Embed Code - Kod HTML
  • Poll - Sonda internetowa, działająca na Polldaddy.com
  • Social Icons - Odnośniki do profilu na Facebook, kanału YouTube i do innych serwisów społecznościowych. Nie służą one do udostępniania.
  • RSVP Form - Ankieta z kilkoma pytaniami
  • Survey - Jak powyżej... ankieta z kilkoma pytaniami. Czym to się różni to ja nie wiem do dziś :)
  • Feed Reader - Czytnik wybranego przez nas źródła RSS. Nie służy on do tworzenia RSS'a naszej strony!
  • Bookings - Wie ktoś co to jest? :)
  • Forum - Forum to forum, i tu nie ma co kombinować :)
Każdy z wymienionych wyżej elementów przenosimy na nasz projekt strony poprzez przeciągnięcie jej w wybrane przez nas miejsce na stronie. Do organizacji miejsca na stronie możemy użyć elementów z kategorii Structure. Na naszej witrynie możemy zrealizować prawie każdy pomysł, ponieważ poszczególne obiekty są wysoce konfigurowalne. Cała budowa podstrony ogranicza się do klikania i przeciągania (i czasami wpisywania :) )

Pierwsza podstrona zbudowana!

Jeżeli dotarłeś już do tej części poradnika - Gratuluję :) Pamiętaj jeszcze że to jeszcze nie koniec pracy - należy teraz dodać więcej podstron do naszej witryny. Aby to uczynić należy w górnej części kreatora (niebieska belka) kliknąć zakładkę PAGES, następnie kliknąć pomarańczowy przycisk Add page +, a na końcu wybrać typ podstrony (w naszym przypadku Standard page)

Potem nasza nowa podstrona zostanie dodana do listy podstron oraz do głównego menu naszej witryny!

Aby zabrać się do edycji naszej nowej podstrony, przechodzimy z powrotem do zakładki BUILD, oraz w podglądzie witryny wybrać z menu naszą nową podstronę! Potem możemy wziąć się do przeciągania elementów

Modyfikacja szablonów witryny

Jeżeli chcemy możemy w każdym momencie zmienić szablon wybrany na początku tworzenia naszej witryny. Aby to uczynić należy przejść do zakładki DESIGN i zamiast listy elementów, w lewym boku kreatora pojawi się lista ustawień

Za pomocą pierwszych "kolorowych ikonek" możemy zmienić wariant kolorystyczny naszego szablonu. Jeżeli zaś chcemy zmienić cały szablon, musimy skorzystać z funkcji Change Theme. Wtedy ku naszym oczom pojawi się ponownie katalog z szablonami, który już widzieliśmy na początku poradnika, i możemy wybrać od nowa szablon! Na szczęście przy zmianie szablonu treść jest nietknięta - nie będziemy musieli więc od nowa tworzyć wszystkich podstron!

Jeżeli zaś nie podoba nam się czcionka w menu/nagłówkach/tekstach itp... skorzystajmy z funkcji Change Fonts. Pojawi nam się wtedy pogrupowane menu umożliwiające zmianę każdej czcionki na naszej witrynie, z którego wybieramy konkretnie co chcielibyśmy zmienić. Niektóre nazwy niewiele mówią, na szczęście przy najeżdżaniu na pozycję w menu, dana czcionka jest zaznaczana na podglądzie witryny.

Po znalezieniu na liście czcionki którą chcielibyśmy zmienić możemy ją dowolnie modyfikować!

W niektórych szablonach możemy dodatkowo zmieniać tło "pod stroną". Aby to uczynić musimy przejść do Change Background oraz wybierać spośród bardzo pokaźnej kolekcji specjalnie przygotowanych teł. Jeżeli chcemy możemy również wgrać swoje tło, należy uważać jednak aby było ono "zgodne" z szablonem. Po zakończeniu wyboru należy kliknąć Save w okienku, a następnie Save w prawym górnym rogu kreatora

A jeżeli jesteś "Pro", "Mistrzunio" itp. - użyj funkcji Edit HTML/CSS i ręcznie utwórz własny szablon! Szacun i respekt na mieście gwarantowany! :)

Publikowanie witryny internetowej

Po zakończonej pracy, swój projekt należy zaprezentować światu. Aby to uczynić - w głównym oknie kreatora, w prawym górnym rogu należy kliknąć na przycisk Publish. Na początku pojawi się okienko potwierdzenia wyboru domeny, a następnie strona zostanie opublikowana pod tym adresem! Welcome to the Internet!

"Jak mogę wejść ponownie do panelu administracyjnego?"

Jeżeli będziesz chciał w przyszłości wejść do panelu administracyjnego, musimy wejść na stronę główną Weebly i kliknąć mały przycisk Log in w prawym górnym rogu. Następnie podaj swój rejestracyjny adres e-mail i hasło. Na końcu kliknij przycisk Edit obok Twojej strony internetowej, a wtedy ponownie zawitasz do panelu administracyjnego. Kliknięcie przycisku Stats powoduje wyświetlenie statystyk Twojej witryny

Weebly Pro czyli Ci co płacą mają lepiej :)

Podobnie jak uCoz miał swoje pakiety płatne - tak samo Weebly posiada usługi płatne. Dają one bardzo dużo m.in.
  • Dołączanie własnej domeny
  • Wyszukiwarkę w witrynie
  • Korzystanie z elementów HD Video oraz Audio
  • Pełne statystyki dla witryny
  • Dodanie własnego "favicon.ico"
  • Usuwanie reklamy Weebly
  • Możliwość dodawania pokazu slajdów do nagłówka strony
  • Rozszerzone wsparcie techniczne
  • Możliwość modyfikacji stopki strony
  • Możliwość tworzenia podstron na hasło
Dodatkowo otrzymujemy również 100$ na reklamy w Googlach. Aby zakupić taki pakiet należy w lewym górnym logu kliknąć ikonę Weebly (pomarańczowe W) a następnie wybrać opcję Upgrade your site! Płatności możemy dokonać za pomocą PayPal

Podsumowanie

Porównanie Weebly i uCoz nie jest tu na miejscu. Dlaczego? Ponieważ uCoz jest CMSem, czyli systemem zarządzania treścią - czyli np. dodanie ponad 20000 plików do działu Download, jest pestką - należy tylko przygotować szablon i zainicjować wysyłanie plików - resztę zrobi za nas CMS. Dodanie tych samych 20000 plików do Weebly będzie katorgą - należy najpierw wysłać pliki na jakiś hosting (pojedynczo!) następnie utworzyć 20000 podstron, przygotować podstrony kategorii, i na końcu zmontowanie tego wszystkiego, aby to jakoś działało i funkcjonowało.
Jeżeli jednak potrzebujemy niewielkiej strony informacyjnej czy reklamowej - Weebly jest idealną propozycją! 

internet

Komentarze

0 nowych
drobok   14 #1 11.01.2014 21:04

Cóż, opis dla totalnego noob'a. Opisujesz wszystko prócz najważniejszego, jakości kodu, seo itd ...

dansys80   4 #2 11.01.2014 21:14

A ja podziękuje autorowi wpisu, nie każdy jest specjalistą od budowania serwisów WWW a do prostej stronki jak znalazł

tomeeek64   10 #3 12.01.2014 08:48

Tak na prawdę to wszystkie możliwości Weebly Pro posiada WordPress z dodatkiem Jetpack by WordPress.com, a ani za WordPressa, ani za modyfikację nie trzeba płacić. Jedynie nie dostaniemy bonu na reklamy...
Hosting to rzecz dość tania - ok. 4 zł / mies. i mamy świetną witrynę www.

Wolfgar   7 #4 12.01.2014 10:42

@drobok - A powiedz mi kto inny korzysta z takich tworów jak nie "totalne nooby". Dla ludzi którzy wiedzą co jest grane to jest oczywiste jak to, że stron 10 lat temu nie pisało się wordzie.

koksik202   8 #5 15.01.2014 12:28

Robiłem ostatnio stronę internetowa znajomemu prowadzi on kurs na prawo jazdy I musze przynać że sam dałem rade używając template SEO I inne sprawy pógł mi załatwić google webmaster wygenerował on sam kod I stronka teraz jest na 2 miejscu w tym mieście po wpisaniu "nauka jazdy [miejscowosc]". Nie korzystał bym z tego co opisałeś chyba że jest się człowiekiem po 60 I nie ma się już czasu na nauke. Podoba mi sie wpis! tylko że nie dla mnie I wiekszości młodych fanatyków internetów

  #6 31.01.2014 13:15

Kretory są dla osób, które nie psiadają wiedzy programistycznej niezbędnej do samodzielnego stworzenia strony od podstaw, a chciałyby stworzyć stronę samodzielnie.
Do tego właśnie powstały kreatory.
Opisany przez autora Weebley wydaje się ciekawym i intuicyjnym narzędzem. Może sprawić trudność osobom, które nie znają angielskiego.
Ja szukając kreatorów natrafiłam na otoKreator (http://otoKreator.info), który jak dla mnie posiada bardzo rozbudwane możliwości i jest w języku polskim.
Kreator na podstawie wybranej tematyki strony podpowiada odpowiednie szablony, które potem można modyfikować. Tak jak w opisanym powyżej można dodawać na stronę wiele elementów: galerie, filmy, formularze, mapy. Osobiście jestem zadowolona z efektów.
Oczywiście posiadając wiedzę nt budowy stron, HTML-a, czy css można podejść do budowy stron bardziej profesjonalnie, ale dla amatorów kreatory to super narzędzia.

  #7 01.07.2014 02:50

portfolio na weebly mam i mega polecam! barrdzo intuicyjne, za nic nie musiałam płacić, by stworzyć prostą stronę. w przeciwieństwie do wordpressa, gdzie za każde pierdnięcie jest stówka :)

pozdrawiam!

  #8 16.09.2014 22:09

Chcę mieć adres domeny zawierający polskie znaki, jednak na weebly pojawiają się z tym problemy. Jak to naprawić?

IT-Fun   6 #9 17.09.2014 20:53

Domeny z polskimi znakami diakrytycznymi są generalnie dość kłopotliwe i nie zalecam ich używania. Jeżeli jednak bardzo Ci na tym zależy - musisz poinformować zespół Weebly o tym problemie.

  #10 22.09.2014 20:51

@http://www.viabirdie.com (niezalogowany): ok ale jak chcesz podpiąć swoją domenę to trzeba na weebly płacić???

IT-Fun   6 #11 24.09.2014 19:06

Niestety, w Weebly oprócz opłaty za samą domenę, należy jeszcze dokonać opłaty za płatny pakiet usług w Weebly, który pozwala na podpięcie własnej domeny.

  #12 16.10.2014 09:47

Przeszukałam wiele stron i nigdzie jakoś nie znalazłam edycji KATEGORII. Wiem jak dodać pozycję do kategorii (właściwie podczas wpisywania sama się dodaje), ale nie wiem jak potem usunąć, np. te zdublowane jakby (bo wpisuję ze znakami polskimi, a podpowiedź jest już ze znaczkami typu: &^*# Co tworzy mi jakby kategorie o tej samej nazwie, która jest wyświetlana na stronie. Pomocy.