Advertisement
Nigdy dialog na stronie WWW nie był łatwiejszy! Każdy artykuł może być komentowany. Możesz prowadzić sondaże, których wyniki są publikowane natychmiast. Możesz uruchomić forum dyskusyjne czy pokój pogawędek (czata). Natychmiast po instalacji witryny internauci mogą się w niej rejestrować. Po zarestrowaniu się mogą przesyłać, a nawet umieszczać w witrynie własne informacje - artykuły, obrazy, pliki.
 
   
Layout, czyli szablony - Wygląd witryny PDF Drukuj Email
Wpisał: Stefan Wajda [zwiastun]   
10.02.2006.
Spis treści
Wygląd witryny
Szablony do wyboru
Instalacja szablonu
Modyfikacja szablonu
Własny szablon

Pobrany z sieci szablon możesz zmodyfikować. Nie jest to zadanie trudne, ale wymaga pewnego zmysłu graficznego. W nagłówkach wielu szablonów umieszczane są identyfikujące wydawcę, cel i tematykę serwisu obrazki - winietki, logo.To pierwszy element, który zauważa odwiedzający witrynę. Warto więc zadbać o wymianę tego elementu szablonu z sieci na własny.

Materiały i narzędzia

Przede wszystkim potrzebujesz odpowiedniego materialu graficznego - fotografii czy obrazu, a najlepiej wielu do wyboru. Przejrzyj swoje zbiory. Zapewne znajdziesz w nich niejedno zdjęcie, która mogłoby być wizytówką Twojej witryny. Jeśli nie znajdziesz takiego - wykonanie serii zdjęć, spośród których wybierzesz później to jedno, najciekawsze, nie stanowi dziś żadnego problemu.

Potrzebujesz również programu do edycji grafiki. Nie tylko do tego zadania. Dobry edytor grafiki to podstawowe narzędzie projektanta strony WWW. Skorzystaj z upowszechnianego bezpłatnie na warunkach GNU/GPL, bardzo dobrego już programu GIMP, dostępnego w wersji dla Linuxa i Windows.

Pobierz pakiet instalacyjny GIMP-a.

Od zdjęcia do winietki

Aby przygotować własny obrazek do nagłówka szablonu, wykonaj następujące czynności:

  1. Uruchom swój program graficzny. Tutaj skorzystamy z PhotoShopa.
  2. W katalogu /images swojego szablonu odszukaj obrazek nagłówka i wczytaj go do edytora.
  3. Odczytaj wymiary obrazka: szerokość i wysokość.
  4. Zeskanuj wybrane za podstawę nowego obrazka zdjęcie lub wczytaj je z aparatu cyfrowego

    Image

  5. Ustaw parametry funkcji PrzytnijCrop ] w Twoim programie graficznym: szerokość [ Width ] i wysokość [ Height ] - jak oryginalnego nagłówka, rozdzielczość [ Resolution ] - 72 pikseli/cal.

    Image

  6. Narzędziem PrzytnijCrop ] wyznacz na zdjęciu obszar, który posłuży Ci za winietę. Bądź niestandardowy! Zaznacz taki obszar, w którym będzie i coś symbolicznego, i coś intrygującego. To nie jest trudne. Możesz przecież przeprowadzić wiele prób.

    Image

  7. Narzędziem do wprowadzania tekstu wpisz krótką nazwę Twojej witryny. Może to być np. nazwa firmy. Ustal odpowiedni rozmiar i krój czcionki.
  8. Skorzystaj z narzędzia definiowania efektów warstw [ Layers ]. Zastosuj jeden z efektów do warstwy napisu. Na przykład:
    • Blending Options, by nadać napisowi pewien poziom przezroczystości,
    • Drop Shadow czy też Bevel and Emboss, by uzyskać efekt dwuwymiarowości.
  9. Umieść napis w jednym z typowych miejsc, np. w lewym górnym lub w prawym dolnym rogu.
  10. Wybierz w menu PlikFile ] opcję Save for Web, a w oknie dialogowym ustaw: format, zwykle: .JPG, jakość [ Quality ] - 30 lub 60 (High).
  11. Nadaj zapisywanej winiecie taką nazwę, jaką ma oryginalny obrazek nagłówka, np. header_short i kliknij przycisk OK.

    Image

  12. Prześlij plik z winietą do katalogu /templates/twoj_szablon/images/ na serwerze.
  13. Wywołaj w przeglądarce swoją witrynę - zobaczysz efekt.

    Image

Nawet jeśli Cię jeszcze nie satysfakcjonuje w pełni, możesz przystąpić do kolejnych zadań. Przygotowanie witryny trochę przecież potrwa. W tym czasie Twoje myśli będą krążyć wokół koncepcji graficznej witryny, zwłaszcza winiety. Wrócisz do opracowania tej wymarzonej później, gdy oswoisz się z Joomla!.



Zmieniony ( 05.03.2006. )
 
« poprzedni artykuł   następny artykuł »