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!

Osoby które kupowały "Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po HTML5, CSS3 i grafice. Wydanie IV", wybierały także:

• LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracÄ™ z CSS 89,00 zÅ‚, (35,60 zÅ‚ -60%)
• Zosta 149,00 zÅ‚, (67,05 zÅ‚ -55%)
• CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu 99,00 zÅ‚, (44,55 zÅ‚ -55%)
• CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW 59,00 zÅ‚, (26,55 zÅ‚ -55%)
• Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologiÄ™ BEM 47,93 zÅ‚, (22,05 zÅ‚ -54%)

Spis treści

Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po HTML5, CSS3 i grafice. Wydanie IV eBook -- spis treści

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)