pai_03 html css.pdf

(53 KB) Pobierz
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
<small>
.
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
.
Skonfigurować serwer Apacha do współpracy z PHP.
Przećwiczyć przekazywanie danych miedzy formularzami metodą POST, GET i za
pomocą globals=on.
Obsłużyć połączenie z serwerami baz danych MySQL
a. Wyświetlając dane z tabel
b. Wstawiając dane do tabel
c. Poprawiając dane w tabeli
d. Usuwając dane z tabeli
e. Sortując dane w tabeli
2. PHP
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 powinno być wysłane w ciągu tygodnia na adres
j.wikarek@tu.kielce.pl.
Jako
temat wiadomości wpisać:
pai_03_xxxx_yy
(gdzie: xxxx to numer grupy dziekańskiej np.
313A, yy numer zespołu). Sprawozdanie powinno być przysłane jako spakowane archiwum
zip. Plik powinien posiadać nazwę:
pai_03_xxxx_yy.zip
(gdzie: xxxx to numer grupy
dziekańskiej np. 313A, yy numer zespołu ). Sprawozdanie powinno zawierać:
•
•
•
Dane zespołu wykonującego
ćwiczenie
(nazwiska, imiona, grupa dziekańska, data i
godzina wykonania
ćwiczenia).
Opis wykonania poszczególnych punktów (z wyraźnym zaznaczeniem którego
punktu dotyczy) – przebieg sesji (polecenia wysłane na serwer odpowiedzi serwera/.
Pliki
źródłowe
napisanych stron i formularzy.
3

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin