Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po HTML5, CSS3 i grafice. Wydanie V - Helion
Tytuł oryginału: Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics, 5th Edition
Tłumaczenie: Agnieszka Górczyńska, Aleksander Lamża, Wojciech Moc, Anna Trojan
ISBN: 978-83-283-6204-8
stron: 784, Format: ebook
Data wydania: 2020-09-01
Księgarnia: Helion
Cena książki: 96,75 zł (poprzednio: 129,00 zł)
Oszczędzasz: 25% (-32,25 zł)
Przybornik narzÄ™dziowy webmastera zmienia siÄ™ bardzo szybko. Technologie, które parÄ™ lat temu byÅ‚y ciekawym eksperymentem, dziÅ› sÄ… powszechnie stosowane. Responsywność stron internetowych staÅ‚a siÄ™ oczywistoÅ›ciÄ…. Modele Flexbox i Grid zrewolucjonizowaÅ‚y tworzenie ukÅ‚adów stron internetowych. ZmieniÅ‚y siÄ™ używane formaty grafik, wzrosÅ‚a też znaczÄ…co liczba narzÄ™dzi, które należaÅ‚oby poznać. Naturalnie, wciąż można wskazać aspekty projektowania, które pozostaÅ‚y niezmienne - przejrzystość, funkcjonalność, estetykÄ™, a także przestrzeganie standardów.
To kolejne, rozbudowane i uaktualnione wydanie Å›wietnego podrÄ™cznika projektowania i programowania stron internetowych, zawierajÄ…ce wiedzÄ™ niezbÄ™dnÄ… do rozpoczÄ™cia samodzielnej pracy. Opisano tu zasady tworzenia witryn WWW oraz przedstawiono jÄ™zyk HTML i techniki CSS. Sporo miejsca poÅ›wiÄ™cono multimediom: grafice, plikom dźwiÄ™kowym i wideo. ZnalazÅ‚ siÄ™ tutaj także znakomity wstÄ™p do jÄ™zyka JavaScript, Å‚Ä…cznie z jego bibliotekami, nakÅ‚adkami i skryptami DOM. Warto też zwrócić uwagÄ™ na opis przydatnych narzÄ™dzi, takich jak procesory CSS, wykrywanie funkcjonalnoÅ›ci, powÅ‚oka, menedżer zadaÅ„ i system kontroli Git ? nieodzownych każdemu, kto pisze nowoczesne witryny internetowe. Treść książki zostaÅ‚a uzupeÅ‚niona licznymi przykÅ‚adami, ćwiczeniami i bogatym materiaÅ‚em dodatkowym.
Najważniejsze zagadnienia:
- tworzenie stron za pomocÄ… HTML i CSS, w tym modele CSS Flexbox i siatki
- korzystanie z JavaScriptu
- grafika: tworzenie, optymalizacja i możliwości formatu SVG
- tworzenie stron przeznaczonych zarówno na monitory, jak i na urzÄ…dzenia mobilne
- projektowanie responsywne
- nowoczesne narzędzia projektanta stron WWW
Dobry webmaster? Inżynier i artysta w jednym!
Osoby które kupowały "Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po HTML5, CSS3 i grafice. Wydanie V", wybierały także:
- AMP: Building Accelerated Mobile Pages 135,91 zł, (29,90 zł -78%)
- The HTML and CSS Workshop 106,79 zł, (29,90 zł -72%)
- LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracę z CSS 89,00 zł, (35,60 zł -60%)
- JavaScript Masterclass 88,41 zł, (38,90 zł -56%)
- Building Dynamic Web Experiences with PHP 88,41 zł, (38,90 zł -56%)
Spis treści
Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po HTML5, CSS3 i grafice. Wydanie V eBook -- spis treści
- Słowo wstępne (xi)
- Przedmowa (xiii)
CZĘŚĆ I. PODSTAWY
- Rozdział 1. Rozpoczęcie projektowania witryn internetowych (3)
- Od czego zacząć? (4)
- Role podczas tworzenia witryn internetowych (4)
- Co muszę kupić? (14)
- Czego się nauczyłeś? (20)
- Sprawdź się! (20)
- Rozdział 2. Jak działa internet? (21)
- Internet a Web (21)
- Dostarczanie informacji (22)
- Kilka sÅ‚ów o przeglÄ…darkach (23)
- Adres strony internetowej (URL) (24)
- Anatomia strony internetowej (27)
- Składanie wszystkiego w całość (32)
- Sprawdź się! (34)
- RozdziaÅ‚ 3. Kilka ważnych spraw, o których musisz wiedzieć (35)
- Od przybytku głowa boli (36)
- Trzymanie siÄ™ standardów (37)
- Stopniowe ulepszanie (38)
- Technika Responsive Web Design (40)
- Web dla wszystkich, czyli dostępność (41)
- Need for Speed - liczy się szybkość (44)
- Sprawdź się! (46)
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 (59)
- Krok 4. Wstawiamy obrazek (62)
- Krok 5. Zmieniamy wyglÄ…d za pomocÄ… arkusza stylów (66)
- Kiedy dobre strony nie działają dobrze (67)
- Walidacja dokumentów (68)
- Sprawdź się! (70)
- PrzeglÄ…d elementów HTML tworzÄ…cych strukturÄ™ dokumentu (70)
- Rozdział 5. Znaczniki tekstowe (71)
- Akapity (71)
- NagÅ‚ówki (72)
- Rozdzielanie treści (pozioma linia) (74)
- Listy (74)
- Inne elementy stosowane do treści (78)
- Struktura zawartości strony (82)
- PrzeglÄ…d elementów liniowych (88)
- Ogólne elementy div oraz span (98)
- Poprawienie dostępności za pomocą technologii Aria (102)
- Znaki ucieczki (105)
- Zestawienie wszystkiego razem (108)
- Sprawdź się! (111)
- PrzeglÄ…d elementów tekstowych (112)
- Rozdział 6. Hiperłącza (113)
- Atrybut href (114)
- Tworzenie odsyłaczy do stron internetowych (115)
- Tworzenie odsyłaczy do stron z własnej witryny (116)
- Otwieranie stron docelowych w nowym oknie przeglÄ…darki (126)
- Odsyłacze "pocztowe" (127)
- Odsyłacze "telefoniczne" (128)
- Sprawdź się! (128)
- PrzeglÄ…d elementów - odsyÅ‚acze (130)
- Rozdział 7. Grafika (131)
- Kilka sÅ‚ów o formatach obrazków (132)
- Element img (134)
- Dodawanie obrazków SVG (139)
- Kod znaczników responsywnych obrazków (146)
- Uff! To już koniec (159)
- Sprawdź się! (159)
- PrzeglÄ…d elementów - obrazki (162)
- Rozdział 8. Tabele (163)
- Jak używać tabel (163)
- Podstawowa struktura tabeli (165)
- NagÅ‚ówki tabel (167)
- Tworzenie zakresów komórek (168)
- Dostępność tabel (169)
- Grupy wierszy i kolumn (171)
- Podsumowanie zagadnień związanych z tabelami (173)
- Sprawdź się! (175)
- PrzeglÄ…d elementów HTML - tabele (176)
- Rozdział 9. Formularze (177)
- Jak działają formularze (177)
- Element form (179)
- Zmienne oraz zawartość (182)
- Wielkie podsumowanie kontrolek (183)
- Dostępność formularzy (203)
- Projekt i układ formularza (206)
- Sprawdź się! (208)
- Formularze - przeglÄ…d elementów (209)
- Rozdział 10. Osadzone treści multimedialne (215)
- Okno w oknie (element iframe) (215)
- Osadzanie różnych treÅ›ci na stronie (218)
- Elementy video i audio (219)
- Element canvas (228)
- Sprawdź się! (233)
- Osadzone treÅ›ci multimedialne - przeglÄ…d elementów (234)
CZĘŚĆ III. CSS I PREZENTACJA DOKUMENTU
- RozdziaÅ‚ 11. Kaskadowe arkusze stylów (239)
- Zalety CSS-a (239)
- Jak dziaÅ‚ajÄ… arkusze stylów (240)
- Najważniejsze koncepcje (246)
- Jednostki miar w CSS-ie (253)
- Narzędzia programistyczne wbudowane w przeglądarkę WWW (256)
- Dalsza nauka CSS-a (258)
- Sprawdź się! (259)
- RozdziaÅ‚ 12. Formatowanie tekstu (i jeszcze wiÄ™cej selektorów) (261)
- Podstawowe właściwości czcionek (262)
- Typografia zaawansowana wykorzystujÄ…ca CSS3 (277)
- Zmiana koloru tekstu (280)
- WiÄ™cej typów selektorów (281)
- Zmiana stylu wiersza tekstu (287)
- Podkreślenia oraz inne "dekoracje" (290)
- Zmiana wielkości liter (291)
- Odstępy (292)
- Cienie pod tekstem (293)
- Zmiany wypunktowania i numeracji list (296)
- Sprawdź się! (299)
- Przegląd CSS-a - właściwości dotyczące czcionki oraz tekstu (301)
- Rozdział 13. Kolory i tła (303)
- Określanie wartości koloru (303)
- Kolor pierwszego planu (311)
- Kolor tła (312)
- Wycinanie tła (314)
- Zabawy z przezroczystością (315)
- Wprowadzenie do selektorów pseudoklas (316)
- Selektory pseudoelementów (320)
- Selektory atrybutów (323)
- Obrazki tła (324)
- Skrótowa wÅ‚aÅ›ciwość background (338)
- Prawie tęcza (gradienty) (340)
- I wreszcie - zewnÄ™trzne arkusze stylów (348)
- Zakończenie rozdziału (351)
- Sprawdź się! (352)
- Przegląd CSS-a - właściwości dotyczące koloru oraz tła (354)
- Rozdział 14. Model pojemnika (355)
- Pojemnik elementu (355)
- OkreÅ›lanie wymiarów zawartoÅ›ci elementu (356)
- Dopełnienie (361)
- Obramowanie (366)
- Marginesy (376)
- Przypisywanie ról wyÅ›wietlania (380)
- Dodawanie cienia do elementów (382)
- Sprawdź się! (384)
- Przegląd CSS-a - podstawowe właściwości modelu pojemnika (384)
- Rozdział 15. Pływanie oraz pozycjonowanie (387)
- Normalny układ dokumentu (387)
- PÅ‚ywanie (388)
- Efektowne opÅ‚ywanie tekstu z użyciem ksztaÅ‚tów CSS (399)
- Podstawy pozycjonowania (405)
- Pozycjonowanie względne (407)
- Pozycjonowanie bezwzględne (408)
- Pozycjonowanie sztywne (416)
- Sprawdź się! (417)
- Przegląd CSS-a - właściwości dotyczące pływania i pozycjonowania (418)
- Rozdział 16. Układ CSS z użyciem modeli Flexbox i siatki (419)
- Elastyczne pojemniki w modelu CSS Flexbox (419)
- Układ oparty na siatce CSS (447)
- Sprawdź się! (479)
- Przegląd CSS-a - właściwości układu (482)
- Rozdział 17. Responsywny układ strony (485)
- Dlaczego RWD? (485)
- Przepis na układ responsywny (486)
- Wybieranie punktów granicznych (495)
- Tworzenie projektu responsywnego (499)
- Kilka sÅ‚ów o testowaniu (512)
- WiÄ™cej zasobów RWD (514)
- Sprawdź się! (516)
- Rozdział 18. Przekształcenia, transformacje i animacje (517)
- Przejścia CSS (517)
- Transformacje CSS (527)
- Animacja klatkowa (536)
- Zakończenie (542)
- Sprawdź się! (542)
- Przegląd właściwości CSS-a - przejścia, transformacje i animacje (545)
- Rozdział 19. Więcej technik CSS (547)
- Nadawanie stylów formularzom (547)
- Nadawanie stylów tabelom (550)
- Czysta strona (zerowanie stylów CSS i normalize.css) (554)
- Techniki zastępowania tekstu obrazkiem (556)
- Technika CSS Sprites (557)
- Wykrywanie obsługiwanych funkcji CSS (559)
- Podsumowanie arkuszy stylów (564)
- Sprawdź się! (564)
- Przegląd CSS-a - właściwości dotyczące tabel oraz list (566)
- Rozdział 20. Nowoczesne narzędzia do tworzenia witryn internetowych (567)
- Krótkie wprowadzenie do powÅ‚oki (567)
- Potężne narzędzia CSS-a (procesory) (572)
- Narzędzia do kompilacji (Grunt i Gulp) (578)
- System kontroli wersji za pomocÄ… Git i GitHub (581)
- Podsumowanie (588)
- Sprawdź się! (589)
CZĘŚĆ IV. JAVASCRIPT
- Rozdział 21. Wprowadzenie do JavaScriptu (593)
- Czym jest JavaScript? (593)
- Dodawanie skryptów na stronÄ™ (597)
- Anatomia skryptu (598)
- Obiekt przeglÄ…darki (613)
- Zdarzenia (613)
- Podsumowanie (616)
- Więcej informacji o JavaScripcie (617)
- Sprawdź się! (619)
- Rozdział 22. Korzystanie z JavaScriptu i modelu obiektowego DOM (621)
- Poznaj model DOM (621)
- Wypełniacze (630)
- Javascriptowe biblioteki (632)
- Wielkie zakończenie (637)
- Sprawdź się! (637)
CZĘŚĆ V. TWORZENIE GRAFIKI STRON INTERNETOWYCH
- Rozdział 23. Podstawy grafiki stron internetowych (641)
- ŹródÅ‚a obrazków (641)
- Poznaj formaty grafiki (644)
- Rozmiar oraz rozdzielczość grafiki (657)
- Strategia zwiÄ…zana z obrazkami (660)
- Ikona favicon (665)
- Podsumowanie informacji dotyczÄ…cych grafiki stron internetowych (668)
- Sprawdź się! (669)
- RozdziaÅ‚ 24. Tworzenie obrazków na strony internetowe (671)
- Zapisywanie obrazka w formacie internetowym (671)
- Praca z przezroczystością (676)
- Wskazówki dotyczÄ…ce tworzenia obrazków responsywnych (680)
- Optymalizacja obrazków (691)
- Sprawdź się! (701)
- Rozdział 25. SVG (703)
- Rysowanie za pomocą języka XML (705)
- Funkcjonalność SVG jako XML (713)
- Narzędzia SVG (718)
- Wskazówki dotyczÄ…ce tworzenia plików SVG (720)
- Responsywne obrazki SVG (724)
- Dalsza lektura (731)
- Sprawdź się! (732)
- Gotowe! (733)
CZĘŚĆ VI. DODATKI
- Dodatek A. Odpowiedzi do ćwiczeń (737)
- Dodatek B. Atrybuty globalne HTML5 (753)
- Dodatek C. Selektory CSS Level 3 i Level 4 (755)
- Dodatek D. Od HTML+ do HTML5 (759)