Krok po kroku czyli jak zbudować własne strony WWW.

Transkrypt

1 Krok po kroku czyli jak zbudować własne strony WWW. Krok 1. Załóż konto na portalu firma44.pl lub ja44.pl. a. Wejdź na portal pod adresem lub b. Zapoznajemy się z regulaminem portalu wybierając link do regulaminu na dole strony. c. Wybierz z menu Nowe konto. Pojawi się formularz z danymi podstawowymi do wypełnienia jak poniżej: d. Wypełnij formularz wypełniając: Nazwa konta tu podajemy nazwę która będzie wyświetlana na górze Twoich stron. Może być to nazwa Firmy np. Piekarnia Bułeczka, albo Twój pseudonim np. Leon Profeska Adres tu podajemy własny fragment adresu WWW (bez spacji i polskich znaków) oraz wybieramy domenę. Np. jeśli chcemy by nasz adres WWW w sieci brzmiał to wpisujemy piekarniabuleczka i wybieramy firma44.pl. Jeśli chcemy by brzmiał to wpisujemy leonprofeska i wybieramy ja44.pl. Imię tu podajemy imię (pole później potrzebne do logowania) Nazwisko tu podajemy nazwisko (pole później potrzebne do logowania) podajemy nasz . (pole później potrzebne do logowania, lub odzyskania zapomnianego hasła) Hasło podajemy hasło którym potem będziemy się logować (zapamiętaj hasło) Powtórka hasła by uniknąć pomyłki powtarzamy drugi raz hasło Telefon podajemy telefon (na chwilę obecną nie jest to obowiązkowe, ale mile widziane) Pakiet wybieramy pakiet usług. Na chwile obecną usługi są darmowe i wybór nie ma znaczenia.

2 e. Wciskamy przycisk Zapisz f. Konto powinno zostać założone. Pojawi się komunikat potwierdzający założenie konta: Zapamiętaj ten adres WWW swojego konta, by potem nie szukać go na portalu. Warto zapamiętać też nr konta. Gratulujemy masz już swoją witrynę WWW w sieci.

3 Krok 2 - Logowanie się do konta. a. Wybierz w przeglądarce adres swojego konta np. lub b. Wybierz link Logowanie (prawy góry róg) do logowania się do konta. Pojawi się formularz logowania: c. Wypełnij pole identyfikatora em, lub nazwiskiem i imieniem oddzielonym spacją np: leonprofeska@zxy.pl lub Profeska Leon d. Podaj hasło i wciśnij guzik OK. e. Po poprawnym zalogowaniu pojawi się menu Administracja

4 Krok 3 dodanie własnej strony WWW oraz tworzenie menu. a. Wejdź w menu Administracja i wybierz pozycję Edycja menu b. Jeśli nie masz jeszcze żadnych stron to pojawi się ekran: c. Wybierz Dodanie nowej pozycji menu d. Pojawi się formularz wyboru typu pozycji w menu :

5 e. Jeśli chcesz dodać zwykłą stronę WWW wybierz Strona i wciśnij Dalej. (Przy dodawaniu kolejnych pozycji możesz tu wybrać też moduł : katalog/galerię zdjęć/plików, sklep internetowy, link do mapy twojego serwisu, itp.) f. Pojawi się edytor stron WWW: g. Zmień nazwę strony z Nowa pozycja na np. Strona główna h. Zacznij edytować stronę wpisując lub wklejając tekst, dodając linki, dodając obrazki, tabelki, zmieniając kolory, dodając ikonki, wybierając gadżety. Podpowiedzi: Wciskając Shift+enter robisz mniejsze odstępy między liniami tekstu By stworzyć link trzeba: i. wcisnąć guzik hiperłącze ii. podać pełen adres URL np. iii. zaznaczyć w oknie edycyjnym kawałek tekstu który ma się stać linkiem iv. wcisnąć OK. By dodać obrazek do strony trzeba: i. Wcisnąć guzik obrazek ii. Podać adres URL obrazka do istniejącego obrazka np. albo wcisnąć guzik Przeglądaj iii. Po wciśnięciu guzika Przeglądaj pojawi się okno:

6 Jeśli masz jakiś obrazek/zdjęcie na dysku musisz wybrać pozycję : Z dysku i wcisnąć guzik Przeglądaj, a następnie wskazać u siebie na dysku plik z obrazkiem. Następnie wciskamy guzik Dodaj. Okno wyboru zamyka się, obrazek trafia na serwer WWW, a pole adres URL obrazka w edytorze strony wypełnia się. W naszym przykładzie wartością files/59/logotatry_139.jpg

7 iv. Gdy mamy wypełnione pole adres URL obrazka możemy go wstawić na naszą stronę. Wskazujemy w polu edycyjnym miejsce kursorem i wciskamy Wstaw obrazek. v. Obrazek możemy przesuwać przeciągając go. Możemy tez zmieniać jego rozmiary chwytając myszką za białe kwadraciki na jego krańcach. Więcej o edytorze wkrótce. Teraz popróbuj sam dodawania tabelek, ikonek, gadżetów (np. aktualnej daty, czasu ostatniej modyfikacji strony i wielu innych

8 wciąż dodawanych i ulepszanych ), zmiany kolorów, czcionki itp. Bardziej zaawansowani mogą edytować samodzielnie HTML. i. Pamiętaj, że jesteś odpowiedzialny za treści i zawartość stron które publikujesz. j. By zapisać zmiany na stronie wciskamy Zapisz. Pamiętaj warto w czasie dłuższej edycji co jakiś czas zapisywać zmiany by nie zgineły. Po zapisaniu strona jest dostępna do oglądania po wybraniu z menu. W naszym przykładzie po wybraniu Strona główna. k. Jeśli chcesz później znów edytować stworzoną wcześniej stronę zaloguj się wejdź na stronę którą chcesz edytować i wciśnij Edytuj stronę. Do edycji można także przejść wchodząc do menu Administracja w pozycję Edycja menu i wybierając pozycji którą chcesz edytować. l. By skasować pozycję z menu wejdź w menu Administracja w pozycję Edycja menu i wybierając guzik przy pozycji którą chcesz skasować. przy

9 Krok 4 tworzenie menu c.d. a. Mamy już pierwsza stronę w naszym przykładzie : Strona główna. Teraz chcemy dodać kolejną. Wchodzimy w Administracja i wybieramy Edycja menu b. Widzimy strukturę naszego menu: c. By dodać kolejną stronę za stroną Strona główna wciskamy guzik plus d. Dodajemy stronę na zasadach jak w kroku 3. Niech będzie to strona o tytule Tatry e. Po dodaniu strony Tatry i jej zapisaniu menu będzie wyglądało następująco:

10 f. Wciskając guzik plus przy Tatry dodajemy analogicznie kolejna stronę Tatry Wysokie. Po dodaniu strony Tatry Wysokie i jej zapisaniu menu będzie wyglądało następująco: g. By menu było bardziej uporządkowane możemy stronę Tatry Wysokie podczepić pod stronę Tatry. Takie przesunięcie pozycji w menu stron wykonujemy strzałkami. By zrobić podczepienie wciskamy. Po takim zabiegu nasze menu wygląda tak:

11 A dla ludzi niezalogowanych po wybraniu z menu Tatry tak: Krok 5 zmiana danych podstawowych kona oraz zmiana logo a. By zmienić dane podstawowe konta (Nazwę, opis, tel. itp.) zaloguj się i wybierz z menu Administracja Edycja danych podst..

