Forum Forum dyd@ktyczne INoI UP w Krakowie Strona Główna Forum dyd@ktyczne INoI UP w Krakowie
Platforma pracy grupowej INoI UP w Krakowie
 
 FAQFAQ   SzukajSzukaj   UżytkownicyUżytkownicy   GrupyGrupy   GalerieGalerie   RejestracjaRejestracja 
 ProfilProfil   Zaloguj się, by sprawdzić wiadomościZaloguj się, by sprawdzić wiadomości   ZalogujZaloguj 

05 - Galeria - praca kontrolna

 
Napisz nowy temat   Odpowiedz do tematu    Forum Forum dyd@ktyczne INoI UP w Krakowie Strona Główna -> Technologia przetwarzania dokumentów cyfrowych
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
W. M. Kolasa
Administrator



Dołączył: 02 Kwi 2006
Posty: 3187
Przeczytał: 8 tematów

Skąd: Kraków
Płeć: Pan

PostWysłany: 30 Kwiecień 2014, 10:02 am    Temat postu: 05 - Galeria - praca kontrolna

Praca kontrolna 1

Temat pracy: Moje serwisy internetowe

[link widoczny dla zalogowanych]

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: [link widoczny dla zalogowanych] (w temat postu wpisz swoje nazwisko imię)
- termin wykonania: do 8 maja 2016.

G. Praca kontrolna 2

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 jesienią 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: Imie Nazwisko (c) Kraków 2016). Przykładową galerię znajdziesz w grupie FB (Kowalski - zrzuty i transformacje)

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


Ostatnio zmieniony przez W. M. Kolasa dnia 8 Maj 2016, 23:07 pm, w całości zmieniany 16 razy
Powrót do góry
Zobacz profil autora
Wyświetl posty z ostatnich:   
Napisz nowy temat   Odpowiedz do tematu    Forum Forum dyd@ktyczne INoI UP w Krakowie Strona Główna -> Technologia przetwarzania dokumentów cyfrowych Wszystkie czasy w strefie CET (Europa)
Strona 1 z 1

 
Skocz do:  
Możesz pisać nowe tematy
Możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach

fora.pl - załóż własne forum dyskusyjne za darmo
Powered by phpBB © 2001, 2005 phpBB Group
Regulamin