Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po (X)HTML, CSS i grafice - ebook

• 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

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)