Projektowanie stron internetowych od podstaw

1. Wprowadzenie do języka HTML:

• co to jest HTML,
• jak wygląda HTML,
• ćwiczenie – pierwsza strona www,
• kaskadowe arkusze stylów – wprowadzenie,
• podstawowa struktura strony i jej elementy.

2. Podstawowe znaczniki na stronie www:

• znacznik HTML,
• znacznik HEAD,
• znacznik TITLE,
• znacznik BODY,
• komentarze na stronach www.

3. Znaczniki opisujące zawartość strony:

• nagłówki H,
• akapity P. 

4. Znaczniki definiujące listy na stronach:

• lista numerowana,
• lista wypunktowana,
• lista definicji,
• listy zagnieżdżone.

5. Hiperłącza, linki, odnośniki:

• znacznik A,
• łącza do stron lokalnych,
• łącza do fragmentów strony – zakotwiczenie,
• łącza do poczty – mailto.

6. Formatowanie tekstu na stronie www:

• style logiczne,
• style fizyczne.

7. Formatowanie tekstu za pomocą CSS:

• ozdabianie tekstu,
• właściwości czcionek,
• tekst predefiniowany,
• linia pozioma,
• zadanie – sygnaturki,
• cytowanie tekstu,
• znaki specjalne,
• wyrównywanie tekstu,
• kroje pisma i wielkość czcionki,
• zadanie – pierwsza prawdziwa strona www.

8. Trochę grafiki i kolorów na stronie:

• zmiana koloru tła strony i koloru tekstu,
• obrazki na stronie www,
• wyrównywanie obrazków i tekstu,
• oblewanie obrazków tekstem,
• obrazki jako hiperłącza,
• skalowanie obrazków,
• obramowanie obrazków.

9. Tabele.

10. Znaczniki tworzące tabelę.

11. Formatowanie tabeli:

• szerokość i obramowanie tabeli,
• kolor tabeli i komórek,
• wyrównywanie komórek i obramowanie.

12. Ulepszanie tabel:

• grupowanie i wyrównywanie kolumn,
• grupowanie i wyrównywanie wierszy,
• atrybuty FRAME i RULES,
• zadanie – tabelaryczny szkielet strony (niezalecany).

13. Kaskadowe arkusze stylów:

• osadzanie arkuszy stylów na stronie www,
• selektory,
• klasy i identyfikatory,
• jednostki miar w stylach CSS,
• właściwości pól,
• rozmiar,
• obramowanie,
• wypełnienie i marginesy,
• elementy pływające.

14. Pozycjonowanie zawartości strony:

• pozycjonowanie względne,
• pozycjonowanie bezwzględne,
• nakładanie elementów,
• znacznik BODY,
• formatowanie łączy za pomocą CSS,
• układy wielokolumnowe,
• zadanie - struktura strony www.

15. Interakcja z użytkownikiem – formularze.

16. Tworzenie formularza.

17. Dodatkowe opcje formularza:

• pole hasła,
• przycisk zerowania,
• obraz jako przycisk wysyłający,
• przycisk typu BUTTON,
• ukrywanie pól formularza,
• etykiety pól formularzy,
• grupowanie elementów,
• klawisze dostępu i kolejność poruszania się po polach formularza,
• elementy nieaktywne i tylko do odczytu,
• formatowanie formularza za pomocą CSS.

18. Publikowanie strony na serwerze.