Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po HTML5, CSS3 i grafice. Wydanie IV - ebook

Ty też możesz mieć swoją stronę WWW!

Marzy Ci się własna strona internetowa lub profesjonalna witryna dla Twojej firmy? Jeżeli brak Ci odpowiednich umiejętności, to zadanie może być poza Twoim zasięgiem. Ale do czasu! Ta książka zawiera dawkę wiedzy, która nawet kompletnemu laikowi pozwoli zaprojektować i zbudować witrynę WWW. Dzięki licznym przykładom przebrniesz przez kolejne etapy tworzenia strony internetowej oraz odkryjesz w sobie pasję webmastera!

Kolejne wydanie tej cenionej książki zostało gruntownie przeredagowane i uzupełnione o nowe informacje tak, aby prezentowało obecnie wykorzystywane narzędzia i panujące trendy w projektowaniu stron internetowych. W trakcie lektury poznasz składnię języka HTML, wykorzystywane znaczniki oraz nowości zawarte w HTML5. Ponadto zaznajomisz się z kaskadowymi arkuszami stylów (CSS) oraz przekonasz się, jaki potencjał kryje język JavaScript. Nauczysz się także przygotowywać odpowiednią grafikę na potrzeby strony WWW. Książka ta jest doskonałym przewodnikiem wprowadzającym w świat projektowania!

Dowiedz się:

• jak wykorzystać arkusze stylów CSS
• dlaczego należy odpowiednio przygotować grafikę na stronę WWW
• do czego wykorzystać język JavaScript
• jak zbudować pierwszą stronę WWW

Przewodnik dla początkujących projektantów WWW!

Przedmowa (xi)

CZĘŚĆ I PODSTAWY

Rozdział 1. Od czego zacząć? (3)

• Od czego zacząć? (4)
• Czym się zajmuje projektant stron internetowych? (4)
• Jakich języków muszę się nauczyć? (11)
• Co muszę kupić? (14)
• Czego się nauczyłeś? (19)
• Sprawdź się! (20)

Rozdział 2. Jak działa internet? (21)

• Internet a Web (21)
• Dostarczanie informacji (21)
• Kilka słów o przeglądarkach (23)
• Adres strony internetowej (URL) (24)
• Anatomia strony internetowej (26)
• Składanie wszystkiego w całość (30)
• Sprawdź się! (32)

Rozdział 3. Kilka ważnych spraw, o których musisz wiedzieć (33)

• Od przybytku głowa boli (34)
• Trzymanie się standardów (36)
• Stopniowe ulepszanie (36)
• Technika Responsive Web Design (38)
• Web dla wszystkich, czyli dostępność (41)
• Need for Speed - liczy się szybkość (43)
• Sprawdź się! (45)

CZĘŚĆ II ZNACZNIKI HTML I STRUKTURA DOKUMENTU

Rozdział 4. Tworzenie prostej strony (przegląd języka HTML) (49)

• Strona internetowa krok po kroku (49)
• Przed rozpoczęciem należy uruchomić edytor tekstu (50)
• Krok 1. Zaczynamy od zawartości (53)
• Krok 2. Nadajemy dokumentowi strukturę (55)
• Krok 3. Oznaczamy elementy tekstowe (58)
• Krok 4. Wstawiamy obrazek (61)
• Krok 5. Zmieniamy wygląd za pomocą arkusza stylów (64)
• Kiedy dobre strony nie działają dobrze (65)
• Walidacja dokumentów (66)
• Sprawdź się! (67)
• Przegląd elementów HTML tworzących strukturę dokumentu (68)

Rozdział 5. Znaczniki tekstowe (69)

• Akapity (70)
• Nagłówki (70)
• Listy (73)
• Inne elementy stosowane do treści (76)
• Struktura zawartości strony (79)
• Przegląd elementów liniowych (84)
• Ogólne elementy div oraz span (94)
• Niektóre znaki specjalne (99)
• Zestawienie wszystkiego razem (100)
• Sprawdź się! (102)
• Przegląd elementów tekstowych (104)

Rozdział 6. Hiperłącza (105)

• Atrybut href (106)
• Tworzenie odsyłaczy do stron internetowych (107)
• Tworzenie odsyłaczy do stron z własnej witryny (108)
• Otwieranie stron docelowych w nowym oknie przeglądarki (118)
• Odsyłacze "pocztowe" (119)
• Odsyłacze "telefoniczne" (120)
• Sprawdź się! (120)
• Przegląd elementów - odsyłacze (122)

Rozdział 7. Grafika (123)

• Kilka słów o formatach obrazków (123)
• Element img (124)
• Okno w oknie (130)
• Sprawdź się! (131)
• Przegląd elementów - obrazki (132)

Rozdział 8. Tabele (133)

• Jak używać tabel (133)
• Podstawowa struktura tabeli (135)
• Nagłówki tabel (138)
• Tworzenie zakresów komórek (139)
• Dostępność tabel (142)
• Podsumowanie zagadnień związanych z tabelami (144)
• Sprawdź się! (146)
• Przegląd elementów HTML - tabele (146)

Rozdział 9. Formularze (147)

• Jak działają formularze (147)
• Element form (149)
• Zmienne oraz zawartość (151)
• Wielkie podsumowanie kontrolek (152)
• Dostępność formularzy (171)
• Projekt i układ formularza (173)
• Sprawdź się! (175)
• Formularze - przegląd elementów (176)

Rozdział 10. Co nowego w HTML5? (181)

