Darmowe sposoby na tworzenie profesjonalnych stron WWW. Podręcznik webmastera. Wydanie III - ebook

Stworzenie i prowadzenie witryny internetowej to obowiązkowa pozycja w budżecie każdej firmy. Koszt wykonania profesjonalnej, funkcjonalnej i imponującej klientom strony WWW może zszokować niejedną osobę. Czy da się go zminimalizować?

Oczywiście! Z tym podręcznikiem pod ręką przy odrobinie samozaparcia i dużej dozie cierpliwości możesz osiągnąć naprawdę zadowalające efekty. W trakcie lektury dowiesz się, gdzie umieścić stronę internetową za darmo lub za minimalną opłatą oraz jak zaplanować proces tworzenia witryny. Przekonasz się również, że istnieje wiele narzędzi doskonale wspomagających proces tworzenia stron. Możesz wybierać spośród darmowych i płatnych platform. Po wstępie przejdziesz do konkretów, czyli poznasz język HTML! Tabele, listy, nagłówki i dziesiątki innych znaczników odkryją przed Tobą wszystkie tajemnice. W mig opanujesz CSS, JavaScript, osadzanie multimediów, statystyki oglądalności i wiele innych interesujących tematów. Książka ta będzie biblią dla każdego, kto chce rozpocząć przygodę z tworzeniem profesjonalnych stron WWW.

Dowiedz się:

• jak zaprojektować witrynę WWW
• jakie narzędzia musisz mieć, żeby pracować szybko i wydajnie
• co to są kaskadowe arkusze stylów (CSS) i jak je połączyć z językiem HTML
• jak wykorzystać gotowe i darmowe systemy CMS, aby błyskawicznie stworzyć nową stronę

Poznaj wydajne i oszczędne sposoby tworzenia nowych stron WWW!

O autorze (15)

Dedykacja (15)

Podziękowania (15)

Wprowadzenie (17)

CZĘŚĆ I. PODSTAWY

1. Porządek rzeczy (27)

• Proces tworzenia witryny internetowej (28)
  
  • 1. Planowanie (29)
  • 2. Projektowanie (30)
  • 3. Produkcja (30)
  • 4. Testowanie (31)
  • 5. Promocja i utrzymanie (31)
• Dlaczego warto przestrzegać tej kolejności (31)

2. Wybór lokalizacji witryny (33)

• Hosting (33)
• Czym jest serwer internetowy? (34)
• Określenie wymagań hostingowych (35)
  
  • Cena (35)
  • Wymagana wiedza techniczna (36)
  • Utrzymanie serwera (36)
  • Miejsce na dysku (36)
  • Dostępność (36)
  • Przepustowość (36)
  • Bezpieczeństwo (37)
  • Zakres obsługi domeny (37)
• Hosting - możliwości (39)
  
  • Hosting domowy (39)
  • Darmowy hosting online (39)
  • Płatny hosting online (40)
  • Hosting profesjonalny (40)
  • Hosting firmowy (40)
• Co będzie dla Ciebie najlepsze? (40)
• Praca z różnymi serwisami hostingowymi (41)
  
  • Darmowe usługi (41)
  • Niedrogie serwisy komercyjne (43)
  • Inne źródła informacji (44)

CZĘŚĆ II. PLANOWANIE I PRZYGOTOWANIA

3. Planowanie witryny (45)

• Jakiego rodzaju witrynę chcesz stworzyć? (46)
  
  • Rodzaje witryn (46)
• Ucz się z witryn, które odwiedzasz (49)
• Cele witryny (50)
• Organizowanie witryn (51)
  
  • Organizowanie witryny (52)
  • Organizowanie witryny osobistej (53)
  • Organizowanie strony (53)
  • Układy stron internetowych (54)
• Najlepsze sposoby organizowania witryny (56)
  
  • Zachowaj prostotę (56)
  • Zachowaj spójność (57)
  • Zadbaj o łatwość utrzymania (57)

4. Projektowanie witryny (59)