12 Po wypełnieniu pól wciśnij Zapisz. Pole Klucze zawierać powinno słowa kluczowe oddzielone przecinkiem. Słowa te pozwolą portalowi firma44.pl lub ja44.plo oraz wyszukiwarkom internetowym zaindeksować twoje strony i ułatwić ich wyszukiwanie innym użytkownikom Internetu. b. By zmienić obrazek logo, wybierz z menu administracja pozycję Zmiana logo. Wybierz na formularzu typ własny obrazek i wciśnij Przeglądaj. Po wybraniu na dysku obrazka wciśnij Zapisz. Pamiętaj, obrazek logo powinien mieć nieduża wysokość ponieważ ważne jest by nie zajmował dużej części ekranu utrudniając przeglądanie stron Internautom. Po zmianie logo nasza przykładowa strona wygląda tak:

13

14 Krok 6 zmiana wyglądu konta a. By zmienić wygląd okna zaloguj się, wejdź w menu Administracja i wybierz Edycja wyglądu konta b. Aktualnie możemy wybrać styl menu górnego, styl menu kontekstowego (lewego), styl guzików na stronie. Ilość dostępnych styli będzie sukcesywnie poszerzana. Wybór następuje poprzez przewijanie i zaznaczenie przy wybranym stylu radiobutona. Np. Zmieniamy styl górnego meny na jasno brązowy zaokrąglony wybierając: I wciskając Zapisz. Teraz nasza strona wygląda tak:

15 Krok 7 dodanie sklepu/ogłoszeń Konto pozwala na bardzo proste uruchomienie sklepu internetowego lub tablicy ogłoszeń. By uruchomić sklep/ogłoszenia zaloguj się, wejdź do menu Administracja, i wybierz Edycja menu. Przy pomocy guzika plus dodaj pozycję menu. Jako typ wybierz moduł, a jako typ modułu Sklep i wciśnij Zapisz. Następnie podaj nazwę pozycji w menu dla sklepu/tablicy ogłoszeń. i wciśnij Zapisz. Masz już sklep w menu: Krok 8 dodanie produktu/ogłoszenia do sklepu/tablicy ogłoszeń Zaloguj się, wybierz z menu Administracja pozycję Sklep i dalej Dodanie nowego prod., a następnie wybierz kategorię dla nowego produktu (jeśli chciałbyś poszerzyć listę dostępnych kategorii napisz do nas. Zdefiniowane kategorie ułatwiają potem Klientom wyszukiwanie produktów w sieci).

16 Po wyborze kategorii (w przykładzie antyki ) należy opisać produkt lub ogłoszenie przy pomocy poniższego formularza. Należy podać krótki opis który pojawi się w menu sklepu/tablicy ogłoszeń, cenę, słowa kluczowe ułatwiające Klientom wyszukanie produktu (oddzielone przecinkami), wewnętrzny identyfikator produktu (opcjonalnie) który ułatwi Ci powiązanie produktu w sklepie internetowym z produktem w Twojej Firmie. Pole Czy dostępny w sklepie ustawione na Nie powoduje że Internauci nie widzą produktu na stronie sklepu (Uwaga Ty jeśli jesteś zalogowany produkt widzisz, by móc do edytować). Niektóre kategorie maja jeszcze dodatkowe pola do wypełnienia np. produktu typu mieszkanie mają pola opisujące : metraż,

17 liczbę pokoi, piętro. W Dokładnym opisie możesz napisać dowolny tekst i umieścić zdjęcia. Edycja tej sekcji odbywa się na tej samej zasadzie jak edycja strony (patrz Krok 3). Po wypełnieniu formularza naciśnij Zapisz. Teraz produkt pojawi się w menu sklepu (lewym) w kategorii Antyki. Po wyborze w lewym menu sklepu Antyki(1) wyświetlone zostaną produkty z tej kategorii. Produktów możesz też wyszukać wciskając szukaj w sklepie. Jeśli jesteś zalogowany będziesz mógł szukać/filtrować produkty po różnych jego cechach (identyfikatorze wewnętrznym, opisie, itp.).

18