• Co się przydarzyło w drodze do XHTML 2? (182)
• W świecie znaczników (185)
• Interfejsy API (189)
• Elementy video i audio (192)
• Element canvas (198)
• Podsumowanie (202)
• Sprawdź się! (203)

CZĘŚĆ III CSS I PREZENTACJA DOKUMENTU

Rozdział 11. Kaskadowe arkusze stylów (207)

• Zalety CSS-a (207)
• Jak działają arkusze stylów (209)
• Najważniejsze koncepcje (214)
• Dalsza nauka CSS-a (221)
• Sprawdź się! (223)

Rozdział 12. Formatowanie tekstu (225)

• Właściwości czcionek (225)
• Zmiana koloru tekstu (243)
• Więcej typów selektorów (244)
• Zmiana stylu wiersza tekstu (249)
• Podkreślenia oraz inne "dekoracje" (252)
• Zmiana wielkości liter (252)
• Odstępy (253)
• Cienie pod tekstem (254)
• Zmiany wypunktowania i numeracji list (259)
• Sprawdź się! (261)
• Przegląd CSS-a - właściwości dotyczące czcionki oraz tekstu (263)

Rozdział 13. Kolory i tła (265)

• Określanie wartości koloru (265)
• Kolor pierwszego planu (272)
• Kolor tła (273)
• Zabawy z przezroczystością (275)
• Wprowadzenie do selektorów pseudoklas (276)
• Selektory pseudoelementów (279)
• Selektory atrybutów (281)
• Obrazki tła (284)
• Skrótowa właściwość background (293)
• Prawie tęcza (gradienty) (296)
• I wreszcie - zewnętrzne arkusze stylów (300)
• Sprawdź się! (303)
• Przegląd CSS-a - właściwości dotyczące koloru oraz tła (304)

Rozdział 14. Model pojemnika (305)

• Pojemnik elementu (305)
• Określanie wymiarów zawartości elementu (306)
• Dopełnienie (312)
• Obramowanie (316)
• Marginesy (328)
• Przypisywanie ról wyświetlania (333)
• Dodawanie cienia do elementów (335)
• Sprawdź się! (336)
• Przegląd CSS-a - podstawowe właściwości modelu pojemnika (338)

Rozdział 15. Pływanie oraz pozycjonowanie (341)

• Normalny układ dokumentu (341)
• Pływanie (342)
• Podstawy pozycjonowania (356)
• Pozycjonowanie względne (358)
• Pozycjonowanie bezwzględne (359)
• Pozycjonowanie sztywne (368)
• Sprawdź się! (370)
• Przegląd CSS-a - właściwości dotyczące pływania i pozycjonowania (371)

Rozdział 16. Układ strony i CSS (373)

• Strategie związane z układem strony (373)
• Szablony stron internetowych (380)
• Wielokolumnowe układy strony z wykorzystaniem elementów pływających (381)
• Układ pozycjonowany (392)
• Tła wypełniające kolumny od góry do dołu (395)
• Sprawdź się! (398)

Rozdział 17. Przekształcenia, transformacje i animacje (399)

• Przejścia CSS (399)
• Transformacje CSS (410)
• Animacja klatkowa (420)
• Sprawdź się! (423)
• Przegląd właściwości CSS-a - przejścia, transformacje i animacje (426)

Rozdział 18. Techniki CSS (427)

• Czysta strona (zerowanie stylów CSS) (427)
• Techniki zastępowania tekstu obrazkiem (429)
• Technika CSS Sprites (430)
• Nadawanie stylów formularzom (434)
• Nadawanie stylów tabelom (441)
• Podstawy techniki Responsive Web Design (444)
• Podsumowanie arkuszy stylów (454)
• Sprawdź się! (454)
• Przegląd CSS-a - właściwości dotyczące tabel oraz list (456)

CZĘŚĆ IV JAVASCRIPT

Rozdział 19. Wprowadzenie do JavaScriptu (459)

• Czym jest JavaScript? (459)
• Dodawanie skryptów na stronę (463)
• Anatomia skryptu (463)
• Obiekt przeglądarki (478)
• Zdarzenia (478)
• Podsumowanie (481)
• Sprawdź się! (483)

Rozdział 20. Korzystanie z JavaScriptu (485)

• Poznaj model DOM (485)
• Wypełniacze (493)
• Javascriptowe biblioteki (497)
• Wielkie zakończenie (501)
• Sprawdź się! (502)

CZĘŚĆ V TWORZENIE GRAFIKI STRON INTERNETOWYCH

Rozdział 21. Podstawy grafiki stron internetowych (507)

• Źródła obrazków (507)
• Poznaj formaty grafiki (510)
• Rozmiar oraz rozdzielczość obrazka (522)
• Praca z przezroczystością (526)
• Wprowadzenie do formatu SVG (533)
• Podsumowanie informacji dotyczących grafiki stron internetowych (538)
• Sprawdź się! (539)

Rozdział 22. Optymalizacja grafiki stron internetowych (541)

• Uniwersalne strategie optymalizacyjne (542)
• Optymalizacja plików GIF (543)
• Optymalizacja plików JPEG (547)
• Optymalizacja plików PNG (552)
• Optymalizacja pod kątem docelowego rozmiaru (553)
• Przegląd optymalizacji (554)
• Sprawdź się! (555)

Dodatek A Odpowiedzi do ćwiczeń (557)

Dodatek B Selektory CSS3 (583)

Skorowidz (587)