• Nie umiem zrobić takiej ładnej strony! (60)
• Treść, głupcze! (60)
• Ogólny projekt (61)
  
  • Pomysły na design (61)
• Kolory (62)
  
  • Magiczna czwórka (62)
  • Kolory heksadecymalne (63)
  • Schematy kolorów (64)
  • Zaburzenia widzenia barw (66)
• Fonty (67)
  
  • Fonty systemowe (67)
  • Fonty jako obrazy (69)
  • Fonty i kolor (69)
• Obrazy (69)
• Kaskadowe arkusze stylów (70)
  
  • Najlepsze techniki designu (70)
  • Treść jest najważniejsza (70)
  • Nowości umieść na początku i w środku (70)
  • Zadbaj o prostotę (70)
  • Nie używaj wodotrysków (70)
  • Zachowaj spójność (71)

5. Przegląd narzędzi (73)

• Wybór odpowiednich narzędzi (74)
• Witryny z programami i recenzjami (74)
• Pobieranie nowego oprogramowania (74)
• Nieodzowne narzędzia (75)
  
  • Systemy operacyjne (75)
  • Przeglądarki (76)
  • Pakiety biurowe (76)
  • Programy FTP (76)
  • Edytory tekstu (78)
  • Edytory graficzne (79)
  • Edytory HTML (79)
  • Rejestratory dźwięku (81)
  • Edytory wideo (81)
  • Zaawansowane narzędzia (81)
• Przyszłość darmowych narzędzi internetowych (81)

6. Przesyłanie i pobieranie plików (83)

• Przechowywanie plików (84)
  
  • Nazewnictwo plików (84)
  • Przechowuj wszystkie pliki internetowe w jednym miejscu (85)
  • Stwórz strukturę organizacyjną (85)
  • Używaj systemu kontroli wersji (86)
  • Twórz kopie zapasowe plików (87)
• Przesyłanie plików do internetu (88)
  
  • Logowanie (88)
  • Tworzenie listy serwerów FTP (89)
  • Dodawanie plików (89)
  • Podmienianie plików (90)
• Pobieranie plików z serwera FTP (91)
  
  • Jeden plik lub więcej (91)
  • Pobieranie z przeglądarki (91)
  • Rodzaje pobieranych plików (91)
  • Zasady pobierania plików (93)

CZĘŚĆ III. PODSTAWY TWORZENIA WITRYN

7. Elementy witryny (95)

• Treść (96)
  
  • Zasady tworzenia treści (96)
  • Normy (96)
• Części strony internetowej (97)
  
  • Tytuł (98)
  • Nagłówek (98)
  • Część główna (99)
  • Stopka (99)
  • Paski boczne (101)
  • Elementy nawigacyjne (101)
• Części witryny (102)
  
  • Strona główna (102)
  • Strony z treścią (103)
• Skąd mam wiedzieć, jak zorganizować witrynę? (105)
• Reklamy internetowe (106)
  
  • Reklamy banerowe (106)
  • Reklamy animowane (106)
  • Google AdSense (107)
  • iSocket (107)
  • Widgety reklamowe (108)

8. Wykorzystanie istniejących witryn (111)

• Serwisy społecznościowe (112)
  
  • MySpace (112)
  • Facebook (113)
  • Twitter (117)
• Inne serwisy Web 2.0 (118)
  
  • Pinterest (119)
  • Flickr (119)
  • Delicious.com (120)
• Promowanie własnej witryny na innych stronach (120)

9. Kreatory witryn (123)

• Zanim zaczniemy (124)
• Witryny Google (125)
  
  • Rejestracja w Witrynach Google (125)
  • Utworzenie Witryny Google (127)
  • Edycja strony (129)
  • Utworzenie strony (131)
  • Przenoszenie strony (132)
  • Usuwanie strony (132)
  • Edycja ustawień strony (133)
  • Edycja ustawień witryny (134)
  • Zalety i ograniczenia Witryn Google (134)
