• Jak zacząć pisać strony internetowe?
• Jak wybrać odpowiednie narzÄ™dzia do tworzenia witryn?
• Jak budować arkusze stylów i optymalizować źródÅ‚o strony HTML?

Od czego mam zacząć? Czy ja się do tego nadaję? Nie mam na to czasu... Wielu z nas właśnie z takim nastawianiem zabiera się do pisania swojej pierwszej strony internetowej. Takie i podobne wątpliwości rozwiewa właśnie ta książka, przeznaczona dla osób niemających żadnej wiedzy na temat tworzenia stron internetowych, a które chciałyby taką stronę wykreować. Czytając ją i pracując nad wieloma przykładami, nauczysz się, jak opracować swoją pierwszą stronę internetową i stopniowo odkryjesz w sobie pasję webmastera!

Jennifer Niederst Robbina, bazując na swoim kilkunastoletnim doświadczeniu w dziedzinie tworzenia stron internetowych, udowadnia, że pisać strony może każdy, należy mu tylko wskazać drogę. Książka "Projektowanie stron internetowych" jest trzecią edycją przewodnika dla początkujących, lecz napisana została całkowicie od początku, z uwzględnieniem najnowszych technologii i trendów w tej dziedzinie. Dodatkowym atutem książki jest przejrzystość i łatwo przyswajalny język oraz liczne przykłady i ćwiczenia, które pozwalają lepiej zrozumieć i przyswoić materiał.

• Struktura i znaczniki HTML
• Elementy struktury (X)HTML
• Tabele, obrazki, odnoÅ›niki, animacje i inne elementy stron
• Formatowanie tekstu
• Formularze i pola edycji
• PÅ‚ywanie oraz pozycjonowanie elementów stron
• Arkusze stylów CSS
• UkÅ‚ad strony oparty na arkuszach stylów CSS
• Techniki CSS
• Grafika stron internetowych i jej optymalizacja
• Umieszczanie stron w Internecie

Osoby które kupowały "Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po (X)HTML, CSS i grafice", wybierały także:

• Zosta 148,98 zÅ‚, (59,59 zÅ‚ -60%)
• LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracÄ™ z CSS 89,00 zÅ‚, (35,60 zÅ‚ -60%)
• 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 (X)HTML, CSS i grafice -- spis treści

Przedmowa (11)

Część I Podstawy

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

• Czy jestem spóźniony? (16)
  
• Od czego powinienem zacząć? (16)
  
• Czego powinienem siÄ™ nauczyć? (17)
  
• Czy muszÄ™ nauczyć siÄ™ Javy? (20)
  
• Co muszÄ™ kupić? (24)
  
• Czego siÄ™ nauczyÅ‚em? (30)
  
• Sprawdź siÄ™! (30)

Rozdział 2. Jak działa Internet? (31)

• Internet a World Wide Web (31)
  
• Serwowanie informacji (32)
  
• SÅ‚owo o przeglÄ…darkach (32)
  
• Adresy stron internetowych (URL) (33)
  
• Anatomia strony internetowej (35)
  
• SkÅ‚adanie wszystkiego w caÅ‚ość (38)
  
• Sprawdź siÄ™! (40)

Rozdział 3. Natura projektowania stron internetowych (41)

• Wersje przeglÄ…darek (41)
  
• Alternatywne Å›rodowiska przeglÄ…dania stron internetowych (44)
  
• Preferencje użytkownika (47)
  
• Różne platformy (50)
  
• PrÄ™dkość poÅ‚Ä…czenia z Internetem (51)
  
• Rozmiar okna przeglÄ…darki oraz rozdzielczość monitora (52)
  
• Kolory monitora (56)
  
• Należy znać publiczność docelowÄ… (59)
  
• PamiÄ™tanie o najważniejszym (60)
  
• Sprawdź siÄ™! (60)

Część II Znaczniki HTML i struktura dokumentu

Rozdział 4. Tworzenie prostej strony (przegląd HTML) (63)

• Strona internetowa krok po kroku (63)
  
• Przed rozpoczÄ™ciem należy uruchomić edytor tekstu (64)
  
• Krok 1. Zaczynamy od treÅ›ci strony (67)
  
• Krok 2. Nadanie dokumentowi struktury (69)
  
• Krok 3. Zidentyfikowanie elementów tekstowych (72)
  
• Krok 4. Dodanie obrazka (75)
  
• Krok 5. Zmiana wyglÄ…du za pomocÄ… arkusza stylów (78)
  
• Kiedy dobre strony nie dziaÅ‚ajÄ… dobrze (79)
  
• Sprawdź siÄ™! (81)
  
• PrzeglÄ…d (X)HTML - elementy struktury dokumentu (82)

Rozdział 5. Oznaczanie tekstu (83)

• Bloki jako budulec strony (84)
  
• Listy (88)
  
