CMS Strony www- WordPress- obsługa podstawowa

Techniki informacyjne w Turystyce
CMS
Strony www- WordPress- obsługa podstawowa
W branży turystycznej dostęp do internetu jest niezbędny. Przez internet można
dowiedzieć się prawie wszystkiego o wybranym kraju, przeszukiwać oferty biur podróży,
zarezerwować hotel, bilet na samolot.
Z pośród wielu form zastosowania internetu, największą popularnością cieszą się strony
WWW. Mogą one pełnić funkcję, elektronicznych gazet, wizytówki, plakatu, folderu z
ofertami, a nawet bloga. Zaletą stron internetowych jest ich koszt. Reklama za pomocą stron
WWW jest cenowo bardziej opłacalna niż reklama tradycyjna oraz reklama internetowa.
Wybrane technologie do tworzenia stron WWW
1. HTML (Hyper Text Markup Language)- został stworzony w Szwajcarii do
porozumiewania się w Internecie oraz tworzenia zasobów internetowych (miał pełnić
rolę języka uniwersalnego).
Zaletą języka była możliwość tworzenia stron www w każdym edytorze tekstowym.
HTML umożliwia formatowanie tekstu, kreślenie prostej grafiki, dołączanie grafiki,
dźwięków oraz filmów wideo. Tworzenie dokumentu HTML następuje poprze
wykorzystanie znaczników, nie jest więc zaliczany do języków programowania,
natomiast w obrębie kodu HTML można zakotwiczyć fragmenty języków skryptowych
wypełniających określone funkcję. Lista głównych znaczników HTML znajduje się w
pliku dołączonym do ćwiczeń.
Język HTML składa się z kilku kluczowych komponentów:





