Najłatwiejszym sposobem stworzenia strony internetowej jest użycie szablonu. Aby jednak zasób się wyróżniał, musisz zmienić domyślny układ. A tutaj nie można obejść się bez podstawowej znajomości html i css.
Instrukcje
Krok 1
Znajdź w Internecie szablon strony, który najbardziej Ci odpowiada. Zwróć uwagę na jego możliwości, możliwość dostosowania do wielkości monitora, funkcji menu i układu kolumn. Pobierz wersję, którą lubisz na swój komputer, rozpakuj archiwum. Sprawdź jego wydajność, przesyłając pliki do katalogu głównego witryny. Być może szablon zawiera błędy i nie zainstaluje się poprawnie, wtedy nie będzie sensu pracować z nim w przyszłości.
Krok 2
Nawet jeśli nie zamierzasz całkowicie przerobić szablonu, wymień większość obrazów, a zwłaszcza te, które znajdują się jako logo. Zastąp każdy obraz w ten sposób:
- otwórz plik graficzny w programie Photoshop;
- w menu "Obraz" - "Rozmiar obrazu" spójrz na jego parametry;
- otwórz nowy arkusz o dokładnie takich samych wymiarach;
- stwórz pożądany obraz za pomocą narzędzi aplikacji;
- spłaszcz wszystkie warstwy i zapisz (nie dla sieci) nowy obraz pod tą samą nazwą iw tym samym folderze, ustawiając oryginalny format.
Dlatego zamiast jednego obrazu powinien pojawić się inny.
Krok 3
Jak tylko zmienisz wszystkie zdjęcia, spakuj folder z plikami (w przypadku Joomla) i prześlij go przez panel administracyjny witryny w menu "Rozszerzenia". Sprawdź, czy motyw wyświetla się poprawnie z nowymi ilustracjami.
Krok 4
Zmień pozostałe parametry w style.css. Co więcej, znacznie wygodniej jest to zrobić nie przez panel administracyjny, ale na komputerze. Rozsądne jest użycie localhost (Denver), aby zobaczyć wynik transformacji tak szybko, jak to możliwe. Pozwoli to uniknąć konieczności każdorazowego przesyłania wyniku na serwer w celu wyświetlenia wyników po kolejnej edycji.
Krok 5
Pobierz darmową wtyczkę FireBug do przeglądarki Mozilla Firefox. Po instalacji w prawym górnym rogu przeglądarki pojawi się żółta ikona błędu. Kliknij go lub naciśnij klawisz F12, a na dole ekranu kod strony pojawi się w zwiniętej wersji. Można go otworzyć, najeżdżając myszką na znaki plus. A jeśli klikniesz linię elementu, zostanie ona podświetlona u góry ekranu. Po prawej stronie okna z kodem znajdziesz style wskazujące linie, które odpowiadają za wygląd. I natychmiast stanie się jasne, gdzie należy edytować plik stylu, aby zmienić projekt.
Krok 6
Otwórz style.css w Notatniku ++. Możesz użyć innych programów przeznaczonych do edycji kodu, ale do tego celu nie możesz użyć standardowego „Notatnika”, w przeciwnym razie wystąpią błędy związane z kodowaniem. Użyj FireBug, aby znaleźć parametry, które chcesz zmienić i jednocześnie edytować je w Notepad ++.
Krok 7
Zapisz ostateczny css i prześlij plik na serwer.