• Dodawanie zÅ‚amania wiersza (92)
  
• Tekstowe elementy wewnÄ™trzne (93)
  
• Elementy uniwersalne (div oraz span) (98)
  
• Niektóre znaki specjalne (101)
  
• Zestawienie wszystkiego razem (103)
  
• Sprawdź siÄ™! (105)
  
• PrzeglÄ…d (X)HTML - elementy tekstowe (106)

Rozdział 6. Dodawanie odnośników (107)

• Atrybut href (108)
  
• Tworzenie odnoÅ›ników do stron znajdujÄ…cych siÄ™ w Internecie (109)
  
• Tworzenie odnoÅ›ników w ramach wÅ‚asnej strony internetowej (110)
  
• Otwieranie stron docelowych w nowym oknie przeglÄ…darki (120)
  
• OdnoÅ›niki z adresami poczty e-mail (123)
  
• Sprawdź siÄ™! (123)
  
• PrzeglÄ…d (X)HTML - element kotwicy (125)

Rozdział 7. Dodawanie obrazków (127)

• SÅ‚owo o formatach obrazków (127)
  
• Element img (128)
  
• Podawanie lokalizacji za pomocÄ… atrybutu src (130)
  
• Mapy obrazów (135)
  
• Sprawdź siÄ™! (139)

Rozdział 8. Podstawowe znaczniki tabel (141)

• W jaki sposób wykorzystywane sÄ… tabele (141)
  
• Minimalna struktura tabeli (142)
  
• Nagłówki tabel (146)
  
• RozciÄ…ganie komórek (146)
  
• DopeÅ‚nienie komórek oraz odstÄ™py (148)
  
• Podpisy oraz podsumowania (150)
  
• DostÄ™pność tabel (151)
  
• Podsumowanie zagadnieÅ„ zwiÄ…zanych z tabelami (152)
  
• Sprawdź siÄ™! (154)
  
• PrzeglÄ…d (X)HTML - elementy tabeli (154)

Rozdział 9. Formularze (155)

• Jak dziaÅ‚ajÄ… formularze (155)
  
• Element form (157)
  
• Zmienne oraz zawartość (159)
  
• DostÄ™pność formularza (160)
  
• Wielkie podsumowanie kontrolek (162)
  
• Projektowanie i wyglÄ…d formularza (174)
  
• Sprawdź siÄ™! (174)
  
• PrzeglÄ…d (X)HTML - formularze (175)

Rozdział 10. Rozumienie standardów (177)

• Wszystko, co zawsze chciaÅ‚eÅ› wiedzieć o HTML, ale baÅ‚eÅ› siÄ™ o to zapytać (177)
  
• Na scenÄ™ wkracza XHTML (181)
  
• Z punktu widzenia przeglÄ…darki (186)
  
• Deklarowanie typu dokumentu (186)
  
• JakÄ… definicjÄ™ typu dokumentu zastosować? (188)
  
• Sprawdzanie poprawnoÅ›ci dokumentów (189)
  
• Kodowanie znaków (192)
  
• Wszystko razem (193)
  
• Sprawdź siÄ™! (195)

Część III CSS i prezentacja dokumentu

Rozdział 11. Zorientowanie na kaskadowe arkusze stylów (199)

• Zalety CSS (199)
  
• Jak dziaÅ‚ajÄ… arkusze stylów (200)
  
• Najważniejsze koncepcje (206)
  
• Dalsza nauka CSS (212)
  
• Sprawdź siÄ™! (214)

Rozdział 12. Formatowanie tekstu (i jeszcze więcej selektorów) (215)

• WÅ‚aÅ›ciwoÅ›ci dotyczÄ…ce czcionek (216)
  
• Zmiana koloru tekstu (229)
  
• WiÄ™cej typów selektorów (230)
  
• Zmiana stylu wiersza tekstu (234)
  
• PodkreÅ›lenia oraz inne "dekoracje" (237)
  
• Zmiana wielkoÅ›ci liter (238)
  
• OdstÄ™py (239)
  
• Sprawdź siÄ™! (242)
  
• PrzeglÄ…d CSS - wÅ‚aÅ›ciwoÅ›ci dotyczÄ…ce czcionki oraz tekstu (244)

Rozdział 13. Kolory i tła (i jeszcze więcej selektorów oraz zewnętrzne arkusze stylów) (245)

• OkreÅ›lanie wartoÅ›ci koloru (245)
  
• Kolor pierwszego planu (250)
  
• Kolor tÅ‚a (251)
  
• Wprowadzenie do selektorów pseudoklas (252)
  
• Selektory pseudoelementów (254)
  
• Obrazki tÅ‚a (258)
  
• Skrótowa wÅ‚aÅ›ciwość background (266)
  
• I wreszcie - zewnÄ™trzne arkusze stylów (266)
  