znaczników (i ich atrybutów),
typów danych,
referencji znakowych,
odwołań w postaci encji,
deklaracji typu dokumentu.
Obecnie stosowana jest wersja HTML 5. Ważną cechą HTML-a, która przyczyniła się
do popularności systemu WWW oraz Internetu, jest niezależność od systemu
operacyjnego i wykorzystywanego sprzętu komputerowego.
HTML określa co jest wyświetlane na stronie WWW, o wyglądzie natomiast
decydują Kaskadowe Arkusze Stylów (Cascading Style Sheets- CSS). Jest to język
służący do opisu formy prezentacji (wyświetlania) stron WWW. CSS został
opracowany przez organizację W3C w 1996 r. CSS został stworzony w celu
odseparowania struktury dokumentu od formy jego prezentacji. Separacja ta zwiększa
zakres dostępności witryny, zmniejsza zawiłość dokumentu, ułatwia wprowadzanie
copyright: KGiIS
Techniki informacyjne w Turystyce
zmian w strukturze dokumentu. CSS ułatwia także zmiany w renderowaniu strony w
zależności od obsługiwanego medium (ekran, palmtop, dokument w druku, czytnik
ekranowy). Stosowanie zewnętrznych arkuszy CSS daje możliwość zmiany wyglądu
wielu stron naraz bez ingerowania w sam kod (X)HTML, ponieważ arkusze mogą być
wspólne dla wielu dokumentów.
Nazwa „kaskadowe arkusze stylów” wynika z faktu, iż gdy reguły CSS wykluczają się
wzajemnie w arkuszu zewnętrznym, arkuszu wewnętrznym oraz na poziomie
elementów HTML, priorytet stylów ustalany jest hierarchicznie. Przyjęto, że
oddziaływanie stylów z arkuszy zewnętrznych może być modyfikowane przez style
zdefiniowane w nagłówku dokumentu, te zaś mogą być modyfikowane przez reguły
zdefiniowane bezpośrednio w ciele dokumentu. Pierwszeństwo mają zatem style
zdefiniowane „bliżej” formatowanego elementu. Kolejność interpretacji reguł
formatujących dany element przez przeglądarkę przedstawia się następująco:
1.
2.
3.
4.
Domyślny arkusz przeglądarki WWW (niezależny od autora strony)
Domyślny arkusz użytkownika przeglądarki (jak wyżej)
Zewnętrzne arkusze stylów i definicje stylów w nagłówku dokumentu
Definicje stylów w atrybucie style elementu
Ten model działania pokazuje, w jaki sposób działa kaskada stylów. Między stylami z
różnych źródeł nie muszą zresztą wcale występować żadne konflikty – wszystkie style
uzupełnią się, tworząc jeden wielki „wirtualny” styl.
Obecnie stosowany jest CSS4.
2. PHP jest obiektowym językiem programowania zaprojektowanym do generowania
stron internetowych i budowania aplikacji webowych. PHP jest wykorzystywany do
tworzenia skryptów pod stronie serwera WWW, tworzenia programów w trybie
graficznym oraz przetwarzania danych z poziomu wiersza poleceń. Skrypty PHP z
reguły umieszczane są w plikach tekstowych często wraz z kodem HTML. PHP ma
modułową strukturę pozwalającą na budowanie samodzielnych aplikacji z interfejsem
graficznym. PHP umożliwia współpracę z wieloma rodzajami źródeł danych, takich jak
systemy zarządzania bazami danych, pliki tekstowe, dokumenty XML oraz serwisy
WWW.
Aktualnie stosowana jest wersja 5.6.8
3. WordPress jest systemem zarządzania treścią zaprojektowanym do obsługi blogów.
Obecnie system ten stosowany jest także do tworzenia stron WWW o szybko
zmieniającej się treści. WordPress napisany jest w języku PHP i wykorzystuje bazę
MySQL. Zaletą WordPressa jest jego rozpowszechnianie na licencji GNU General
Public Licence (bezpłatny dostęp).
Obecnie stosowana jest wersja 4.1. Obsługa WordPressa następuje poprzez panel
administracyjny, w którym można stosować z panelu zbliżonego do edytora tekstu lub
korzystać z podstawowych znaczników HTML.
copyright: KGiIS
Techniki informacyjne w Turystyce
Instalowanie WordPress
Instalowanie WordPressa na serwerze lokalnym.
1. Uruchom program XAMPP (włącz serwer Apache oraz bazę MySql).
2. Otwórz PHP admin (służy do zarządzania bazą danych):
W przeglądarce wpisz adres localhost/phpmyadmin lub 127.0.0.1/
3. W menu bazy danych tworzymy nową bazę danych. Nazwa bazy danych dowolna.
Należy wybrać kodowanie znaków UTF8_unicode_ci, które koduje zarówno
polskie znaki z ogonkami jak i np. niemieckie znaki.
4. Ze strony pl.wordpress.org pobierz najnowszą wersję systemu zarządzania treścią.
Katalog rozpakuj.
5. Rozpakowany katalog należy przenieść do C:\xampp\htdocs.
6. W przeglądarce wpisujemy adres 127.0.0.1/wordpress i instalujemy zgodnie ze
wskazówkami instalatora.
7. Po zainstalowaniu uruchamiamy WordPressa i tworzymy stronę www.
Instalowanie na serwerze www.
Uruchamiamy program do zarządzania serwerem, instalujemy bazę MySQL i instalujemy
Wordpress.
Tworzenie strony www na serwerze Wordpress.
Na stronie wordpress.com tworzymy konto oraz wybieramy adres strony www. W kolejnym
kroku można już tworzyć treść strony. Wada długa, mało zapamiętywalny adres strony oraz
ograniczone zasoby dyskowe.
Obsługa Wordpress
1. Modyfikacja tytułu strony, słów kluczowych oraz opisu strony.
W zakładce Ustawienia sprawdź jaki jest tytuł witryny. Zmień opis strony ze
standardowego (Kolejna witryna oparta na WordPressie). Dobrze dobrany tytuł strony
oraz podstron wraz z opisami i słowami kluczowymi pomagają w lepszym
wyszukiwaniu strony przez przeglądarkę oraz zwiększają szansę na wyższą pozycję
podczas wyszukiwania określonych fraz.
2. Publikowanie tekstu, typy wpisów.
W celu rozpoczęcia wypełniania tekstem, w menu Ustawienia należy wybrać Pisanie.
W Pisanie można zmodyfikować rozmiar pola tekstowego (25 linii) a w sekcji
formatowanie ustalić opcję wpisów (z reguły- wykorzystywane jako np. aktualności lub
lista ofert), wybieramy nazwę podstrony na której będą tworzone wpisy oraz ich
charakter (np. zwykły wpis).
W sekcji Publikacja przez e-mail można uaktywnić możliwość publikowania na blogu
przez email. Aby opublikować tekst, należy go wysłać na adres widoczny w polu nazwa
copyright: KGiIS
Techniki informacyjne w Turystyce
użytkownika. W polach Serwer pocztowy i Port należy wpisać dane serwera
pocztowego.
3. Tworzenie podstron i wypełnianie treścią.
Nową stronę można dodać wybierając polecenie Strony/Dodaj nową. Aby wypełnić
stronę treścią, należy kliknąć na nazwę podstrony, otworzy się wtedy edytor do
wypełniania.
W celu dodania mediów do strony, należy je najpierw wgrać na serwer poprzez menu
Media/Dodaj nowe, a następnie z poziomu podstrony Dodaj media, wstawić w
określonym miejscu na stronie.
W menu Ustawienia dyskusji istnieje możliwość ustawienia dodawania komentarzy.
Dla wybranych podstron lub wpisów można zablokować możliwość komentowania.
Ćwiczenia
Zainstaluj lokalnie WordPressa i utwórz stronę www o temacie środowiskowym
Strona powinna zawierać:
- minimum 5 podstron z tekstem,
- mini blog (aktualności),
- możliwość tworzenia wpisów przez osoby odwiedzające stronę (komentarze),
- grafikę,
- film,
- plik zip,
- zmieniony motyw domyślny,
- ułóż menu (jedna z podstron powinna być niewidoczna dla osób postronnych, np.
strona, która wymaga jeszcze autoryzację)
copyright: KGiIS