• Weebly (134)
  
  • Rejestracja na Weebly (134)
  • Utworzenie witryny na Weebly (135)
  • Edycja strony (136)
  • Zalety i ograniczenia Weebly (137)
• Webs (137)
  
  • Rejestracja na Webs (137)

10. HTML od podstaw (139)

• Struktura języka HTML (140)
  
  • Elementy, tagi i atrybuty (141)
  • Struktura elementów (141)
• Standardowe znaczniki HTML (142)
  
  • Znaczniki struktury HTML (142)
  • Znaczniki tekstowe (144)
  • Listy (147)
  • Tabele (148)
  • Linki (149)
  • Obrazy (150)
• Darmowe edytory HTML (150)
  
  • Edytory tekstowe (150)
  • Edytory WYSIWYG (150)
• Dodatkowe materiały (152)
• Tworzenie kodu HTML w edytorze tekstowym (153)

11. HTML5 (155)

• Co to jest HTML5 i co z tego wynika? (155)
• Standardy (156)
• World Wide Web Consortium (W3C) (156)
  
  • HTML i XHTML (156)
• Standard HTML5 (156)
  
  • Duże zmiany (156)
  • Przeglądarki (157)
  • Źródła informacji na temat HTML5 (157)
• Elementy HTML5 (158)
  
  • Elementy struktury (158)
  • Elementy multimedialne (162)
  • Formularze HTML5 (163)
  • Bajery (165)
  • Usunięte elementy (166)

12. Praca z obrazami (167)

• Tworzenie grafiki (168)
  
  • Kompresja: stratna i bezstratna (168)
  • Edycja obrazów (169)
  • Zmiana wielkości obrazów (170)
  • Zapisywanie obrazów (170)
  • Optymalizacja obrazów (171)
  • Kiedy używać różnych formatów (173)
  • Dzielenie obrazów (173)
  • Mapy obrazów (175)
  • Animowane pliki .gif (175)
• Obrazy i HTML (176)
  
  • Znacznik obrazu (176)
  • Obrazy w tekście (177)
  • Obrazy tła (178)
• Wyszukiwanie obrazów (178)
  
  • Darmowe obrazy (178)
  • Obrazy cudzego autorstwa (179)
• Korzystanie z własnych obrazów (179)

13. Praca z multimediami (181)

• Cyfrowe pliki audio (183)
  
  • Formaty plików audio (183)
  • Odtwarzacze audio (184)
  • Digitalizacja dźwięku (184)
  • Edycja plików audio (185)
  • Streaming (186)
  • Dodatkowe materiały (186)
• Cyfrowe pliki wideo (187)
  
  • Formaty wideo (187)
  • Odtwarzacze wideo (188)
  • Digitalizowanie filmów (189)
  • Edycja plików wideo (190)
  • Serwisy filmowe (190)
  • Praca z YouTube'em (190)
  • Dodatkowe materiały (193)
• Wskazówki co do pracy z multimediami (193)

14. Tworzenie witryny w HTML-u (195)

• Jak działa strona internetowa (196)
  
  • Plik strony (196)
  • Rozszerzenia (196)
  • Narzędzia do tworzenia stron internetowych (197)
  • Komponenty strony (198)
  • Odnośniki (199)
• Kaskadowe arkusze stylów (205)
  
  • Format arkusza stylów (206)
  • Tworzenie arkuszy stylów i odnoszenie do nich (207)
• Zebranie wszystkiego w całość (208)
• Skrypty (212)
• Szablony (213)

15. JavaScript dla początkujących (215)

• Ty też możesz zostać programistą! (215)
• Proces programowania (216)
• Narzędzia programistyczne (216)
  
  • Konsola JavaScript (217)
  • Edytory tekstowe (217)
  • Dodatki do przeglądarek (218)
  • Podstawy JavaScriptu (218)
  • Funkcje JavaScriptu (219)
  • Wersje JavaScriptu (219)
  • Wymagania JavaScriptu (219)
  • Element script (219)
  • Skrypty na stronach i skrypty zewnętrzne (220)
  • Prosty przykład JavaScriptu: rollovery i dynamiczne treści (221)
