Szczegóły dotyczące kolokwium nr 1 1) W czasie kolokwium można korzystać wyłącznie z materiałów papierowych przyniesionych ze sobą (zalecane poprawione i uzupełnione wersje!). 2) Sposób wykorzystania Internetu określa prowadzący bezpośrednio przed kolokwium. Nie można kopiować jakichkolwiek danych spoza maszyny wirtualnej. 3) Losowanie JEDNEGO tematu (spośród przewidzianych na to kolokwium) odbywa się komputerowo z kilkudniowym wyprzedzeniem i jest trzymane w tajemnicy do momentu rozpoczęcia kolokwium. W tym czasie prowadzący przygotuje maszynę wirtualną odpowiednią do zadania. 4) Wynik losowania zostanie podany do wiadomości bezpośrednio przed importem maszyny do Virtual Box w sali laboratoryjnej. Import maszyny nie wlicza się do czasu pracy. 5) Po zaimportowaniu maszynę należy uruchomić. Pojawi się ekran z monitem podania hasła. Po podaniu hasła administratora ruszy zegar odmierzający czas pracy. 6) Poniższa lista zawiera zakres wymagań na kolokwium nr 1. TEMAT: HTML + CSS, ćwiczenie 1 a) Problem 1 wyłączony z kolokwium; b) Problem 2: ii) Pliki pomocnicze: 1860.jpg, books.png, DANE.pdf, Murakami.txt; iii) Wymagania dodatkowe; uwagi: nie wykonywać punktu 6. (1) okazać wykonanie punktu 7. (kod strony); wyświetlić stronę; (2) okazać wykonanie punktu 19. (kod strony); wyświetlić stronę; elementy sprawdzane: (a) wyraźnie zaznaczona cena; (b) pierwszy akapit opisu książki powinien być wyświetlany czcionką pochyłą; (c) zdjęcie okładki powinno być obramowane ramką koloru niebieskiego, która zmieni kolor na czerwony w momencie najechania na nią myszką. (d) efekt rozstrzelenia liter w nazwisku autora książki; (e) opis książki wydrukować mniejszym krojem czcionki; reguła odnosi się do paragrafów tekstowych, ale tylko do paragrafów wewnątrz tabelki; (f) paragrafy zawierające opis książki mają być wydrukowane kolorem szarym. Nie dotyczy to pierwszego paragrafu, drukowanego czcionką pochyłą; (3) okazać wykonanie punktu 23.
TEMAT: HTML + CSS (ćwiczenie 2) c) Problem 1 wyłączony z kolokwium; d) Problem 2: ii) Pliki pomocnicze: list.txt, person.png; (1) wydrukowane w kolorze pliki 1.png, 2.png, 3.png, 4.png, 5.png; iii) Wymagania dodatkowe; uwagi: kod rozwiązania napisać samodzielnie wykorzystując pozycjonowanie box-model; przygotować się do zmian w pliku CSS przy sprawdzaniu (prowadzący może przy sprawdzaniu zlecić zmianę czcionki w danym elemencie, zmianę koloru, zmianę tła danego elementu, zmianę koloru tła strony, itp.; szczegółowe wymagania dalej); (1) wyświetlić w przeglądarce stronę startową i okazać do sprawdzenia; strona powinna być identyczna z zawartością pliku 1.png (za wyjątkiem imienia i nazwiska należy wpisać swoje); (2) przy pomocy menu ze strony startowej wyświetlić w przeglądarce stronę CV i okazać do sprawdzenia; strona powinna być zbliżona do zawartości plików 2.png, 3.png, 4.png poza wyjątkami: (a) dane osobiste (w tej sekcji należy wpisać prawdziwe dane osobiste autora rozwiązania); (b) ukończone szkoły (w sekcji WYKSZTAŁCENIE należy podać linki do faktycznie ukończonych szkół); (c) sekcji DOŚWIADCZENIE należy podać linki do stron firm byłych lub aktualnych pracodawców; (3) przy pomocy menu ze strony CV wyświetlić w przeglądarce stronę z listem motywacyjnym i okazać do sprawdzenia; strona powinna być identyczna z zawartością pliku 5.png; v) ciąg dalszy w następnym polu
vi) Problem 3 zmieniony: (1) Po okazaniu strony z ustawieniami początkowymi dokonać następujących zmian w wyglądzie strony: (a) Na stronie startowej: (i) Powiększyć napis imię i nazwisko ok 3-krotnie; (ii) Zmienić kolor napisu na fioletowy (B80786); (iii)zmienić tło ramki na żółte (DFF708); (b) Na stronie CV: (i) Zmienić niebieskie tło napisów (informacje osobiste, wykształcenie, itd.) na pomarańczowe (FA3803); same napisy pochylić; (ii) Ustawić ramkę obrazka (zdjęcia) na linię grubą zieloną, zieloną (13FA03); (iii)ustawić tło ramki na jasnoniebieskie (94F7E3); (iv) Zmniejszyć ok. dwukrotnie czcionkę tekstu o zgodzie o przetwarzaniu danych osobowych w stopce strony; ustawić kolor czcionki tego tekstu na czerwony (FA0303); (c) Na stronie z listem motywacyjnym: (i) Zmienić czcionkę tekstu listu (od Witam serdecznie do kontakt ) na pochyłą, pogrubioną e) Problem 4 wyłączony z kolokwium;
TEMAT: XML+XSL (ćwiczenie 1) a) Ćwiczenie 1: ii) Pliki pomocnicze: 1.png, 2.png, 3.png, walidacja.txt; dziennych utworzyć samodzielnie dwa pliki: plan.xml oraz dokument.dtd. w pliku plan.xml zapisać dane do planu studiów zaocznych trzy dwudniowe, sobotnioniedzielne zjazdy (w istniejącym rozwiązaniu dla studiów dziennych można zastąpić dzień tygodnia datą); zwalidować (bez okazywania) online powyższe pliki na stronie, której adres znajduje się w pliku walidacja.txt; b) Ćwiczenie 2: ii) Pliki pomocnicze: 1.png, 2.png; dziennych utworzyć samodzielnie plik convert.xsl pozwalający obejrzeć plik plan.xml w wymaganej postaci (patrz pliki 1.png, 2.png) okazać efekt po rozwiązaniu tego problemu (plan dla trzech zjazdów w układzie pionowym, daty niedziel wyświetlane kolorem czerwonym); c) Ćwiczenie 3: ii) Pliki pomocnicze: 3.png, walidacja.txt; dziennych utworzyć samodzielnie plik convert.xsl pozwalający obejrzeć plik plan.xml w wymaganej postaci (patrz plik 3.png); uwaga: w pliku plan.xml nie dokonywać jakichkolwiek zmian! (1) okazać efekt po rozwiązaniu tego problemu (plan dla trzech zjazdów w układzie poziomym, daty niedziel wyświetlane kolorem czerwonym); (2) okazać proces walidacji online dokumentu plan.xml;
TEMAT: XML+XSL (ćwiczenie 2) a) Zakres, oprogramowanie: przeglądarka, prosty edytor tekstu b) Pliki pomocnicze: xalan-j_2_7_0-bin.zip, xml.apache.org_xalanj_commandline.pdf; c) Wymagania dodatkowe; uwagi; : nie walidować dokumentów online (odłączony Internet!); wszystkie materiały powinny być przygotowane bez błędów; d) Ćwiczenie 1: i) Okazać efekt po zrealizowaniu punktu 4 (czy jest nazwisko WEGLARZ). ii) Okazać efekt po zrealizowaniu punktu 10 (prawidłowość nazwisk ZAKRZEWICZ i JEZIERSKI). iii) Okazać efekt po zrealizowaniu punktu 13 (INSTYTUT, ZESPOL, PRACOWNIK). iv) Okazać efekt po zrealizowaniu punktu 15 (ukrywanie pustych zespołów, podświetlenie asystentów). v) Okazać efekt po zrealizowaniu punktu 16 (plik HTML). TEMAT: Język JavaScript a) Problem 1: i) Zakres, oprogramowanie: XAMPP ii) Pliki pomocnicze: brak; iii) Wymagania dodatkowe; uwagi: zbudować stronę na serwerze Apache (w XAMPP); uzupełnić kod strony i JavaScript w taki sposób, aby formularz był rzeczywiście przesyłany po poprawnym wypełnieniu do odpowiednich tablic asocjacyjnych; (1) okazać formularz po wykonaniu punktu 2. (2) zaprezentować wprowadzanie danych opisane w punkcie 6 wykazać kontrolowanie niezerowej długości napisu (imię, nazwisko, ulica/osiedle, miasto), formatu kodu pocztowego oraz bardzo niedokładne adresu poczty internetowej). (3) zaprezentować działanie formularza opisane w punkcie 12 (pole z nazwiskiem panieńskim ukazuje się tylko dla kobiet). (4) zaprezentować działanie formularza opisane w punkcie 16 (sprawdzanie poprawności kodu pocztowego w czasie rzeczywistym i dokładna kontrola adresu internetowego). (5) Wysłanie formularza po poprawnym wypełnieniu.