Uczestnicy zdobywają wiedzę i umiejętności pozwalające na sprawne tworzenie
stron WWW zgodnych ze standardami, czyli z poprawnym wykorzystaniem języka
HTML/XHTML oraz CSS. Dzięki temu mogą tworzyć strony internetowe dostępne
dla jak najszerszego kręgu odbiorców, czyli takie, które:
Wiedza na temat standardów i poprawnego używania języków HTML/XHTML
i CSS jest też niezbędna osobom, które używają lub zamierzają używać języka
PHP
do tworzenia i automatyzacji działania stron WWW.
| Lp. |
Temat |
Dowiesz/nauczysz się m.in. |
| 1. |
Internet a język HTML/XHTML (1 h) |
- Jak działają strony WWW?
- Czym jest HTML/XHTML
i dlaczego jest używany do tworzenia stron WWW?
- Jakie są podstawowe reguły języka HTML/XHTML?
- O czym trzeba pamiętać, tworząc strony WWW?
- Czym są standardy w Internecie i dlaczego warto ich
przestrzegać?
|
| 2. |
Od czego zacząć tworzenie strony WWW? (1 h) |
- Jak wybrać odpowiednie oprogramowanie?
- Jak sprawnie używać najprostszych dostępnych programów?
- Jakie części powinna zawierać każda poprawna strona WWW?
- Jak określić używaną wersję języka HTML?
- Jak oznaczyć początek i koniec dokumentu HTML
oraz nagłówek i treść strony WWW?
- Co powinien zawierać poprawnie zbudowany nagłówek strony?
- Jak oznaczyć tytuł strony zawarty w nagłówku?
- Jak poprawnie oznaczyć używany sposób kodowania polskich znaków?
|
| 3. |
Główne elementy tekstowe strony oraz separatory (1 h) |
- Jak oznaczać akapity, tytuł strony oraz tytuły jej działów?
- Jak oznaczać w akapicie wymuszenie przejścia do nowego wiersza?
- Jak wstawić na stronie poziomą linię?
|
| 4. |
Style — formatowanie elementów strony WWW (1 h) |
- Czym są i jak działają arkusze stylów
(CSS)?
- Jak utworzyć arkusz stylów?
- Jak podłączyć arkusz stylów do strony WWW?
- Jak umieścić arkusz stylów wewnątrz dokumentu HTML?
- Jak wygląda poprawnie zbudowana definicja stylu?
|
| 5. |
Ogólne ustawienia dla strony WWW (2 h) |
- Jak ustalić krój oraz podstawową wielkość pisma dla całej strony WWW?
- Jak działa ustawianie marginesów i ramek dla różnych elementów strony
(box model)?
- Jak wyzerować marginesy strony?
- Jak ustalić lewy i prawy margines?
- Jak zmienić kolor tekstu oraz tła dla całej strony?
- Jak wstawić grafikę jako tło strony?
|
| 6. |
Formatowanie akapitów (1 h) |
- Jak ustalić odstęp po akapicie?
- Jak ustalić wcięcie pierwszego wiersza akapitu (wcięcie akapitowe)?
- Jak ustalić odstępy między wierszami?
- Jak ustalić wyrównanie tekstu w poziomie?
|
| 7. |
Formatowanie tytułów (1 h) |
- Jak ustalić wielkość pisma?
- Jak uzyskać w tytule pismo pogrubione lub pochylone?
- Jak ustalić odstępy przed i po tytule?
- Jak wyśrodkować tytuł?
- Jak ustalić tło dla tytułu?
- Jak uzyskać tytuł pisany tylko wielkimi literami (bez jego przepisywania)?
|
| 8. |
Inne przydatne elementy tekstowe (1 h) |
- Jak oznaczać wyróżnienia?
- Jak oznaczać indeks górny i dolny (m.in. w jednostkach miary
i wzorach chemicznych)
- Jak oznaczać cytaty?
- Jak oznaczać autora lub źródło cytatu?
- Jak oznaczać skróty i skrótowce oraz dlaczego warto to robić?
|
| 9. |
Komentarze i znaki specjalne (1 h) |
- Do czego służą komentarze?
- Jak oznaczyć komentarz w pliku HTML oraz w pliku CSS?
- Do czego służą i kiedy są używane znaki specjalne?
- Jak wstawić na stronie znak specjalny (np. twardą spację, myślnik,
wielokropek czy znak „copyright”)?
|
| 10. |
Odmiany (klasy) stylów (4 h) |
- Jak utworzyć i zastosować klasę stylu?
- Jak korzystać z elementów „div” i „span”
do tworzenia własnych elementów strony WWW?
- Jak tworzyć bardziej złożone układy stron w oparciu o CSS?
|
| 11. |
Listy — wypunktowane, numerowane i definicji (2 h) |
- Jak wstawić wypunktowanie (listę nienumerowaną)?
- Jak zmienić znak wypunktowania lub użyć w tym celu dowolnego
elementu graficznego?
- Jak ustalić marginesy i odstępy dla list?
- Jak wstawić wyliczenie (listę uporządkowaną)?
- Jak zmienić numerację w wyliczeniu (np. na liczby rzymskie lub litery
alfabetu)?
- Jak wstawić słowniczek (listę definicji)?
|
| 12. |
Hiperłącza/linki (1 h) |
- Jak wstawić hiperłącze?
- Jak połączyć ze sobą strony wchodzące w skład serwisu?
- Jak wstawić połączenie z wybranym miejscem tej samej strony?
- Jak wstawić połączenie z innym serwisem?
- Jak udostępnić dowolny plik za pośrednictwem strony WWW?
- Jak udostępnić automatyczne tworzenie wiadomości e-mail (np. do autora strony)?
- Jak zmienić sposób wyświetlania linków?
|
| 13. |
Katalogi i pliki (1 h) |
- Jak zapisuje się ścieżki dostępu do plików?
- Jak odwołać się w linku do pliku znajdującego się w katalogu
podrzędnym lub nadrzędnym?
- Dlaczego nie powinno się używać ścieżek bezwzględnych?
- Jak tworzyć nazwy plików i katalogów, by poprawnie działały po skopiowaniu
strony WWW na serwer?
- Do czego służą pliki „index.html”?
|
| 14. |
Tabele (4 h) |
- Jak zbudowane są tabele?
- Jak wstawić tabelę?
- Jak wstawić tytuły kolumn tabeli?
- Jak wyświetlić obramowanie dla tabeli i jej komórek?
- Jak ustalić podstawowe właściwości tabeli (odstępy przed i po tabeli,
wielkość pisma, szerokość tabeli oraz marginesy wewnątrz komórek)?
- Jak zmienić kolor tła dla komórek nagłówkowych?
- Jak wyrównywać w poziomie i pionie zawartość komórek tabeli?
- Jak utworzyć wspólny nagłówek dla kilku kolumn lub wierszy?
- Jak dodać tytuł lub podpis tabeli?
|
| 15. |
Grafika (3 h) |
- Jak umieścić grafikę na stronie WWW?
- Jak podać tekst zastępczy dla grafiki?
- Jak uzyskać efekt tekstu opływającego ilustrację?
- Jak uzyskać ramkę wokół ilustracji?
- Jak wyśrodkować ilustracje względem bocznych marginesów strony?
- Kiedy i po co podaje się wymiary obrazka?
- Jak zróżnicować ilustracje na stronie (np. wyrównane do prawego
oraz wyrównane do lewego marginesu)?
- Jak użyć grafiki jako hiperłącza/linku?
- Do czego służą i czym się różnią od siebie pliki w formatach
PNG,
JPEG/JPG
i GIF?
- Jak jest wyświetlany obraz na ekranie monitora i co to jest piksel?
- Jak rozdzielczość ekranu monitora wpływa na wielkość grafiki na stronie WWW?
- Co znaczą skróty dpi oraz
ppi?
- Jak można łatwo i dokładnie zmierzyć wielkość grafiki na ekranie?
|
| 16. |
Kolory (1 h) |
- Jak na ekranie monitora są wyświetlane kolory i co oznacza skrót RGB?
- Jak można określać kolory w kodzie strony WWW?
- Co oznacza np. zapis #3355aa?
- Co to są palety kolorów i jakie jest ich zastosowanie w przypadku
stron WWW?
- Jak ułatwić sobie dobór kolorystyki stron WWW?
|
| 17. |
Polskie znaki w Internecie (1 h) |
- Jak komputer zapisuje polskie znaki?
- Czym różnią się między sobą sposoby kodowania polskich znaków
określane nazwami ISO-8859-2 i Windows-1250?
- Co się stanie, jeśli w nagłówku strony WWW nie zostanie
określony sposób kodowania polskich znaków?
- Jakie są sposoby uzyskiwania w systemie Windows polskich znaków
zgodnych ze standardem ISO?
- Jak można szybko i sprawnie uzyskać polskie znaki w systemie ISO
bez używania dodatkowego oprogramowania?
|
| 18. |
Umieszczanie serwisu na serwerze WWW (1 h) |
- Na co zwracać uwagę przy zakładaniu konta na serwerze WWW?
- Jak umieszczać własne strony WWW na serwerze?
- Jak ułatwić sobie sprawdzanie poprawności strony WWW?
- Jak ułatwić sobie sprawdzanie poprawności linków?
|
| 19. |
Udostępnianie stron WWW poprzez wyszukiwarki i katalogi (1 h) |
- Jak działają wyszukiwarki (np. Google)?
- Jakie są podstawowe reguły pozycjonowania stron w wyszukiwarkach?
- Do czego służą elementy „meta” typu „description”
oraz „keywords” (umieszczane w nagłówku strony WWW)?
- Jak zarejestrować serwis w wyszukiwarce?
- Czym są katalogi tematyczne stron WWW?
- Jak zarejestrować stronę WWW w katalogu tematycznym?
|
| 20. |
Ogólne zasady tworzenia czytelnych i przejrzystych stron WWW (1 h) |
- Jak użytkownik dociera do konkretnej informacji na stronie WWW?
- Dlaczego ważne jest używanie stylów (CSS)?
- Jakie są zasady używania wyróżnień, marginesów i odstępów oraz tła
(kolorowego oraz w postaci grafiki)?
|