• Dodatkowe materiały o JavaScripcie (223)
  
  • Samouczki (223)
  • Biblioteki skryptów (225)

CZĘŚĆ IV. TESTOWANIE I UTRZYMANIE WITRYNY

16. Jak oni to zrobili? (227)

• Oglądanie kodu witryn (228)
• Dodatki Firefoksa dla webdeweloperów (229)
  
  • Polecane dodatki Firefoksa dla twórców witryn (229)
  • Polecane dodatki Chrome dla twórców witryn (233)
  • Polecane dodatki Safari dla twórców witryn (233)
• Odznaki (233)
• Widgety (235)
• Szablony (236)
• Sieci i witryny deweloperskie (236)

17. Funkcjonowanie witryny na smartfonach i tabletach (239)

• Dlaczego internet mobilny jest ważny? (240)
  
  • Jak ludzie korzystają z mobilnego internetu (240)
• Zacznij korzystać z mobilnego internetu (240)
  
  • Mobilne urządzenia internetowe (241)
  • Mobilne systemy operacyjne (241)
  • Przeglądarki mobilne (242)
• Ograniczenia mobilnego internetu (244)
• Utworzenie mobilnej witryny (245)
  
  • Wykrywanie przeglądarek mobilnych (245)
  • Domeny i subdomeny (245)
  • Używaj właściwego kodu (246)
  • Rozmiary stron (246)
  • Interfejs (246)
  • Czego unikać (247)
  • Narzędzia i witryny dla twórców mobilnych witryn (247)
• Testowanie witryny na telefonie komórkowym (248)

18. Testowanie witryny (249)

• Dlaczego testowanie jest ważne (250)
• Plan testowania (251)
  
  • Zaczynaj od końca (251)
  • Testowanie podstawowej funkcjonalności (251)
  • Testowanie kodu HTML (252)
  • Testowanie przeglądarek (253)
  • Testowanie rozdzielczości (254)
  • Testowanie wydruków (255)
  • Testowanie nawigacji (256)
  • Testowanie spójności designu (256)
  • Testowanie bezpieczeństwa (257)
  • Testowanie witryn na telefony i tablety (257)
  • Testowanie dostępności (258)
• Po zakończeniu testowania (258)
• Narzędzia do testowania (259)

CZĘŚĆ V. TWORZENIE WITRYN - ZAJĘCIA PRAKTYCZNE

19. Promocja witryny (261)

• Autopromocja (262)
  
  • Oferuj doskonałe i unikalne treści (262)
  • Aktualizuj treści (263)
  • Wypromuj swój URL (263)
  • Kontakty z innymi (263)
• Autopromocja w serwisach społecznościowych (266)
• Wyszukiwarki (267)
  
  • Jak działają wyszukiwarki (267)
• Optymalizacja witryny dla wyszukiwarek (268)
  
  • Słowa kluczowe (268)
  • Znaczniki meta (268)

20. Utrzymywanie witryny (271)

• To jeszcze nie koniec?! (271)
• Regularna obsługa (272)
  
  • Zadania do wykonywania co tydzień (272)
  • Zadania do wykonywania co miesiąc (272)
  • Zadania do wykonywania co rok (272)
• Dane analityczne (273)
  
  • Dane analityczne i ich znaczenie (273)
  • Google Analytics (274)
• Ulepszanie witryny w oparciu o dane analityczne (278)

21. Blog na silniku WordPress (279)

• Czym jest blog? (280)
• Po co mi blog? (280)
• Publikowanie na blogu (280)
• Udostępnianie treści (281)
• Czym jest WordPress? (281)
  
  • Wersje oprogramowania (281)
