Budowa aktywnych stron WWW - 1

(1)

TIP – Technologie Informatyczne od Podstaw

Wydział fizyki i Astronomii Uniwersytetu Wrocławskiego. Pl Maksa Borna 9 pokój. 411, 50-204 Wrocław; tel 375 9427, www: http://tip.ift.uni.wroc.pl/

Budowa aktywnych stron WWW - 1

W czasie ćwiczeń będziemy pracowali nad projektami których wykonanie będzie wymagane do zalcizenia kursu. Wiele zadań z poszczególnych list dotyczyć będzie różnych fragmentów tych projektów. Czasami zadania będąpozornie oderwane od głównego tematu, jednak cały czas pracowaćbędziemy nad projektem.

W czasie ćwiczeń można zmieniać decyzjędotyczącą projektu. Nie będzie to wymagało zmian z zadaniach już zrealizowanych i zaliczonych, jednak kolejne zadania muszą być już związane z nowo wybranym projektem.

Proponuję następujące projekty:

 Licznik odwiedzin strony WWW

 Forum dyskusyjne

 Tablica ogłoszeń

 Serwis towarzyski

 Sklep internetowy

 Komis internetowy

 Lista rankingowa

Inne projekty mogą być także realizowane, pod warunkiem uzgodnienia z wykładowcą.

Zadanie 1

Przygotować teksty na stronę WWW opisującą wybrany projekt. Prosze opisać nazwę wybranego projektu, autora, cel oraz dodatkowe informacje jakie wydają się istotne lub ciekawe.

Zadanie 2

Przygotować plik index.html zawierający przygotowane teksty. Każdy tekst powinien być opatrzony nagłówkiem oraz odpowiednio sformatowany. Proszę o bogate formatowanie, ale bez przesady. Strona powinna nadawać się do czytania.

Zadanie 3

Proszę sprawićby poprawnie pokazywały się polskie znaki diakrytyczne na przygotowanej włąśnie stronie.

Zadanie 4

Proszę umieścić przygotowaną strone na serwerze. Od tego momentu – zadanie jest rozwiązane jeśli poprawione pliki są umieszczone na serwerze.

Zadanie 5

Proszę dodać do strony listę innych stron osób które sąw tej samej grupie. Lista powinna być widoczna jako lista wypunktowana odnośników do stron WWW i powinna być widoczna po prawej stronie opisów naszego projektu.

Zadanie 6

Proszę dodać nagłówek do strony, zawierający informacje o kursie oraz rysunki: flage Unii Europejskiej, logo ZPORR oraz logo EFS, a także logo Uniwersytetu Wrocławskiego oraz logo WFiA. Rysunki te powinny być odnośnikami do adresów http://www.dwup.pl/start.htm (pierwsze 3), http://www.uni.wroc.pl/ oraz http://www.ift.uni.wroc.pl/

Zadanie 7

Proszę dodać linki do stron przydatnych do pracy nad projektem – powyżej odnośników do stron innych uczestników kursu. Każda z sekcji odnośników powinna mieć nagłówek

Budowa aktywnych stron WWW Lista 1

(2)

TIP – Technologie Informatyczne od Podstaw

Budowa aktywnych stron WWW - 2

Zadanie 8

Proszę przygotować atrapę przygotowywanego projektu. Atrapa ma być nie dzialającym modelem gotowego serwisu, lub jego podstawowej strony. Chodzi tu o przygotowanie strony WWW która będzie prezentowała jak wyglądać będzie serwis. W przypadku licznika – bedzie to widok samego licznika oraz strony zawierającej statystyki.

Zadanie 9

Proszę przygotowaćformularz rejestracyjny dla użytkownika serwisu jako nową stronę WWW.

Zadanie 10

Proszę wysłaćstrony z dwu poprzednich zadań oraz dodać odnośniki do tych stron z głownej strony informacyjnej przygotowywanej w ramach zadań z pierwszej listy.

Zadanie 11

