W. M. Kolasa |
Wysłany: 30 Kwiecień 2014, 10:02 am Temat postu: 05 - Galeria - praca kontrolna |
|
Praca kontrolna 1
Temat: Transformacje i zrzuty
Pomyśl i przygotuj kilkanaście zdjęć do galerii na dowolny temat (w tym co najmniej 2 zrzuty wykonane GreenShotem). Poddaj je dowolnym zabiegom upiększającym. Masz swoją pracą udowodnić, że potrafisz się sprawnie posługiwać prostymi programami graficznymi (xNview, FastStone, IrfanView). Do stworzenia galerii możesz użyć zdjęć, które robiliśmy na zajęciach, zdjęć własnych lub pozyskanych od rodziny (nie wolno używać zdjęć opublikowanych w internecie).
Galeria ma wyrażać Ciebie i Twoje preferencje estetyczne. Gdy zdjęcia będą a gotowe opublikuj je w grupie FB. Galerię nazwij: Nazwisko - transformacje i zrzuty. Pod obrazami galerii dodaj też odpowiednie opisy. Przed publikacja zdjęcia należy odpowiednio przeskalować i odchudzić (maksymalnie 1024x800 pix i nie więcej niż 300 kB) oraz podpisać (nałożyć tekst: Imię Nazwisko (c) Kraków 2018).
Termin wykonania: do 8 maja 2018.
--------------------------------------------------------------------------------
Praca kontrolna 2
Temat pracy: Moje serwisy internetowe
Przykład
Szczegóły:
A - Wykonaj 12 lub 15 zrzutów stron twoich ulubionych serwisów internetowych. Wykonaj ew. retusz lub inne zabiegi upiększające. Do masowej korekty użyj dowolnego programu umożliwiającego przetwarzanie wsadowe (np. irfanView, xnView lub inne - jeśli wolisz); metodę tę pokazywałem na ostatnich ćwiczeniach. Obrazki obowiązkowo powinny być podpisane w lewym dolnym rogu (nałożony tekst: (c) Imię Nazwisko, Kraków 2015)
B - Ustal jakąś logikę swojej galerii i w ślad za tym kolejność fotografii. Ponumeruj fotografie rosnąco - wg uprzednio ustalonej kolejności - sugeruję, aby używać podobnej notacji, jak w oryginale. Pamiętaj o poprawnych nazwach plików (bez spacji, znaków diakrytycznych i dUżYcH/mAłYcH liter).
C - Używając xnView stwórz galerię (użyj szablonu "Visuddi-Lightbox"), inne sugerowane parametry - zob. zrzut. 2 niżej. Galerii naddaj adekwatny tytuł i nagłówek (np. Moje serwisy internetowe)
D. Jeśli eksperymentujesz - proponuję generować kolejne wersje galerii - do odrębnych folderów - np. ga01, ga02 ...
E. Gdy już uzyskasz pożądany efekt, wykonaj czynności końcowe:
- a. Dodaj tekst na fotografii (z folderu \original\) - najlepiej zrobić to na kopii, a jak uzyskasz zadowalające efekty podmień pliki do \original\. W przykładowej galerii na fotografiach nałożono tekst "(c) Jan Kowalski, Kraków 2015". Najłatwiej wykonać to w xNView, ale możesz też spr. w IrfanView
- b. Wykonaj korekty na pliku thumb.html - jak i co zrobić piszę w pkt. 8 - ramka "Edycja i korekty w HTML galerii".
F. Po zakończeniu prac:
- zmień nazwę folderu z galerią wg wzoru: nazwisko_galeria_2016
- spakuj WinRarem
- wyślij na adres: wmkolasa@gmail.com (w temat postu wpisz swoje nazwisko imię)
- termin wykonania: do 8 maja 2016.
H. Ramka o HTML
Cytat: | "Edycja i korekty w HTML galerii" (dot. pracy 1)
----------------
Obowiązkowo:
I. Zmień podpisy pod fotografiami (wpisz tam coś adekwatnego i sensownego). Swoją fotografię podpisz z imienia i nazwiska.
Najprościej wykonać to następująco. Otwórz thumb.html edytorem ASCI, najlepiej nadaje się do tego Notepad++ i podmień odpowiednie elementy, wg poniższego wzoru (uważaj, aby nie uszkodzić tagów). Zanim to uczynisz spr. czy ustawione jest kodowanie UTF8, jeśli nie przekoduj dokument do UTF8:
zamiast
<div>foto_0002</div>
wpisuj
<div>To jest podpis pod fotografię foto_0002</div>
ponadto w każdej linii wyżej podmień wartość tagu title, np.
zamiast
<a ... title="foto_0002" ... </a>
<a ... title="To jest podpis pod fotografię foto_0002" ... </a>
Uwaga phpBB nie wyświetla wszystkich tagów - zatem por. pkt I (niżej).
II. Sekcja meta thumb.html
W miejsca puste lub wypełnione maszynowymi wartościami wstaw odpowiednie inf. o sobie i swojej galerii - sposób jw.
----------
Nadobowiązkowo:
Jeśli dobrze znasz HTML i wiesz co robisz - możesz także zmienić inne elementy - słowem spersonalizować różne ustawienia. Np w galerii przykładowej dodano w stopce linie i podpis webmastera - zob. źródło strony.
Jeśli wiesz co robisz - możesz też (choć tego nie zalecam) używać dowolnego edytora HTML - ale takie odejście nigdy nie gwarantuje, że ów edytor czegoś nie zepsuje. Względnie dobre efekty uzyskamy pracując ed. bez podglądu (np. Pajączek), a z edytorów w trybie podglądu najlepiej sprawuje się Adobe Dreamweaver. W żadnym przypadku nie wolno do tego używać Worda lub czegoś w tym stylu.
|
I. Galeria - przykładowe ustawienia
J. Edycja HTML
|
|