Zaczynamy z Joomla! |
---|
| | |
Artykuły z tego cyklu |
---|
| | |
Ćwiczenia w witrynie Joomla!:
| |
Dodawanie i zmienianie artykułów:
| | | |
Konfigurowanie witryny Joomla!
| |
Techniki tworzenia nowej witryny Joomla!
| |
Administrowanie - Opieka nad witryną Joomla!:
| |
Wiedzieć więcej, by umieć więcej:
|
|
|
Celem tego dokumentu jest pokazanie, w jaki sposób można ilustrować artykuły obrazkami (zwanymi również zdjęciami). Opracowanie to jest jedną z pięciu podręcznych instrukcji na temat edycji artykułów należących do serii poradników wprowadzających do korzystania z Joomla! w wersji 1.5.
Wiele artykułów zyskuje na wartości dzięki obrazkom, ilustracjom bądź zdjęciom.
Dla kogo jest ten poradnik?
- Dla wszystkich (dla każdego)
- Przesyłanie i osadzanie obrazów jest bardziej złożone niż wprowadzanie tekstu i manipulowanie nim.
- Warto jednak spróbować, nawet jeśli nie masz dużego doświadczenia.
- Problemy pojawiają się głównie z manipulowaniem obrazem, zwłaszcza gdy jest alternatywą dla tekstu.
Podczas przesyłania obrazów obejrzyj dokładnie ekran wczytywania i sprawdź, gdzie są różne pliki, zwłaszcza jeśli nie masz dużo praktyki z umieszczaniem plików.
Wprowadzenie
Wstawianie obrazów jest bardziej złożone niż dodawanie tekstu.
- Istnieje kilka kroków prowadzących do wyświetlenia obrazu w artykule:
- Przygotuj odpowiedni obraz.
- Prześlij obraz na serwer.
- Wstaw obraz do artykułu.
Obraz musisz przygotować w programie zewnętrznym, natomiast przesyłanie i osadzanie odbywa się za pomocą edytora wbudowanego w Joomla. Szczegóły zależą od konkretnej witryny.
1. Przygotuj odpowiedni obraz
Najpewniej masz w swoim komputerze obrazy, które możesz edytować i nadać im odpowiednią nazwę.
Uwagi o edycji zdjęć:
Jest to duży temat sam w sobie. Istnieje wiele programów stosowanych do edycji zdjęć i różnych obrazów. Jeśli masz doświadczenie w stosowaniu obrazów, to na pewno wiesz na tyle dużo o edycji obrazów, że nie trzeba omawiać tych kwestii tutaj! Jeśli przygotowujesz proste ilustracje, prosty edytor, taki jak
Paint, nadaje się doskonale. Jednym z bardzo dobrych narzędzi do przechwytywania ekranów i edycji obrazów jest program PicPick, który zawiera „wszystko w jednym” - edytor obrazów, próbnik kolorów, paletę kolorów, lupę, kątomierz, linijkę, a nawet możliwość przekształcenia ekranu w tablicę, na której można pisać. Program jest darmowy do użytku osobistego, można go pobrać ze strony
http://picpick.wiziple.net/.
- Obraz powinien być plikiem w standardowym formacie - zazwyczaj JPEG lub PNG
- Nadaj obrazowi krótką nazwę bez spacji (komputerowym sposobem jest użycie kapitalików - np. ZwiedzanieLondynu)
2. Prześlij obraz na serwer
Zanim wstawisz obraz do artykułu, plik z obrazem musi być przesłany na serwer (w przypadku gdy strona jest hostowana).
- Istnieje miejsce na umieszczanie plików graficznych na stronie internetowej i trzeba wiedzieć, gdzie się ono znajduje, aby wstawić obraz. Nie można skopiować pliku z obrazem bezpośrednio do tego miejsca, tę prace wykonuje edytor jako część procesu wstawiania.
- Jeśli używasz przykładowych danych na serwerze lokalnym, położenie katalogu z obrazami pokazuje ilustracja poniżej.
- Plik:GSimagelocation.png
Można skopiować obraz tutaj, ale będzie to przydatne doświadczenie, jeśli prześlesz go za pomocą edytora.
Układ ekranu ze zdjęciem:
Może się okazać, że łatwiej wstawić obraz tam, gdzie chcesz, tworząc jednowierszową tabelę z dwoma kolumnami. Tekst umieszczamy wówczas w jednej komórce, a obraz w drugiej.
- Stwórz tabelę z jednym wierszem i dwiema kolumnami bez obramowania.
- umieść obraz w jednej komórce, a komentarz w drugiej.
Takie rozwiązanie nie jest mile widziane przez purystów, ale jest to wygodny sposób, aby uzyskać pożądany układ.
Przesyłanie obrazu
- Otwórz artykuł do edycji
- Ustaw kursor w miejscu, w którym chcesz obraz. Jeśli używasz tabeli, umieść kursor w komórce.
- Kliknij przycisk Grafika' znajdujący się poniżej dolnej krawędzi edytora (nie ikonę w przyborniku edytora, która nie udostępnia narzędzia pokazującego obrazy na własnym komputerze).
Otworzy się okno dialogowe.
W górnej części ekranu można zobaczyć zbiór obrazów dostępnych na serwerze, w dolnej znajdują się przyciski umożliwiające przeglądanie zdjęć na własnym komputerze i ich wczytywanie.
Okno przesyłania obrazu pokazuje zdjęcia na własnym komputerze i umożliwia ich wczytywanie.
Określ, gdzie chcesz umieścić plik obrazu
- Kliknij katalog na serwerze, do którego chcesz przesłać plik z obrazkiem
Znajdź obraz na swoim komputerze
- Kliknij przycisk Przeglądaj .
Otworzy się okno, które umożliwia odszukanie na komputerze katalogu, w którym znajduje się obraz.
- Znajdź na swoim komputerze plik obrazu, który chcesz wykorzystać
- Kliknij przycisk Otwórz
W efekcie ścieżka do obrazu znajdzie się w polu wczytywania.
Aby skopiować obraz na serwer:-
- Kliknij przycisk Rozpocznij wczytywanie
Po przesłaniu, plik powinien pojawić się wśród innych obrazów w górnej części ekranu.
3 Wstaw obraz do artykułu
- Zaznacz obraz, który chcesz wstawić do artykułu
Określ ustawienia wstawianego obrazka
Obraz w górnej części ekranu jest zaznaczony
- Adres obrazka: To pole zostanie wypełnione automatycznie, gdy zaznaczysz obrazek
- Opis obrazka: Umieść zwięzłą informację o obrazku (potrzebną dla niedowidzących oraz tych, którzy korzystają z czytników ekranu konwertujących tekst pisany na mowę).
- Wyrównanie: Można umieścić obrazek po lewej lub prawej stronie tekstu.
- Tytuł obrazka: Jeśli chcesz, ustal również tytuł, który będzie wyświetlany, gdy nad obrazkiem zostanie umieszczony kursor myszki.
W tym momencie wszystko jest gotowe do wstawienia obrazka.
- Kliknij przycisk Wstaw znajdujący się w prawym górnym narożniku okna dialogowego
Obraz zostanie wstawiony na stronę zgodnie z Twoimi instrukcjami. W edytorze może to wyglądać trochę dziwnie.
- Zapisz artykuł
- Sprawdź, czy wszystko jest w porządku.
Obraz osadzony w artykule. W tym przypadku nie skorzystano z układu tabeli.
Częstym problemem jest nieodpowiedni rozmiar obrazka - zbyt mały albo za duży.
- Można zmienić rozmiar obrazka na kilka sposobów:-
- zmień rozmiar obrazka na ekranie - to najprostszy sposób, ale wymaga nieco zręczności!
- Ustaw kursor w małym kwadratowym punkcie zaczepienia w jednym z narożników obrazka
- przeciągnij go, zmniejszając bądź zwiększając obrazek.
- Możesz powtórzyć tę operację zmiany rozmiarów, ale dobrze jest najpierw zapisać artykuł, a dopiero potem ponownie edytować.
- zmień rozmiar, używając ikony Wstaw/Dostosuj obraz z przybornika (zielona ikonka z obrazkiem drzewa)
- W oknie dialogowym określ Wymiary obrazka. Trzeba uważać, aby zachować proporcje między szerokością a wysokością. Najlepiej ustalić tylko szerokość lub wysokość, a przeglądarka użytkownika dobierze proporcjonalnie drugi wymiar.
- Zmień rozmiar oryginalnego obrazka za pomocą edytora grafiki i ponownie załaduj go na serwer.
- Następnie usuń obrazek z artykułu i wstaw go ponownie.
Często trzeba się trochę pobawić, aby uzyskać zadowalające rozmiary i położenie obrazka.
Usuwanie obrazka z artykułu
To proste, jak można się spodziewać.
- Otwórz artykuł do edycji
- Wybierz (zaznacz) obraz
- Naciśnij na klawiaturze klawisz Delete.
Obraz zostanie usunięty z artykułu, ale pozostanie na serwerze.
Dalsze informacje
-