POLITECHNIKA ŚWI
TOKRZYSKA
KATEDRA SYSTEMÓW STEROWANIA
I ZARZ
DZANIA
Projektowanie Aplikacji Internetowych
Laboratorium 3
2x45 minut
Html, Formularze, Arkusze stylów css,
PHP wprowadzenie.
WYMAGANIA
Student przystępując do zajęć powinien mieć opanowany materiał na temat:
" Języka html.
" Arkuszy stylów css
" Budowy formularzy
" Programowania w języku PHP (w zakresie wymaganym do wykonania ćwiczenia)
Kod materiałów pai__03
II PRZEBIEG ĆWICZENIA
1. CSS przećwicz:
" Różne metody łączenia stylu z dokumentem HTML (wewnątrz dokumentu,
zewnętrzny plik CSS, atrybut style) wykorzystując własności czcionek: krój,
wielkość, kolor, styl, wariant.
" Długości w stylach CSS (względne, bezwzględne).
" Selektory odwołujące się do atrybutów: atrybuty class i id, selektory typu [x],
[x="y"], [x~="y"].
" Selektory kontekstowe E F, E>F, E+F.
" Elementy div, span.
" Ramki: padding, border, margin; rozmiary ramek (rozmiary minimalne
i maksymalne), przepełnienie (własność overflow).
" Właściwości tekstu: wyrównanie (w pionie i poziomie), odstępy pomiędzy liniami,
słowami i znakami, trasformacja do dużych/małych liter.
" Właściwości tła: kolor, rysunek (ilość, położenie, krotność).
" Pseudoklasy :first-child, :hover, :active. Tworzenie odnośnika do innych
dokumentów zmieniającego swój wygląd po najechaniu myszką. Utwórzyć
formularz, którego pola będą wyróżniane po wybraniu.
" Pseudoelementy :first-line, :first-letter. Teksty generowane
automatycznie: :before, :after.
" Dziedziczenie: słowo kluczowe inherit (np. względna wielkość czcionki).
Przykład: zagnieżdżenie elementu .
" Pozycjonowanie: własność position.
" Białe spacje
" Zdefiniować złożony układ strony (nagłówek, stopka, margines) bez stosowania
tabel.
" Typy elementów: block, inline.
2. Formularze:
" Zbudować formularze do wprowadzania danych do tabel znajdujących się w bazie
w bazie (mają być pola tekstowe, przyciski wyboru, listy rozwijalne).
" Zbudować formularz do zakładania konta.
" Zbudować formularz do logowania.
" Zbudować formularz do ftp.
3. PHP
" Przećwiczyć przekazywanie danych miedzy formularzami metodą POST, GET i za
pomocą globals=on.
" Obsłużyć ftp przez WWW.
" Obsłużyć połączenie z serwerami baz danych ORACLE i MySQL
a. Wyświetlając dane z tabel
b. Wstawiając dane do tabel
Uwaga!
Można wszystkie te ćwiczenia połączyć tzn. budując formularze z wykorzystaniem css do
odpowiednich zadań z php.
2
Kod materiałów pai__03
III SPRAWOZDANIE Z ĆWICZENIA
Sprawozdanie z ćwiczeń przesłane w ciągu tygodnia na adres [e-mail],pl powinno
zawierać:
" W temacie wiadomości PAI ćwiczenie 3
" Dane zespołu wykonującego ćwiczenie (nazwiska, imiona, grupa dziekańska, data i
godzina wykonania ćwiczenia).
" Opis wykonania poszczególnych punktów (z wyraz
nym zaznaczeniem którego
punktu dotyczy).
3