Jak zrobić portal internetowy - krok po kroku.
Poradnik jak zrobić własną stronę na przykładzie serwisu rozrywkowego ze śmiesznymi filmikami.
Wchodzimy na stronę http://www.vgh.pl/
http://img299.imageshack.us/img299/6830/2aoz0.jpg
Wypełniamy poniższy formularz według wzoru na zdjęciu pamiętając jednak, żeby zapamiętać lub najlepiej zapisać sobie hasło i login do swojej strony, wybierają adres strony nie możemy go już zmienić. Moja strona będzie się nazywać www.rozrywkarx.tnb.pl, najlepiej podczas wyboru adresu strony kierować się jej zawartością jeśli jest to np. strona o rozrywce dobrze, żeby jej adres jakoś do niej nawiązywał i był łatwy do zapamiętania.
http://img146.imageshack.us/img146/7919/2cfn6.jpg
Jesteśmy już na naszej nowej stronie, logujemy się do administracji serwisu, gdzie będziemy mogli modyfikować zawartość strony oraz jej wygląd.
http://img365.imageshack.us/img365/1161/2esz9.jpg
Teraz przedstawię w krokach jak ustawić stronę czyli krok po kroku co należy zrobić, żeby serwis zaczął funkcjonować.
Krok pierwszy: Edycja profilu
http://img152.imageshack.us/img152/9025/2feh3.jpg
Krok drugi: Panel administracyjny
http://img118.imageshack.us/img118/1900/4tmf0.jpg
Żeby edytować wygląd strony wybieramy Zarządzaj Stroną > Główne ustawienia
Wybieramy teraz skórkę czyli wygląd naszego serwisu. W tym celu klikamy w strzałkę kolo napisu skórki pokazuje nam się lista dostępnych skórek czyli wyglądów strony wybieramy jeden klikamy na niego, a następnie klikamy w przycisk na dole strony ?Zapisz ustawienia? czynność tą możemy wykonywać, aż nam się jakiś wygląd spodoba bo trochę ich jest do porównania:
http://img118.imageshack.us/img118/1552/4rgp5.jpg
Moja przykładowa strona będzie wyglądać tak:
http://img167.imageshack.us/img167/8031/2jsu0.jpg
Gdy już wybraliśmy skórkę do strony zmieńmy logo i tekst powitalny, możemy to również zrobić w momencie wyboru skórki, ale ja uważam że lepszym rozwiązaniem jest zmiana loga już pod nowy wygląd naszego serwisu wiemy wtedy jak dobrać kolory do loga itp.
Zmieniamy teraz tekst powitalny oraz logo, informacje jak wygenerować link do loga znajdziesz tutaj: gdy już to zrobimy klikamy znowu: Zapisz Ustawienia
http://img171.imageshack.us/img171/5826/3egq4.jpg
Strona przed zmianą loga:
http://img167.imageshack.us/img167/8031/2jsu0.jpg
Poradnik jak zrobić własną stronę na przykładzie serwisu rozrywkowego ze śmiesznymi filmikami.
Wchodzimy na stronę http://www.vgh.pl/
Klikamy w link na dole strony Załóż stronę www
Wypełniamy poniższy formularz według wzoru na zdjęciu pamiętając jednak, żeby zapamiętać lub najlepiej zapisać sobie hasło i login do swojej strony, wybierają adres strony nie możemy go już zmienić. Moja strona będzie się nazywać www.rozrywkarx.tnb.pl, najlepiej podczas wyboru adresu strony kierować się jej zawartością jeśli jest to np. strona o rozrywce dobrze, żeby jej adres jakoś do niej nawiązywał i był łatwy do zapamiętania.
Jesteśmy już na naszej nowej stronie, logujemy się do administracji serwisu, gdzie będziemy mogli modyfikować zawartość strony oraz jej wygląd.
Teraz przedstawię w krokach jak ustawić stronę czyli krok po kroku co należy zrobić, żeby serwis zaczął funkcjonować.
Krok pierwszy: Edycja profilu
Tutaj możemy zmienić nasze hasło, dodać avatar.
Krok drugi: Panel administracyjny
Żeby edytować wygląd strony wybieramy Zarządzaj Stroną
Następnie ?Główne ustawienia?
Wybieramy teraz skórkę czyli wygląd naszego serwisu. W tym celu klikamy w strzałkę kolo napisu ?skórki? pokazuje nam sie lista dostępnych skórek czyli wyglądów strony wybieramy jeden klikamy na niego, a następnie klikamy w przycisk na dole strony ?Zapisz ustawienia? czynność tą możemy wykonywać, aż nam się jakiś wygląd spodoba bo trochę ich jest do porównania smile.gif :
Maja przykładowa strona będzie wyglądać tak:
Gdy juz wybraliśmy skórkę do strony zmieńmy logo i tekst powitalny, możemy to również zrobić w momencie wyboru skórki, ale ja uważam że lepszym rozwiązaniem jest zmiana loga już pod nowy wygląd naszego serwisu wiemy wtedy jak dobrać kolory do loga itp.
Zmieniamy teraz tekst powitalny oraz logo, informacje jak wygenerować link do loga znajdziesz tutaj: gdy już to zrobimy klikamy znowu :Zapisz Ustawienia?
Strona przed zmianą loga:
http://img167.imageshack.us/img167/8031/2jsu0.jpg
Strona po zmianie loga(logo szybko i bezproblemowo można zrobić w każdym programie graficznym) :
http://img152.imageshack.us/img152/3904/logo2xn5.jpg
Krok trzeci: tworzenie nowego panelu.
Tworzenie Nowego panelu menu. Aby stworzyć nowy panel najpierw utworzymy nowe strony informacyjne w których będziemy umieszczać nasze filmiki.
A więc znowu wybieramy panel Administracyjny-> Zarządzanie treścią-> Strony Informacyjne
http://img291.imageshack.us/img291/9599/83084476rr5.jpg
Wypełniamy pola według wzoru na obrazku:
http://img291.imageshack.us/img291/3261/41276312vc5.jpg
Po zapisaniu ukaże nam się na górze strony link kopiujemy go najlepiej do notatnika lub przepisujemy na kartkę. Teraz całą czynność powtarzamy tyle razy ile chcemy mieć kategorii czy dodatkowych podstron w menu. Ja zrobię 4 strony informacyjne.
http://img111.imageshack.us/img111/6425/49050913pb3.jpg
Gy już mamy zrobione adresy stron informacyjnych tworzymy dla nich nowy panel w menu. Znowu wiec wybieramy Panel Administracyjny->Zarządzanie Stroną-> Zarządzanie Panelami-> Dodaj Nowy panel
http://img111.imageshack.us/img111/3290/60053386uv3.jpg
http://img111.imageshack.us/img111/8931/46064898qn5.jpg
Tworzymy nowy Panel wszystko wypełniamy według wzory na zdjęciu:
http://img516.imageshack.us/img516/1287/60580437hc1.jpg
kod do wklejenia
Kod:
<a href="http://adres_odnośnika">nazwa_odnośnika</a>
Gdzie:
nazwa_stylu - nazwa twojej skórki
adres_odnośnika - adres strony informacyjnej, który zapisale w notatniku
nazwa_odnośnika - to, co zobaczysz w menu u mnie pierwszym odnośnikiem będą Śmieszne Filmiki
Teraz musimy aktywować nowy panel. W tym celi klikamy na link Powrót do Zarządzania Panelami(lub gdy jesteśmy w głównym panelu administracyjnym Zarządzanie Stroną>Zarządzanie Panelami) szukamy nazwy naszego nowego panelu i wybieramy opcję włącz ( możemy również ustalić gdzie ten panel będzie się miał znajdować czy po prawe, czy po lewej stronie oraz na której pozycji, dla przykładu nasz nowy panel o nazwie ?Filmy tematyczne? będzie znajdował się po lewej stronie na pozycji 5, do zmiany pozycji służą strzałki w kolumnie Kolejność. Zobaczmy jak teraz będzie wyglądał nasz nowy panel.
Oczywiście nie zapomnijmy kliknąć na link na dole strony [ Odśwież Kolejność Paneli ] w celu zapisania naszych ustawień.
http://img516.imageshack.us/img516/7268/99739487hc5.jpg
http://img117.imageshack.us/img117/686/10we2.jpg
Wracamy do głównej strony i mamy nasz nowy Panel.
http://img296.imageshack.us/img296/3963/11yq1.jpg
Teraz uzupełniamy nasze Strony informacyjne czyli dodajemy filmiki lub w innych przypadkach tekst. Więc wracamy panel Administracyjny-> Strony Informacyjne-> Edytuj
http://img296.imageshack.us/img296/3750/12jd5.jpg
Wypełniamy według wzoru na zdjęciu.
http://img246.imageshack.us/img246/4497/13ll5.jpg
Wracamy do strony głównej klikamy w naszym nowym panelu w moim przypadku na Śmieszne Reklamy i ukazują nam się zawartość strony informacyjnej u mnie są to filmiki:
http://img371.imageshack.us/img371/630/14nz5.jpg
Podobnie postępujemy z resztą stron informacyjnych wklejając tam zawartość.
Krok czwarty: tworzenie Artykułu
Aby dodać jakikolwiek artykuł do swojego serwisu musisz dodać Kategorie Artykułów (Zarządzanie Treścią-->Kategorie Artykułów ):
http://img117.imageshack.us/img117/2498/17yg6.jpg
Następnie uzupełniamy poniższe pola według wzoru, oczywiście każdy będzie miał inną tematykę strony moja jest o rozrywce więc dlatego nazwa kategorii to śmieszne wydarzenia:
http://img254.imageshack.us/img254/505/18sl8.jpg
Gdy już mamy zdefiniowaną kategorię możemy dodać nasz pierwszy artykuł ( Zarządzanie Treścią>Artykuły ):
http://img520.imageshack.us/img520/8881/21qx0.jpg
Przykładowy artykuł :
http://img254.imageshack.us/img254/3584/20yg3.jpg
Krok piąty: tworzenie Newsów
Postępujemy podobnie jak to miało miejsce w artykułach, lecz tym razem możesz, ale nie musisz zdefiniować Kategorii, ponieważ mamy już zdefiniowaną kategorię Newsy więc zajmiemy się nią, oczywiście w dalszym rozwoju serwisu nieuniknione będzie definiowanie własnych kategorii Newsów
Przykład tworzenia Newsa ( Zarządzanie Treścią-> Newsy ):
http://img520.imageshack.us/img520/2048/22wm9.jpg
Przykładowy news :
http://img443.imageshack.us/img443/9704/23kc2.jpg
Krok szósty: Linki
Podobnie jak to miało miejsce w artykułach, musisz zdefiniować Kategorie ( Zarządzanie Treścią>Kategorie Linków ):
http://img443.imageshack.us/img443/230/24js2.jpg
Następnie uzupełniamy poniższe pola według wzoru, oczywiście każdy może w nazwie i opisie kategorii wpisać co chce:
http://img443.imageshack.us/img443/9230/25xo5.jpg
Gdy już mamy zdefiniowaną kategorię możemy dodawać linki ( Zarządzanie Treścią>Linki):
http://img444.imageshack.us/img444/4980/26op4.jpg
Przykład dodania linku :
http://img444.imageshack.us/img444/4639/27kq8.jpg
Krok siódmy: Download
Podobnie jak to miało miejsce w artykułach i linkach, musisz zdefiniować Kategorie Download ( Zarządzanie Treścią>Kategorie Download ):
http://img529.imageshack.us/img529/1989/28cf8.jpg
Następnie uzupełniamy poniższe pola według wzoru, oczywiście każdy może w nazwie i opisie kategorii wpisać co chce:
http://img529.imageshack.us/img529/8246/29oi0.jpg
Gdy już mamy zdefiniowaną kategorię możemy dodawać plik ( Zarządzanie Treścią>Download):
http://img529.imageshack.us/img529/9526/30xe6.jpg
Przykład dodania pliku, aby dodać plik należy go umieścić na początku na jakimś osobnym serwerze podam teraz przykład z opisem jak i gdzie uploadować pliki.:
Wchodzimy wiec na stronę http://www.upik.pl/:Klikamy w przycisk "wybierz" z dysku wybieramy plik, który chcemy uploadować w moim przypadku będzie to jakiś przykładowy plik z dysku c, pamiętajmy uploadujemy jedynie legalne pliki.
http://img299.imageshack.us/img299/3956/32pv8.jpg
http://img299.imageshack.us/img299/9083/33jx9.jpg
Wracamy na nasza stronę i wypełniamy formularz według wzoru:
http://img299.imageshack.us/img299/4883/34ag3.jpg
Krok ósmy: Galeria
Podobnie jak to miało miejsce w artykułach i linkach, musisz zdefiniować Album Zdjęć (Zarządzanie Treścią-->Album zdjęć):
http://img176.imageshack.us/img176/6325/35tr4.jpg
Następnie uzupełniamy poniższe pola według wzoru, oczywiście każdy może w nazwie i opisie kategorii wpisać co chce:
http://img176.imageshack.us/img176/2314/37ho2.jpg
Gdy już mamy zdefiniowaną kategorię możemy dodawać zdjęcia (Strona Główna>Dodaj zdjęcie):
http://img176.imageshack.us/img176/3006/39hb5.jpg
webmasterzy.org
Guru
