Tworzenie stron WWW (HTML4/HTML5/XHTML/CSS)

Tworzenie stron WWW (HTML4/HTML5/XHTML/CSS)

Tworzenie stron WWW (HTML4/HTML5/XHTML/CSS)
Cele szkolenia
Nabycie umiejętności fachowego tworzenia stron WWW, czyli:
1. dostępnych dla wszystkich użytkowników Internetu,
2. zgodnych z regułami typografii (czytelnego i przejrzystego przekazu informacji),
3. niezależnie od posiadanych narzędzi (edytor plików tekstowych + przeglądarka),
4. dobrze współdziałających z wyszukiwarkami, np. Google („samopozycjonujących się”).
Profil słuchaczy
Kurs przeznaczony jest dla osób, które:
• tworzą i/lub opiekują się wszelkiego rodzaju stronami internetowymi – korporacyjnymi,
firmowymi, hobbystycznymi, szkolnymi czy też prywatnymi,
• odpowiadają za jakość graficzną stron WWW (m.in. graficy komputerowi, pracownicy
marketingu, osoby opracowujące standardy graficzne internetowych materiałów
informacyjnych i reklamowych oraz twórcy CMS-ów i automatów generujących strony
WWW),
• sprawują opiekę techniczno-graficzną nad wszelkiego rodzaju publikacjami
internetowymi (serwisami informacyjnymi, blogami, czasopismami itp.),
• uczyły się tworzenia stron WWW samodzielnie (jako uporządkowanie, uzupełnienie i
rozbudowę posiadanej wiedzy),
• zainteresowanych ulepszeniem i jak największą skutecznością przekazu wszelkich
treści dostarczanych za pośrednictwem Internetu.
Kurs może też być dobrym krokiem na drodze rozwoju zawodowego dla osób, które
zamierzają świadczyć usługi w zakresie tworzenia stron internetowych.
Wymagania wstępne
Od uczestników szkolenia wymagana jest umiejętność sprawnej obsługi komputera i
znajomość systemu Windows.
Czas trwania
4 dni po 8 godzin lekcyjnych
Metoda realizacji szkolenia
Szkolenie realizowane jest w formie naprzemiennie następujących po sobie mini
wykładów oraz ćwiczeń praktycznych. Szkolenie łączy w sobie fachową wiedzę
merytoryczną z praktycznymi przykładami jej wykorzystania w środowisku pracy.
Wiedza teoretyczna i praktyczna
Przydatne programy – dobór, instalacja i konfiguracja
Podstawy składni języka HTML
Podobieństwa i różnice języka HTML5 w stosunku do HTML 4.01 i XHTML
Główne elementy składowe dokumentu i komentarze HTML
Niezbędne elementy nagłówka dokumentu HTML
Główne elementy tekstowe i separatory (m.in. akapit, tytuły i wymuszenie przejścia do
nowego wiersza)
Polskie znaki w Internecie
(Grupa modułów obejmuje łącznie ok. 100 minut wykładu i ok. 30 min. ćwiczeń)
Style – formatowanie elementów strony WWW
CSS i jego wersje
Tworzenie i podłączanie arkusza stylów do strony WWW
Składnia języka i komentarze w CSS
(Moduł trwa ok. 20 minut)
Ogólne ustawienia dla strony WWW
Ustalanie marginesów
Font/krój pisma i używanie fontów przez przeglądarki
Wielkość pisma
Kolor tekstu i kolor tła
Grafika w tle strony
Powtarzanie grafiki w tle (tekstury) oraz ustalanie położenia pojedynczych elementów tła
Przewijanie strony z lub nad grafiką w tle
(Moduł trwa ok. 100 minut)
Formatowanie akapitów
Odstępy między wierszami
Odstęp po akapicie
Wcięcie pierwszego wiersza akapitu
Wyrównanie w poziomie i justowanie tekstu
(Moduł trwa ok. 30 minut)
Czytelność i przejrzystość tekstu
Zasady formatowania tekstu
Strony WWW a osoby z wadami wzroku
(Moduł trwa ok. 15 minut)
Formatowanie tytułów
Wielkość pisma
Pismo pogrubione i pochylone
Odstępy przed i po tytule
Wyśrodkowanie tytułów
Tło dla tytułu
Tytuł pisany tylko wielkimi literami (wersaliki) lub kapitalikami
Rozstrzelenie znaków
Dodawanie linii (nad i pod oraz z lewej strony tytułu)
Marginesy i ramki wokół elementów strony WWW (box model)
(Moduł obejmuje ok. 60 minut wykładu i ok. 110 min. ćwiczeń – z formatowania tekstu i tytułów)
Inne przydatne elementy tekstowe
Wyróżnienie i mocne wyróżnienie
Indeks górny i dolny
Dłuższe i krótkie cytaty
Oznaczenie akronimów (np. USA) i skrótów
(Moduł trwa ok. 45 minut)
Komentarze oraz znaki specjalne (m.in. twarda spacja, myślnik, łącznik, wielokropek i znak
„copyright”)
(Moduł obejmuje ok. 20 minut wykładu i ok. 10 min. ćwiczeń)
Listy (wypunktowane, numerowane i definicji)
Wypunktowanie (zmiana znaku wypunktowania, odstępy między elementami listy)
Wyliczenie (oznaczenie elementów liczbami arabskimi, rzymskimi, wielkimi lub małymi literami
alfabetu, tworzenie list zagnieżdżonych – punkty z podpunktami)
Słowniczek (lista definicji)
(Moduł obejmuje ok. 75 minut wykładu i ok. 120 min. ćwiczeń)
Tabele
Wstawianie tabeli
Formatowanie tabeli (obramowanie tabeli i jej komórek, odstępy przed i po tabeli, wielkość pisma
dla tabeli, szerokość i wyśrodkowanie tabeli na stronie)
Marginesy wewnętrzne komórek
Inne możliwości formatowania zawartości komórek (m.in. kolor tła dla komórek nagłówkowych,
wyśrodkowanie tekstu komórki w poziomie i pionie, ustalanie szerokości kolumn)
Wspólny nagłówek dla kilku kolumn lub wierszy
Tytuł lub podpis tabeli
(Moduł obejmuje ok. 90 minut wykładu i ok. 45 min. ćwiczeń)
Hiperłącza (linki)
Połączenie z wybranym miejscem strony, ze stroną lokalną lub z innym serwisem WWW
Połączenie z plikiem (np. TXT, PDF czy ZIP)
Połączenie ze skrzynką poczty elektronicznej
Formatowanie linków (nieodwiedzonych, odwiedzonych lub uaktywnianych)
Podpowiedź o zawartości strony docelowej
(Moduł obejmuje ok. 60 minut wykładu i ok. 60 min. ćwiczeń)
Katalogi i pliki – organizacja zawartości serwisu w przestrzeni dyskowej
Używanie ścieżek względnych i bezwzględnych
Łączenie stron z katalogu nadrzędnego lub podrzędnego
Poprawne technicznie nazewnictwo katalogów i plików
Znaczenie i wykorzystanie pliku „index.html”
(Moduł obejmuje ok. 30 minut wykładu i ok. 30 min. ćwiczeń)
Grafika w treści strony
Obraz – ekran monitora i pliki graficzne
Wstawianie grafiki i użycie tekstu zastępczego
Opływanie grafiki przez tekst i ramki wokół ilustracji
Znaczenie wymiarów obrazka dla przeglądarki
Grafika jako element uruchamiający link
Multimedia w treści strony
(Moduł trwa ok. 90 minut)
Podstawowe układy stron
Nagłówek i stopka strony oraz menu
Używanie warstw i ich definicji w CSS
[opcja] Dodatkowy podział struktury tekstu (sekcje, artykuły, ilustracje)
(Moduł obejmuje ok. 75 minut wykładu i ok. 60 min. ćwiczeń)
Kontrola jakości i umieszczanie serwisu na serwerze WWW
Automatyczne sprawdzanie poprawności kodu HTML i CSS oraz linków
Ułatwienie sprawdzania wyglądu strony na wielu różnych przeglądarkach
(Moduł obejmuje ok. 30 minut wykładu i ok. 30 min. ćwiczeń)
[opcja] Udostępnianie serwisu WWW poprzez wyszukiwarki i katalogi
[opcja] Współdziałanie strony WWW z wyszukiwarkami
(Grupa modułów trwa ok. 30 minut)
Umiejętności
Po ukończeniu kursu uczestnik/czka będzie potrafił/a tworzyć strony WWW:
• czytelne, przejrzyste i estetyczne (dzięki wykorzystaniu zasad typografii i jej
standardów w zakresie profesjonalnego formatowania tekstu i tabel),
• oparte na podstawowych i najwygodniejszych dla użytkowników układach
nawigacyjnych oraz ubogaconych o grafikę ilustracyjną i tło graficzne w
różnych obszarach strony,
• zoptymalizowane pod kątem szybkości działania,
• dobrze współpracujące z wyszukiwarkami (np. Google), czyli dużo łatwiej
zajmujących wyższe pozycje w rankingach,
• przyjazne w obsłudze i nawigacji dla osób niewidomych i niedowidzących
(m.in. dzięki zgodności z zaleceniami organizacji W3C, dotyczącymi
dostępności stron dla tej grupy użytkowników Internetu).
Ścieżka rozwoju
Po zakończeniu szkolenia rekomendowane jest skorzystanie:
• ze szkolenia „Tworzenie stron WWW: zaawansowanie techniki CSS”.