Proszę przejrzeć przygotowywane wcześniej strony i poszukać wszystkich informacji o formatach tekstów czy rysunków. Proszę się zastanowićczy wszystkie są potrzebne i przygotować arkusz styli zawierających wszystkie potrzebne formaty. Proszę zastąpić formatowanie w kodzie HTML – określeniem stylu poszczególnych elementów strony. Proszędodaćodniesienie do pliku zawierającego style do wszystkich dotychczas przygotowywanych stron WWW.

Zadanie 12

Proszę przygotować styl dla kontrolek które są umieszczone na formularzu, tak by miały inne niżdomyślne kolory oraz inne czcionki i obramowania.

Zadanie 13

Proszę dodać domyślny styl dla strony oraz elementu tabeli

Zadanie 14

Prosze przygotować alternatywny arkusz styli zmianiając kolory oraz kroje czcionek poszczególnych elementów lub całości serwisu. Proszę skopiować strony: atrapę serwisu oraz formularz i zmienićw kopiach odniesienie do stylu – tak by uzyskaćdwa różne widoki tych samych stron.

Proszędodaćodniesienia do nowych stron na głównej stronie.

(3)

TIP – Technologie Informatyczne od Podstaw

Budowa aktywnych stron WWW - 3

Zadanie 15

Proszę dodać soprawdzenie czy wybrane pola formularza nie są puste. W przypadku gdy nie sąwypełnione – proszę wyświetlić komunikat i przejść do pierwszego wymaganego a nie wypełnionego pola.

Zadanie 16

Napisać obsługę zdarzeń – tak by w polu numeru kontaktowego można było podać jedynie cyfry.

Zadanie 17

Zmienić obsługę zdarzeń z poprzedniego zadania, tak by numer telefonu pojawial sie z kreskami po trzech a potem po kazdych 2 cyfrach.

Zadanie 18

Jeśli w formularzu nie ma takich pól – to proszę dodać – pole płeć oraz pole nazwisko panieńskie oraz stan cywilny. Dopisać obsługę zdarzeń do pola płeć, tak by nazwisko panieńskie było nieaktywne dla mężczyzn, a pole wyboru stanu cywilnego – zawierało określenia „kawaler/żonaty/wdowiec” lub

„panna/mężatka/wdowa” w zależności od wybranej płci.

Zadanie 19

Proszę przygotować stronę wyświetjającą tabliczkę mnożenia. Tabela z wynikami mnożenia powinna być generowana przez program działający po stronie przeglądarki WWW.

(4)

TIP – Technologie Informatyczne od Podstaw

Budowa aktywnych stron WWW - 4

Zadanie 20

Proszę przygotować stronę wyświetjającą tabliczkę mnożenia. Tabela z wynikami mnożenia powinna być generowana przez program działający po stronie serwera i powinna być napisana w .języku PHP.

Zadanie 21

Proszę przebudować atrapy stron tak, by używany był jeden z przygotowanych arkuszy styli – w zależności od wartości parametry podanego w wywołaniu strony.

Zadanie 22

Proszę zbudowaćstronę WWW odbierającą dane z formularza i wyświetlającą je w postaci tabelki.

Zadanie 23

Proszę napisać funkcję która dane z formularza z poprzedniego zadania zapisuje do bazy danych

Zadanie 24

Proszę napisać funkcję która wyświetli w postaci tabelki zawartość bazy danych zwróconą jako wynik zapytania. Proszę przetestować tą funkcjęna danych z formularza.

Zadanie 25

Proszę rozbudować wyświetlanie o link pozwalający edytować oraz kasować wybrane pozycje z tabeli.

Zadanie 26

Proszę przygotować prosty serwis internetowy – wybrany z proponowanych tematów prac zaliczeniowych. To zadanie należy zrealizwaoć do końca kursu.

Od tego momentu – na zajęciach pracują Państwo nad swoimi serwisami WWW. Przygotowanie serwisu jest wymagane do zaliczenia kursu podobnie jak rozwiązanie wszystkich zadań. Gotowe serwisy po umieszczeniu na serwerze, będą ocenione przez prowadzących zajęcia. Proszę tylko o informacje (mailem) o tym, że serwis jest gotowy.