Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Uniwersytet Mikołaja Kopernika w Toruniu Wydział Fizyki, Astronomii i Informatyki Stosowanej Podyplomowe Studium Programowania i Zastosowań Komputerów.

Podobne prezentacje


Prezentacja na temat: "Uniwersytet Mikołaja Kopernika w Toruniu Wydział Fizyki, Astronomii i Informatyki Stosowanej Podyplomowe Studium Programowania i Zastosowań Komputerów."— Zapis prezentacji:

1 Uniwersytet Mikołaja Kopernika w Toruniu Wydział Fizyki, Astronomii i Informatyki Stosowanej Podyplomowe Studium Programowania i Zastosowań Komputerów PROJEKT STRONY WWW KW GOPŁO KRUSZWICA Robert Januszek Praca wykonana pod kierunkiem dr Mariusza Piwińskiego Toruń 2010

2 CEL PROJEKTU Stworzenie strony internetowej klubu wioślarskiego Gopło Kruszwica. Prezentacja osiągnięć sportowych zawodników klubu. Przedstawienie historii klubu. Promocja wioślarstwa w Polsce. Promocja miasta Kruszwicy.

3 PROGRAMY WYKORZYSTANE DO BUDOWY STRONY Edytor stron WWW: EzHTML, Ked2. Programy graficzne: Gimp, Inkscape, Paint,Swich. Program FTP: FileZilla. Program do kompresji: 7-Zip. Edytor CSS: TopStyle Lite. Przeglądarka: Internet Explorer.

4 DO PRZYGOTOWANIA STRONY WYKORZYSTAŁEM: Język HTML. Style kaskadowe CSS. Język skryptu Java. Język PHP. Projekty flash. Grafikę wektorową.

5 STRUKTURA SERWISU:

6 STRONA STARTOWA index.html Strona oparta na ramkach Zastosowanie ikony w adresie przeglądarki KW Gopło Kruszwica

7 STYL KASKADOWY CSS W SERWISIE body {background-color:#f7f7f7; border-top: thin; } #podswietlanietabeli {padding: 0px 0px 0px 0px; MARGIN-BOTTOM: 10px; } #podswietlanietabeli UL {PADDING-BOTTOM: 10px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 10px } #podswietlanietabeli LI {BORDER-BOTTOM: #fffffb 3px solid; MARGIN: 0px; BORDER-TOP: #fffffb 3px solid; MARGIN: 0px } #podswietlanietabeli LI A {FONT-WEIGHT: bold; TEXT-DECORATION: none } #podswietlanietabeli LI A#normal {BORDER-LEFT: #8080ff 10px solid; BACKGROUND-COLOR: #d7d7ff; PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; DISPLAY: block; WHITE-SPACE: nowrap; COLOR: blue; BORDER-RIGHT: #8080ff 10px solid; PADDING-TOP: 5px } #podswietlanietabeli LI A#normal:hover { BORDER-LEFT: blue 10px solid; BACKGROUND-COLOR: #8080ff; COLOR: white; BORDER-RIGHT: blue 10px solid; } Style CSS zewnętrzne Zmieniające kolor listy, Podświetlające napisy

8 Szybkie wyszukiwanie Polski Komitet Olimpijski PZTW Ministerstwo Sportu i Turystyki Zgłoszenia do regat Wio¶larstwo com Kruszwica.org UKS Słowak Wikipedia Zespół Skuund SZYBKIE WYSZUKIWARKI W JĘZYKU HTML

9 LOGOWANIE WE FLASHU Prosty skrypt logowania we flashu : on (press) // jeśli naciśniesz lewy przycisk myszy na napis Zaloguj { if(user=="login" and password=="hasło…") //jeśli podasz login i hasło { getURL("strona.html", ""); } //przejdź na stronę.html else { user=""; password=""; } //inaczej pozostań na stronie logowania } on (keyPress(" ")) //po podaniu poprawnego hasła i loginu możesz nacisnąć enter i przejść do nowej strony

10 FORMULARZ W PROJEKCIE: Nazwisko: Temat : Twój adres Zadaj pytanie:

11 ANIMACJA FLASH W SERWISIE Animacja wiosłowania flash w komercyjnym programie Swish Max3. Tempo klatek to 25 na sekundę. Ruch pojedynczych części obrazu ustawiony na ruch cykliczny według ścieżki ruchu (efektu ruchu). Sterowanie elementami obrazu uzyskałem poprzez zastosowanie efektu przesuń. Do obrotu pióra wiosła wykorzystałem efekt transformacji obiektu i przekształceń. Plik flash zapisałem w formacie swf.

12 GALERIA SPORTOWCÓW: Style wewnętrzne CSS sterujące kolorem obramowania fotek Wstaw zdjęcie oraz pokaż tytuł i zmieniaj obramowania po najechaniu myszki itp..

13 PODSUMOWANIE: Projekt strony internetowej klubu Gopło Kruszwica ma promować sport, wioślarstwo, dostarczać wiedzy historycznej oraz szkoleniowej. Czy zrealizowałem to zamierzenie ? Pragnę podziękować Panu dr Mariuszowi Piwińskiemu za pomoc merytoryczną i wyrozumiałość.


Pobierz ppt "Uniwersytet Mikołaja Kopernika w Toruniu Wydział Fizyki, Astronomii i Informatyki Stosowanej Podyplomowe Studium Programowania i Zastosowań Komputerów."

Podobne prezentacje


Reklamy Google