• Tworzenie bloga na WordPress.com (282)
  
  • Rejestracja na WordPress.com (283)
  • Aktywacja konta (285)
  • Logowanie na bloga (286)
  • Tworzenie wpisów blogowych (288)
  • Zarządzanie wpisami blogowymi (289)
  • Zmiana designu bloga (289)
  • Zarządzanie komentarzami na blogu (290)
• Tworzenie bloga oprogramowaniem WordPress (292)
  
  • Co musisz wiedzieć, zanim rozpoczniesz (292)
  • Jak działa oprogramowanie WordPress? (292)
  • Ile to wszystko kosztuje? (293)
• Przed instalacją oprogramowania (294)
  
  • Sprawdź, czy na serwerze zainstalowane jest odpowiednie oprogramowanie (294)
  • Zdobądź edytor tekstowy (294)
  • Zdobądź klienta FTP (294)
  • Wybierz nazwę użytkownika i hasło (294)
• Pobierz i zainstaluj WordPressa (295)
  
  • Pobierz oprogramowanie WordPress (295)
• Dostosowanie WordPressa (295)
  
  • Dodawanie motywów (296)
  • Dodawanie wtyczek (296)
• Personalizacja WordPressa (297)
  
  • Modyfikowanie motywów (297)
  • Tworzenie motywów (298)
  • Tworzenie wtyczek (299)
  • Blogowanie na iPhonie (299)
• Blogowanie w prosty sposób (300)
• Bądź na czasie (300)

22. Strona firmowa oparta na systemie zarządzania treścią (301)

• Pięć powodów, żeby używać open source'owego CMS-a (302)
• Tworzenie witryny przy użyciu Joomla! (303)
• Zanim zainstalujesz Joomla! (304)
• Pobranie i instalacja Joomla! (304)
  
  • Dodawanie artykułów (305)
  • Zarządzanie użytkownikami (307)
• Moduły, wtyczki, szablony (307)
• Bądź na czasie (308)
• Inne open source'owe CMS-y (308)

23. Witryna multimedialna (311)

• Najlepsze metody pracy z multimediami (312)
• Korzystanie z multimediów (313)
  
  • Przechowywanie plików multimedialnych (314)
  • Pobieranie plików audio i wideo (315)
  • Strumieniowanie plików audiowizualnych (315)
• Zaawansowana praca z multimediami (319)
  
  • Wix.com (www.wix.com) (320)
  • Webtrends Apps (transpond.com) (320)
• Zaawansowane open source'owe multimedia (320)

24. Wiki (321)

• Pięć powodów, dla których warto użyć serwisu Wikia (322)
• Pięć powodów, dla których warto użyć oprogramowania MediaWiki (323)
• Czym jest Wikia? (323)
• Tworzenie wiki w serwisie Wikia (324)
  
  • Rejestracja na Wikia (324)
  • Dodawanie stron (326)
  • Edycja strony (326)
  • Linkowanie stron (327)
  • Przeglądanie historii strony (328)
• Czym jest MediaWiki? (329)
  
  • Co musisz wiedzieć przed rozpoczęciem pracy (329)
  • Architektura oprogramowania MediaWiki (330)
  • Zanim zainstalujesz oprogramowanie MediaWiki (330)
  • Pobranie i instalacja MediaWiki (330)
• Bądź na czasie (332)

DODATKI

A. Lista najczęściej używanych tagów HTML (333)

B. Witryny z darmowym i open source'owym oprogramowaniem (337)

• Historia open source'a (338)
• Wiadomości ze świata open source (338)
• Witryny o open source (338)
• Systemy operacyjne (338)
• Przeglądarki (338)
• Pakiety biurowe (339)
• Programy do transferu danych (FTP) (339)
• Edytory tekstu (339)
• Edytory grafiki (339)
• Edytory HTML (339)
• Edytory wideo (340)
• Nagrywanie dźwięku (340)
• Serwery (340)
• Bazy danych (340)
• Oprogramowanie blogowe (340)
• Oprogramowanie CMS (340)
• Oprogramowanie wiki (341)
• Narzędzia do tworzenia skryptów (341)

Skorowidz (343)