• Arkusze stylów przeznaczone dla druku (oraz innych mediów) (269)
  
• Sprawdź siÄ™! (271)
  
• PrzeglÄ…d CSS - wÅ‚aÅ›ciwoÅ›ci dotyczÄ…ce koloru oraz tÅ‚a (272)

Rozdział 14. Model pojemnika (dopełnienie, obramowanie, marginesy) (273)

• Pojemnik elementu (273)
  
• OkreÅ›lanie wymiarów zawartoÅ›ci elementu (274)
  
• DopeÅ‚nienie (278)
  
• Obramowanie (281)
  
• Marginesy (287)
  
• Przypisywanie ról wyÅ›wietlania (293)
  
• PrzeglÄ…d modelu pojemnika (294)
  
• Sprawdź siÄ™! (294)
  
• PrzeglÄ…d CSS - podstawowe wÅ‚aÅ›ciwoÅ›ci modelu pojemnika (296)

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

• Normalny ukÅ‚ad dokumentu (297)
  
• PÅ‚ywanie (298)
  
• Podstawy pozycjonowania (307)
  
• Pozycjonowanie wzglÄ™dne (308)
  
• Pozycjonowanie bezwzglÄ™dne (309)
  
• Pozycjonowanie sztywne (319)
  
• Sprawdź siÄ™! (321)
  
• PrzeglÄ…d CSS - podstawowe wÅ‚aÅ›ciwoÅ›ci dotyczÄ…ce ukÅ‚adu dokumentu (322)

Rozdział 16. Układ strony oparty na CSS (323)

• Strategie zwiÄ…zane z ukÅ‚adem strony (323)
  
• Sztywny ukÅ‚ad strony (326)
  
• Elastyczny ukÅ‚ad strony (328)
  
• Szablony stron internetowych (330)
  
• WyÅ›rodkowanie strony o sztywnej szerokoÅ›ci (346)
  
• PrzeglÄ…d ukÅ‚adów strony opartych na CSS (347)
  
• Sprawdź siÄ™! (348)

Rozdział 17. Techniki CSS (349)

• WÅ‚aÅ›ciwoÅ›ci stylów dotyczÄ…ce tabel (349)
  
• Zmiana znaków wypunktowania oraz numerowania list (352)
  
• Wykorzystywanie list do nawigacji po stronie (356)
  
• Techniki zastÄ™powania obrazków (359)
  
• Uzyskanie efektu rollover za pomocÄ… CSS (361)
  
• Podsumowanie arkuszy stylów (366)
  
• Sprawdź siÄ™! (366)
  
• PrzeglÄ…d CSS - wÅ‚aÅ›ciwoÅ›ci dotyczÄ…ce tabel oraz list (368)

Część IV Tworzenie grafiki stron internetowych

Rozdział 18. Podstawy grafiki stron internetowych (371)

• ŹródÅ‚a obrazków (371)
  
• Zapoznanie siÄ™ z formatami grafiki (374)
  
• Rozmiar oraz rozdzielczość obrazka (385)
  
• Praca z przezroczystoÅ›ciÄ… (389)
  
• Podsumowanie informacji dotyczÄ…cych grafiki stron internetowych (397)
  
• Sprawdź siÄ™! (397)

Rozdział 19. Optymalizacja grafiki stron internetowych (399)

• Po co optymalizować grafikÄ™? (399)
  
• Uniwersalne strategie optymalizacyjne (400)
  
• Optymalizacja plików GIF (402)
  
• Optymalizacja plików JPEG (406)
  
• Optymalizacja plików PNG (412)
  
• Optymalizacja pod kÄ…tem rozmiaru docelowego (413)
  
• PrzeglÄ…d optymalizacji (414)
  
• Sprawdź siÄ™! (414)

Część V Od początku do końca

Rozdział 20. Proces tworzenia strony internetowej (417)

• 1. Konceptualizacja oraz zbieranie informacji (417)
  
• 2. Tworzenie i organizowanie treÅ›ci strony (419)
  
• 3. Zaprojektowanie wyglÄ…du i sposobu dziaÅ‚ania strony (420)
  
• 4. Stworzenie dziaÅ‚ajÄ…cego prototypu (421)
  
• 5. Testowanie (422)
  
• 6. Uruchomienie strony (425)
  
• 7. Utrzymywanie strony (425)
  
• PrzeglÄ…d procesu tworzenia strony (425)
  
• Sprawdź siÄ™! (426)

Rozdział 21. Umieszczanie stron w Internecie (427)

• www.mojastrona.com (427)
  
• Znalezienie serwera WWW (429)
  
• Proces publikowania strony w Internecie (432)
  
• Transfer plików za pomocÄ… FTP (435)
  
• Sprawdź siÄ™! (438)

Dodatek A Odpowiedzi do ćwiczeń (439)

Dodatek B Selektory CSS2.1 (465)

Skorowidz (467)