Tytuł oryginału: Build a Website for FreeTytuł oryginału: Build a Website for Free Tłumaczenie:...

Tytuł oryginału: Build a Website for Free

Tłumaczenie: Maksymilian Gutowski

ISBN: 978-83-246-7266-0

Authorized translation from the English language edition: BUILD A WEBSITE FOR FREE, Third Edition; ISBN 0789750236; by Mark William Bell; published by Pearson Education, Inc, publishing as QUE Publishing.Copyright © 2013 by Pearson Education, Inc.

All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education Inc.Polish language edition published by HELION S.A. Copyright © 2013.

Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną, fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje naruszenie praw autorskich niniejszej publikacji.

Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich właścicieli.

Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte w tej książce informacje były kompletne i rzetelne. Nie biorą jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane z tym ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Wydawnictwo HELION nie ponoszą również żadnej odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji zawartych w książce.

Wydawnictwo HELIONul. Kościuszki 1c, 44-100 GLIWICEtel. 32 231 22 19, 32 230 98 63e-mail: [email protected]: http://helion.pl (księgarnia internetowa, katalog książek)

Drogi Czytelniku!Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres http://helion.pl/user/opinie/tsidr3Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.

Printed in Poland.

• Kup książkę• Poleć książkę • Oceń książkę

• Księgarnia internetowa• Lubię to! » Nasza społeczność

http://helion.pl/rt/tsidr3

http://helion.pl/rf/tsidr3

http://helion.pl/ro/tsidr3

http://helion.pl

http://ebookpoint.pl/r/4CAKF

Spis tre�ci

O autorze .........................................................................................................................................15Dedykacja ........................................................................................................................................15Podziękowania ................................................................................................................................15

Wprowadzenie .................................................................................................................................... 17

Cz�� I. Podstawy

1. Porz�dek rzeczy .......................................................................................................................... 27Proces tworzenia witryny internetowej ......................................................................................28

1. Planowanie ............................................................................................................................292. Projektowanie .......................................................................................................................303. Produkcja ..............................................................................................................................304. Testowanie ............................................................................................................................315. Promocja i utrzymanie ........................................................................................................31

Dlaczego warto przestrzegać tej kolejności ................................................................................31

2. Wybór lokalizacji witryny ............................................................................................................ 33Hosting ............................................................................................................................................33Czym jest serwer internetowy? .....................................................................................................34Określenie wymagań hostingowych ............................................................................................35

Cena ...........................................................................................................................................35Wymagana wiedza techniczna ...............................................................................................36Utrzymanie serwera .................................................................................................................36Miejsce na dysku ......................................................................................................................36Dostępność ...............................................................................................................................36Przepustowość ..........................................................................................................................36Bezpieczeństwo ........................................................................................................................37Zakres obsługi domeny ...........................................................................................................37

Hosting — możliwości ..................................................................................................................39Hosting domowy ......................................................................................................................39Darmowy hosting online ........................................................................................................39Płatny hosting online ..............................................................................................................40Hosting profesjonalny .............................................................................................................40Hosting firmowy ......................................................................................................................40

Co będzie dla Ciebie najlepsze? ....................................................................................................40

Kup książkę Poleć książkę



4 Darmowe sposoby na tworzenie profesjonalnych stron WWW

Praca z różnymi serwisami hostingowymi .................................................................................41Darmowe usługi .......................................................................................................................41Niedrogie serwisy komercyjne ...............................................................................................43Inne źródła informacji ............................................................................................................44

Cz�� II. Planowanie i przygotowania

3. Planowanie witryny ...................................................................................................................... 45Jakiego rodzaju witrynę chcesz stworzyć? ..................................................................................46

Rodzaje witryn ..........................................................................................................................46Ucz się z witryn, które odwiedzasz ..............................................................................................49Cele witryny ....................................................................................................................................50Organizowanie witryn ...................................................................................................................51

Organizowanie witryny ...........................................................................................................52Organizowanie witryny osobistej ..........................................................................................53Organizowanie strony .............................................................................................................53Układy stron internetowych ...................................................................................................54

Najlepsze sposoby organizowania witryny .................................................................................56Zachowaj prostotę ....................................................................................................................56Zachowaj spójność ...................................................................................................................57Zadbaj o łatwość utrzymania .................................................................................................57

4. Projektowanie witryny ................................................................................................................. 59Nie umiem zrobić takiej ładnej strony! .......................................................................................60Treść, głupcze! ................................................................................................................................60Ogólny projekt ................................................................................................................................61

Pomysły na design ...................................................................................................................61Kolory ..............................................................................................................................................62

Magiczna czwórka ...................................................................................................................62Kolory heksadecymalne ..........................................................................................................63Schematy kolorów ....................................................................................................................64Zaburzenia widzenia barw ......................................................................................................66

Fonty ................................................................................................................................................67Fonty systemowe ......................................................................................................................67Fonty jako obrazy .....................................................................................................................69Fonty i kolor .............................................................................................................................69

Obrazy .............................................................................................................................................69Kaskadowe arkusze stylów ............................................................................................................70

Najlepsze techniki designu .....................................................................................................70Treść jest najważniejsza ..........................................................................................................70Nowości umieść na początku i w środku ..............................................................................70Zadbaj o prostotę .....................................................................................................................70Nie używaj wodotrysków ........................................................................................................70Zachowaj spójność ...................................................................................................................71




Spis tre�ci 5

5. Przegl�d narz�dzi ........................................................................................................................ 73Wybór odpowiednich narzędzi ....................................................................................................74Witryny z programami i recenzjami ...........................................................................................74Pobieranie nowego oprogramowania .........................................................................................74Nieodzowne narzędzia ..................................................................................................................75

Systemy operacyjne .................................................................................................................75Przeglądarki ..............................................................................................................................76Pakiety biurowe ........................................................................................................................76Programy FTP ..........................................................................................................................76Edytory tekstu ..........................................................................................................................78Edytory graficzne .....................................................................................................................79Edytory HTML .........................................................................................................................79Rejestratory dźwięku ...............................................................................................................81Edytory wideo ...........................................................................................................................81Zaawansowane narzędzia .......................................................................................................81

Przyszłość darmowych narzędzi internetowych ........................................................................81

6. Przesy�anie i pobieranie plików .................................................................................................. 83Przechowywanie plików ................................................................................................................84

Nazewnictwo plików ...............................................................................................................84Przechowuj wszystkie pliki internetowe w jednym miejscu ..............................................85Stwórz strukturę organizacyjną .............................................................................................85Używaj systemu kontroli wersji .............................................................................................86Twórz kopie zapasowe plików ...............................................................................................87

Przesyłanie plików do internetu ..................................................................................................88Logowanie .................................................................................................................................88Tworzenie listy serwerów FTP ...............................................................................................89Dodawanie plików ...................................................................................................................89Podmienianie plików ...............................................................................................................90

Pobieranie plików z serwera FTP .................................................................................................91Jeden plik lub więcej ................................................................................................................91Pobieranie z przeglądarki .......................................................................................................91Rodzaje pobieranych plików ..................................................................................................91Zasady pobierania plików .......................................................................................................93

Cz�� III. Podstawy tworzenia witryn

7. Elementy witryny .......................................................................................................................... 95Treść .................................................................................................................................................96

Zasady tworzenia treści ...........................................................................................................96Normy .......................................................................................................................................96

Części strony internetowej ............................................................................................................97Tytuł ...........................................................................................................................................98Nagłówek ..................................................................................................................................98





Część główna ............................................................................................................................99Stopka ........................................................................................................................................99Paski boczne ...........................................................................................................................101Elementy nawigacyjne ...........................................................................................................101

Części witryny ...............................................................................................................................102Strona główna .........................................................................................................................102Strony z treścią .......................................................................................................................103

Skąd mam wiedzieć, jak zorganizować witrynę? .....................................................................105Reklamy internetowe ...................................................................................................................106

Reklamy banerowe .................................................................................................................106Reklamy animowane .............................................................................................................106Google AdSense .....................................................................................................................107iSocket .....................................................................................................................................107Widgety reklamowe ...............................................................................................................108

8. Wykorzystanie istniej�cych witryn ............................................................................................ 111Serwisy społecznościowe .............................................................................................................112

MySpace ..................................................................................................................................112Facebook .................................................................................................................................113Twitter .....................................................................................................................................117

Inne serwisy Web 2.0 ...................................................................................................................118Pinterest ..................................................................................................................................119Flickr ........................................................................................................................................119Delicious.com .........................................................................................................................120

Promowanie własnej witryny na innych stronach ..................................................................120

9. Kreatory witryn ........................................................................................................................... 123Zanim zaczniemy .........................................................................................................................124Witryny Google ............................................................................................................................125

Rejestracja w Witrynach Google ..........................................................................................125Utworzenie Witryny Google ................................................................................................127Edycja strony ..........................................................................................................................129Utworzenie strony .................................................................................................................131Przenoszenie strony ...............................................................................................................132Usuwanie strony ....................................................................................................................132Edycja ustawień strony ..........................................................................................................133Edycja ustawień witryny .......................................................................................................134Zalety i ograniczenia Witryn Google ..................................................................................134

Weebly ...........................................................................................................................................134Rejestracja na Weebly ............................................................................................................134Utworzenie witryny na Weebly ...........................................................................................135Edycja strony ..........................................................................................................................136Zalety i ograniczenia Weebly ...............................................................................................137




Spis tre�ci 7

Webs ..............................................................................................................................................137Rejestracja na Webs ...............................................................................................................137

10. HTML od podstaw ....................................................................................................................... 139Struktura języka HTML ..............................................................................................................140

Elementy, tagi i atrybuty .......................................................................................................141Struktura elementów .............................................................................................................141

Standardowe znaczniki HTML ..................................................................................................142Znaczniki struktury HTML ..................................................................................................142Znaczniki tekstowe ................................................................................................................144Listy ..........................................................................................................................................147Tabele ......................................................................................................................................148Linki .........................................................................................................................................149Obrazy .....................................................................................................................................150

Darmowe edytory HTML ...........................................................................................................150Edytory tekstowe ....................................................................................................................150Edytory WYSIWYG ..............................................................................................................150

Dodatkowe materiały ..................................................................................................................152Tworzenie kodu HTML w edytorze tekstowym ......................................................................153

11. HTML5 ......................................................................................................................................... 155Co to jest HTML5 i co z tego wynika? ......................................................................................155Standardy ......................................................................................................................................156World Wide Web Consortium (W3C) .....................................................................................156

HTML i XHTML ...................................................................................................................156Standard HTML5 .........................................................................................................................156

Duże zmiany ...........................................................................................................................156Przeglądarki ............................................................................................................................157Źródła informacji na temat HTML5 ...................................................................................157

Elementy HTML5 ........................................................................................................................158Elementy struktury ................................................................................................................158Elementy multimedialne .......................................................................................................162Formularze HTML5 ..............................................................................................................163Bajery .......................................................................................................................................165Usunięte elementy .................................................................................................................166

12. Praca z obrazami ....................................................................................................................... 167Tworzenie grafiki .........................................................................................................................168

Kompresja: stratna i bezstratna ............................................................................................168Edycja obrazów ......................................................................................................................169Zmiana wielkości obrazów ...................................................................................................170Zapisywanie obrazów ............................................................................................................170Optymalizacja obrazów .........................................................................................................171





Kiedy używać różnych formatów ........................................................................................173Dzielenie obrazów ..................................................................................................................173Mapy obrazów ........................................................................................................................175Animowane pliki .gif .............................................................................................................175

Obrazy i HTML ............................................................................................................................176Znacznik obrazu .....................................................................................................................176Obrazy w tekście ....................................................................................................................177Obrazy tła ................................................................................................................................178

Wyszukiwanie obrazów ...............................................................................................................178Darmowe obrazy ....................................................................................................................178Obrazy cudzego autorstwa ...................................................................................................179

Korzystanie z własnych obrazów ...............................................................................................179

13. Praca z multimediami ................................................................................................................ 181Cyfrowe pliki audio ......................................................................................................................183

Formaty plików audio ...........................................................................................................183Odtwarzacze audio ................................................................................................................184Digitalizacja dźwięku .............................................................................................................184Edycja plików audio ..............................................................................................................185Streaming ................................................................................................................................186Dodatkowe materiały ............................................................................................................186

Cyfrowe pliki wideo .....................................................................................................................187Formaty wideo ........................................................................................................................187Odtwarzacze wideo ................................................................................................................188Digitalizowanie filmów .........................................................................................................189Edycja plików wideo ..............................................................................................................190Serwisy filmowe ......................................................................................................................190Praca z YouTube’em ..............................................................................................................190Dodatkowe materiały ............................................................................................................193

Wskazówki co do pracy z multimediami ..................................................................................193

14. Tworzenie witryny w HTML-u ..................................................................................................... 195Jak działa strona internetowa .....................................................................................................196

Plik strony ...............................................................................................................................196Rozszerzenia ...........................................................................................................................196Narzędzia do tworzenia stron internetowych ....................................................................197Komponenty strony ...............................................................................................................198Odnośniki ...............................................................................................................................199

Kaskadowe arkusze stylów ..........................................................................................................205Format arkusza stylów ..........................................................................................................206Tworzenie arkuszy stylów i odnoszenie do nich ...............................................................207

Zebranie wszystkiego w całość ...................................................................................................208Skrypty ...........................................................................................................................................212Szablony .........................................................................................................................................213




Spis tre�ci 9

15. JavaScript dla pocz�tkuj�cych .................................................................................................. 215Ty też możesz zostać programistą! ............................................................................................215Proces programowania ................................................................................................................216Narzędzia programistyczne ........................................................................................................216

Konsola JavaScript .................................................................................................................217Edytory tekstowe ....................................................................................................................217Dodatki do przeglądarek .......................................................................................................218Podstawy JavaScriptu ............................................................................................................218Funkcje JavaScriptu ...............................................................................................................219Wersje JavaScriptu .................................................................................................................219Wymagania JavaScriptu ........................................................................................................219Element script .........................................................................................................................219Skrypty na stronach i skrypty zewnętrzne ..........................................................................220Prosty przykład JavaScriptu: rollovery i dynamiczne treści .............................................221

Dodatkowe materiały o JavaScripcie .........................................................................................223Samouczki ...............................................................................................................................223Biblioteki skryptów ................................................................................................................225

Cz�� IV. Testowanie i utrzymanie witryny

16. Jak oni to zrobili? ....................................................................................................................... 227Oglądanie kodu witryn ................................................................................................................228Dodatki Firefoksa dla webdeweloperów ...................................................................................229

Polecane dodatki Firefoksa dla twórców witryn ................................................................229Polecane dodatki Chrome dla twórców witryn .................................................................233Polecane dodatki Safari dla twórców witryn ......................................................................233

Odznaki .........................................................................................................................................233Widgety .........................................................................................................................................235Szablony .........................................................................................................................................236Sieci i witryny deweloperskie .....................................................................................................236

17. Funkcjonowanie witryny na smartfonach i tabletach .............................................................. 239Dlaczego internet mobilny jest ważny? .....................................................................................240

Jak ludzie korzystają z mobilnego internetu ......................................................................240Zacznij korzystać z mobilnego internetu ..................................................................................240

Mobilne urządzenia internetowe .........................................................................................241Mobilne systemy operacyjne ................................................................................................241Przeglądarki mobilne ............................................................................................................242

Ograniczenia mobilnego internetu ............................................................................................244Utworzenie mobilnej witryny ....................................................................................................245

Wykrywanie przeglądarek mobilnych ................................................................................245Domeny i subdomeny ...........................................................................................................245Używaj właściwego kodu ......................................................................................................246





Rozmiary stron .......................................................................................................................246Interfejs ....................................................................................................................................246Czego unikać ..........................................................................................................................247Narzędzia i witryny dla twórców mobilnych witryn .........................................................247

Testowanie witryny na telefonie komórkowym ......................................................................248

18. Testowanie witryny ..................................................................................................................... 249Dlaczego testowanie jest ważne ..................................................................................................250Plan testowania .............................................................................................................................251

Zaczynaj od końca .................................................................................................................251Testowanie podstawowej funkcjonalności .........................................................................251Testowanie kodu HTML .......................................................................................................252Testowanie przeglądarek ......................................................................................................253Testowanie rozdzielczości ....................................................................................................254Testowanie wydruków ..........................................................................................................255Testowanie nawigacji ............................................................................................................256Testowanie spójności designu ..............................................................................................256Testowanie bezpieczeństwa ..................................................................................................257Testowanie witryn na telefony i tablety ..............................................................................257Testowanie dostępności ........................................................................................................258

Po zakończeniu testowania .........................................................................................................258Narzędzia do testowania .............................................................................................................259

Cz�� V. Tworzenie witryn — zaj�cia praktyczne

19. Promocja witryny ....................................................................................................................... 261Autopromocja ...............................................................................................................................262

Oferuj doskonałe i unikalne treści .......................................................................................262Aktualizuj treści .....................................................................................................................263Wypromuj swój URL ............................................................................................................263Kontakty z innymi .................................................................................................................263

Autopromocja w serwisach społecznościowych ......................................................................266Wyszukiwarki ...............................................................................................................................267

Jak działają wyszukiwarki .....................................................................................................267Optymalizacja witryny dla wyszukiwarek ................................................................................268

Słowa kluczowe ......................................................................................................................268Znaczniki meta .......................................................................................................................268

20. Utrzymywanie witryny ................................................................................................................ 271To jeszcze nie koniec?! ................................................................................................................271Regularna obsługa ........................................................................................................................272

Zadania do wykonywania co tydzień ..................................................................................272Zadania do wykonywania co miesiąc ..................................................................................272Zadania do wykonywania co rok .........................................................................................272




Spis tre�ci 11

Dane analityczne ..........................................................................................................................273Dane analityczne i ich znaczenie .........................................................................................273Google Analytics ....................................................................................................................274

Ulepszanie witryny w oparciu o dane analityczne ..................................................................278

21. Blog na silniku WordPress ........................................................................................................ 279Czym jest blog? .............................................................................................................................280Po co mi blog? ...............................................................................................................................280Publikowanie na blogu ................................................................................................................280Udostępnianie treści ....................................................................................................................281Czym jest WordPress? .................................................................................................................281

Wersje oprogramowania .......................................................................................................281Tworzenie bloga na WordPress.com ........................................................................................282

Rejestracja na WordPress.com .............................................................................................283Aktywacja konta .....................................................................................................................285Logowanie na bloga ...............................................................................................................286Tworzenie wpisów blogowych .............................................................................................288Zarządzanie wpisami blogowymi ........................................................................................289Zmiana designu bloga ...........................................................................................................289Zarządzanie komentarzami na blogu ..................................................................................290

Tworzenie bloga oprogramowaniem WordPress ....................................................................292Co musisz wiedzieć, zanim rozpoczniesz ...........................................................................292Jak działa oprogramowanie WordPress? ............................................................................292Ile to wszystko kosztuje? .......................................................................................................293

Przed instalacją oprogramowania ..............................................................................................294Sprawdź, czy na serwerze zainstalowane jest odpowiednie oprogramowanie ..............294Zdobądź edytor tekstowy ......................................................................................................294Zdobądź klienta FTP .............................................................................................................294Wybierz nazwę użytkownika i hasło ...................................................................................294

Pobierz i zainstaluj WordPressa ................................................................................................295Pobierz oprogramowanie WordPress .................................................................................295

Dostosowanie WordPressa .........................................................................................................295Dodawanie motywów ............................................................................................................296Dodawanie wtyczek ...............................................................................................................296

Personalizacja WordPressa .........................................................................................................297Modyfikowanie motywów ....................................................................................................297Tworzenie motywów .............................................................................................................298Tworzenie wtyczek ................................................................................................................299Blogowanie na iPhonie ..........................................................................................................299

Blogowanie w prosty sposób ......................................................................................................300Bądź na czasie ...............................................................................................................................300





22. Strona firmowa oparta na systemie zarz�dzania tre�ci� ........................................................ 301Pięć powodów, żeby używać open source’owego CMS-a .......................................................302Tworzenie witryny przy użyciu Joomla! ...................................................................................303Zanim zainstalujesz Joomla! .......................................................................................................304Pobranie i instalacja Joomla! ......................................................................................................304

Dodawanie artykułów ...........................................................................................................305Zarządzanie użytkownikami ................................................................................................307

Moduły, wtyczki, szablony ..........................................................................................................307Bądź na czasie ...............................................................................................................................308Inne open source’owe CMS-y ....................................................................................................308

23. Witryna multimedialna .............................................................................................................. 311Najlepsze metody pracy z multimediami .................................................................................312Korzystanie z multimediów ........................................................................................................313

Przechowywanie plików multimedialnych ........................................................................314Pobieranie plików audio i wideo .........................................................................................315Strumieniowanie plików audiowizualnych ........................................................................315

Zaawansowana praca z multimediami ......................................................................................319Wix.com (www.wix.com) .....................................................................................................320Webtrends Apps (transpond.com) ......................................................................................320

Zaawansowane open source’owe multimedia ..........................................................................320

24. Wiki ............................................................................................................................................. 321Pięć powodów, dla których warto użyć serwisu Wikia ...........................................................322Pięć powodów, dla których warto użyć oprogramowania MediaWiki ................................323Czym jest Wikia? ..........................................................................................................................323Tworzenie wiki w serwisie Wikia ...............................................................................................324

Rejestracja na Wikia ..............................................................................................................324Dodawanie stron ....................................................................................................................326Edycja strony ..........................................................................................................................326Linkowanie stron ...................................................................................................................327Przeglądanie historii strony ..................................................................................................328

Czym jest MediaWiki? ................................................................................................................329Co musisz wiedzieć przed rozpoczęciem pracy .................................................................329Architektura oprogramowania MediaWiki .......................................................................330Zanim zainstalujesz oprogramowanie MediaWiki ...........................................................330Pobranie i instalacja MediaWiki ..........................................................................................330

Bądź na czasie ...............................................................................................................................332




Spis tre�ci 13

Dodatki

A. Lista najcz��ciej u�ywanych tagów HTML ................................................................................ 333

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

Skorowidz ................................................................................................................................... 343




ROZDZIA�

Elementy witryny

7W TYM ROZDZIALE

� Tre�� Cz��ci strony internetowej� Cz��ci witryny� Sk�d mam wiedzie�, jak zorganizowa� witryn�?� Reklamy internetowe

anim zabierzesz się do tworzenia swojej witryny, musisz znać jej budo-wę. Definicje strony internetowej i witryny omówiłem już wcześniej, aletrzeba przyjrzeć się szczegółom, żeby móc omówić ich części składowe.

W tym rozdziale omówię elementy stron, witryn oraz opiszę, co decyduje o jakościmateriału. Wreszcie poruszę temat reklam internetowych oraz tego, czy powinnysię one znajdować na Twojej witrynie.

Z




96 CZ� I I I . Podstawy tworzenia witryn

Tre��

Treść jest podstawą witryny i to właśnie nią użytkownicy się interesują. Jeżeli nie maszświetnej, unikalnej treści, użytkownicy nie będą mieli powodu, żeby wpisać adres URLTwojej strony lub kliknąć prowadzący do niej odnośnik.

W tym podrozdziale znajdziesz kilka najlepszych zasad, których warto się trzymaćpodczas tworzenia treści witryny.

Zasady tworzenia tre�ci

Tematyka witryny zależy wyłącznie od Ciebie, ale poniżej widnieją zasady, które możnaodnieść do wszelkich treści:

� Treść powinna być skoncentrowana. Treść witryny powinna koncentrować się najakiejś tematyce. Nic tak nie odstręcza czytelników jak niezborna treść. Strona głównawitryny o starych maszynach do pisania to nie miejsce na zdjęcia nowo narodzonychszczeniątek. Zdecyduj, o czym witryna ma traktować, i trzymaj się tego.

� Treść powinna być osobista. O ile to możliwe, naznacz treść samym sobą.Masz przecież swoją osobowość, a ja sam chętnie bym się dowiedział, co maszdo powiedzenia. Inni pewnie też. Nikt nie przeżył tego samego co Ty, więcTwoje treści będą wyjątkowe. Jeżeli tworzysz witrynę firmową, naznacz treśćcharakterem przedsiębiorstwa. Witryna firmy, u której można wynająć klaunana imprezę, powinna wyglądać inaczej niż witryna doradcy finansowego.

� Treść powinna być dobra. Powinieneś być dumny z tego, co publikujesz.Upewnij się, czy Twoje treści są dobrze i bezbłędnie napisane. Dostarcz swoimodbiorcom najlepszą witrynę, jaką możesz.

� Treść powinna być wyjątkowa. Nie papuguj — stwórz coś nowego. Nawetjeśli przekazujesz dalej coś, co ktoś inny już opublikował, dodaj do tego własnykomentarz. Serwis Internet Movie Database (rysunek 7.1) odniósł sukces zewzględu na unikalność swoich treści.

� Treść powinna być odpowiednia dla odbiorców. Podczas tworzenia treścipomyśl o swojej grupie odbiorców. Czego oczekują oni od Twojej witryny?Nie używaj języka akademickiego, jeśli tworzysz witrynę dla przedszkolaków.

Normy

To nie Ty decydujesz o tym, kto trafi na Twoją witrynę. Może to być Twój szef, babciaalbo ośmioletni syn sąsiadów. Niektóre treści, które są w Twoim odczuciu odpowiednie,mogą godzić w ich normy. Nie każę Ci cenzurować swoich treści, ale powinieneś byćświadom, że mogą się z nimi zetknąć bardzo różni ludzie. Jeżeli na Twojej witrynie




ROZDZIA� 7. Elementy witryny 97

RYSUNEK 7.1.

W serwisie Internet Movie Database mo�na trafi� na najlepsze tre�ci w ca�ej sieci

znajdują się treści „tylko dla pełnoletnich” (a chodzi tu o takie rzeczy jak język, dowcipyczy obrazy), których swojej babci raczej byś nie pokazał, zastanów się nad wyraźnymoznaczeniem ich, tak aby przestrzec odbiorców, których mogłyby urazić.

SOWNICZEK GEEKANSFWBy� mo�e spotka�e� si� w e-mailach lub na blogach z terminem NSFW na okre�lenie tre�ci.Jest to skrót od zwrotu Not Safe For Work, co oznacza mniej wi�cej „nie ogl�daj w pracy”.Chodzi o to, �e s� to tre�ci, które lepiej ogl�da� na osobno�ci, a nie przy innych. Mog� to by�na przyk�ad materia�y o charakterze erotycznym. Je�eli nie jeste� pewien, czy jakie� tre�ci s�odpowiednie dla wszystkich, lepiej o tym ostrze�.

Cz��ci strony internetowej

W tym podrozdziale omówię kilka standardowych elementów projektu stronyinternetowej. Nie mam na myśli samej treści, lecz elementy, które ją zawierają.Nie każda strona składa się z nich wszystkich, ale dobra strona powinna zawieraćwiększość z nich.





Tytu�

Tytuł strony internetowej pojawia się na pasku tytułowym przeglądarki, w którym jestona wyświetlona. Mogłoby się wydawać, że tytuł można spokojnie pominąć, ale jednakma on duże znaczenie. To właśnie dzięki niemu użytkownik może trafić na właściwąstronę, kiedy przegląda aplikacje na pasku zadań lub na pulpicie. Tytuł strony pojawiasię na pasku zadań po zmniejszeniu przeglądarki lub na zakładce, kiedy ta zostajew przeglądarce przełączona (rysunek 7.2).

RYSUNEK 7.2.

Nazwa Kalendarza Google widnieje na pasku tytu�owym i zak�adce przegl�darki

Tytuł określa się znacznikiem HTML w kodzie. Więcej informacji o znaczniku titleznajdziesz w rozdziale 10., „HTML od podstaw”.

Nag�ówek

Nagłówek strony internetowej jest obszarem obejmującym jej górną część. Nie mawprawdzie określonej wielkości nagłówka, ale przyjęło się, że nie powinien on byćwiększy niż jedna czwarta ogólnej wysokości strony, a za to powinien być szerokina całość. W nagłówku można zamieścić informacje tytułowe i elementy nawigacyjne(rysunek 7.3). Na każdej stronie można też umieścić jednakowy nagłówek, aby zwiększyćspójność witryny. Jeżeli na wszystkich stronach osadzony jest jeden plik nagłówka,to wystarczy go zmienić, żeby zaktualizować całą witrynę.





RYSUNEK 7.3.

Nag�ówek strony Twitter.com

Cz�� g�ówna

Większość treści zamieszcza się w części głównej strony. Nie ma szczególnych standardów,które by określały jej postać, ale pamiętaj, że treść powinna być łatwa w odbiorze podwzględem graficznym (rysunek 7.4). Jeśli na przykład część główna strony internetowejjest szeroka na całe okno przeglądarki, to na niektórych ekranach odczytanie jej treścimoże być trudne.

Stopka

Stopka jest odpowiednikiem nagłówka. Znajduje się u dołu strony i również możnaw niej zamieścić elementy informacyjne i nawigacyjne (rysunek 7.5). Podobnie jakz nagłówkiem, warto dla zachowania spójności umieścić taką samą stopkę na każdejstronie witryny. Jeżeli na wszystkich stronach osadzony jest jeden plik stopki,to wystarczy go zmienić, żeby zaktualizować całą witrynę. W stopce zazwyczajumieszcza się również informacje kontaktowe.





RYSUNEK 7.4.

Cz�� g�ówna witryny IBM

RYSUNEK 7.5.

Stopka witryny Apple.com





Paski boczne

Po bokach części głównej można dodać paski boczne. Są to kolumny treści, którezajmują więcej miejsca w pionie niż w poziomie. Podobnie jak nagłówek i stopka, pasekboczny może zawierać dowolną treść, ale warto w nim umieścić pola wyszukiwaniai elementy nawigacyjne (rysunek 7.6).

RYSUNEK 7.6.

W tej witrynie paski boczne znajduj� si� po obu stronach cz��ci g�ównej

Elementy nawigacyjne

Elementy nawigacyjne mogą się znajdować w różnych obszarach strony internetoweji są jej bardzo istotną częścią. Elementy nawigacyjne to odnośniki do innych stronwitryny. Bez nich użytkownik nie mógłby się poruszać po Twojej treści.

Elementy nawigacyjne mogą przybrać postać tekstu, przycisków lub menu. Ich wyglądnie jest jednoznacznie określony, ale powinny stanowić całość i być spójne (rysunek 7.7).Oto podstawowe warunki, które elementy nawigacyjne powinny spełniać:

� Jednolitość. Upewnij się, czy z każdej strony witryny można przejść na wszystkieinne. Każda witryna powinna mieć zbiór elementów nawigacyjnych, któreznajdują się na wszystkich stronach.





RYSUNEK 7.7.

Na tej witrynie znajduj� si� �wietne elementy nawigacyjne

� Spójność. Elementy nawigacyjne powinny znajdować się w tym samym miejscuna każdej stronie i oznaczać te same odnośniki. Jeżeli postanowisz usunąć któryśz odnośników, koniecznie zrób to na wszystkich stronach.

� Zrozumiałość. Elementy nawigacyjne powinny być łatwe do odczytaniai zrozumienia. Ludziom nie wystarczy nadzieja, że dany odnośnik prowadzido interesujących ich treści.

� Widoczność. Nie ukrywaj elementów nawigacyjnych. Powinno dać się jez łatwością znaleźć w tym samym miejscu na każdej stronie.

Cz��ci witryny

Witryny, podobnie jak strony, składają się z pewnych części. Nie każda zawierawszystkie z nich, ale powinieneś się na nich znać i umieć stwierdzić, czy są potrzebne.

Strona g�ówna

Strona główna jest najważniejszą częścią witryny i musisz być tego świadom. To onapierwsza się wczytuje, kiedy użytkownik podaje adres URL Twojej witryny w przeglądarce.





Przeglądarka po wpisaniu adresu URL łączy się z serwerem i wysyła żądanie stronygłównej. Serwer domyślnie zwraca przeglądarce stronę index.htm lub index.html.Jest to jedna z konwencji, które sprawiają, że internet działa tak sprawnie.

Strona główna decyduje o pierwszym wrażeniu, jakie wywierasz na odbiorcy, więckoniecznie przedstaw się na niej jak najlepiej. To na niej również powinien znajdowaćsię punkt skupienia całej witryny. Zamieszczaj na niej najlepsze i najświeższe materiały(rysunek 7.8). Ludzie nie będą się rozglądać po witrynie, jeśli strona główna nie będziejej najlepszą częścią.

RYSUNEK 7.8.

Przyk�ad strony g�ównej

Strony z tre�ci�

Na Twojej witrynie znajdą się strony z unikalną treścią (produktami, obrazami itp.), alew tym punkcie przedstawię Ci przykłady standardowych stron.

Strona „o autorze”Rzecz jasna, tutaj powinieneś przedstawić, kim jesteś i dlaczego stworzyłeś witrynę.Informacje powinny być jasne, wyczerpujące i aktualne.





Strony produktówNa witrynie komercyjnej można zamieścić strony z produktami i kategoriami produktów.Dopilnuj, by informacje były pogrupowane sensownie i aby łatwo było je znaleźć.

KalendarzJeżeli publikujesz informacje, dla których czas ma duże znaczenie, możesz skorzystaćz kalendarza, w którym zamieścisz informacje w rodzaju godzin pracy Twojej firmy lublisty kiermaszów na Twoim osiedlu. Jeżeli zdecydujesz się na utworzenie takiej strony,to koniecznie musisz pamiętać o jej aktualizowaniu.

Mapa witrynyMapa witryny jest jak spis treści. Zazwyczaj przybiera postać hierarchicznej listy stron,które składają się na witrynę. Jeśli możesz, powinieneś raczej zaoferować jakąś możliwośćprzeszukiwania witryny zamiast mapy, ale jeśli naprawdę Ci na niej zależy, to niektórzyużytkownicy mogą ją uznać za całkiem przydatną.

Cz�sto zadawane pytania (FAQ)Możesz stworzyć listę często zadawanych pytań i odpowiedzi (w skrócie FAQ, ang.frequently asked questions) na temat przeznaczenia witryny i jej treści (rysunek 7.9).Na tej liście powinny się znajdować pytania i odpowiedzi na temat Twoich produktów,usług lub czegokolwiek innego, o co podejrzewasz, że użytkownicy będą stale pytać.Dzięki temu czytelnicy będą mogli znajdować informacje w szybki i uporządkowanysposób. Swoje FAQ powinieneś stale aktualizować.

Dane kontaktoweZamieszczając dane kontaktowe na witrynie, pozwalasz ludziom zgłaszać komentarzei pytania w jej sprawie. W skład tych danych może wchodzić Twoje nazwisko, adres,numer telefonu i adres e-mailowy.

UWAGAMiej na uwadze, �e spamerzy mog� znale� i wykorzysta� Twoje dane kontaktowe. Mo�na temuzapobiec, podaj�c adres e-mailowy s�ownie, tak �eby nie wykrywa�y go spamboty. [email protected] mo�esz zatem poda� adres mark (ma�pa) markwbell (kropka) com.





RYSUNEK 7.9.

Przyk�ad �wietnego FAQ

Sk�d mam wiedzie�, jak zorganizowa� witryn�?

Wszystko powyższe wydaje się dość proste aż do momentu, kiedy trzeba tę wiedzęzastosować w praktyce. Samemu zdarzało mi się mierzyć z niesamowitymi ilościaminieuporządkowanych materiałów na witrynę. Co zrobić w takiej sytuacji? Jak właściwieuporządkować treść? Pomogę Ci na dwa sposoby. Po pierwsze, opowiem o strukturachorganizacji treści. Po drugie, przedstawię Ci praktyczny sposób myślenia o treści, który— jak mam nadzieję — ułatwi Ci jej porządkowanie.

Do poprawnego zorganizowania czegokolwiek potrzebujesz przede wszystkimstruktury. Taka struktura jest tym, czym szkielet dla ciała — daje mu wsparcie i nadajekształt. To wprawdzie nie kości pozwalają Ci się ruszać, ale wspierają te części ciała,które za to odpowiadają. Pod względem organizacyjnym strukturę postrzegam jakoserię poziomów. Najwyższym poziomem jest według mnie temat i znaczenie witryny.Poniżej znajdują się nagłówki, które dzielą treść na spójne fragmenty. Z reguły używamdwóch poziomów treści. Każda kategoria lub poziom ma swoje podrzędne poziomy —na każdym poziomie kategoryzacji tworzę strony. W przypadku witryny restauracjistworzyłbym kategorie Dania, Lokalizacja i Godziny otwarcia. Każda z nich znalazłabysię na osobnej stronie. Na poziomie poniżej znajdują się podrzędne nagłówki każdej





z kategorii. Na witrynie restauracji byłby to podział strony Dania na dania podawanena obiad i na kolację. Trzeba pamiętać, że to treść musi decydować o nagłówkachposzczególnych poziomów. Przyjrzyj się jej dokładnie.

Te wszystkie poziomy, nagłówki podrzędne i kategorie mogą Ci się wydawać niejasne.Ja sam podczas organizowania witryny zamieszczam fragmenty treści na fiszkach.Dzięki temu mogę sprawdzić, które do siebie pasują, a które należy zamieścić osobno.Mogę je dowolnie przekładać aż do skutku. Zawsze jednak, kiedy już znajdę odpowiedniąstrukturę, mieszam fiszki jeszcze raz i przyjmuję zupełnie nowe podejście. W tensposób można albo lepiej zrozumieć organizację treści, albo potwierdzić słusznośćswojego pierwszego wyboru. Tak czy siak, zyskujesz świeżą perspektywę.

Organizowanie treści może Cię spowolnić albo nawet zupełnie zatrzymać, jeśli na topozwolisz. Pokaż treści, kto tu rządzi, i wbij ją w najbardziej odpowiednią strukturę,która pozwoli Ci stworzyć użyteczną i dobrze zaprojektowaną witrynę.

Reklamy internetowe

Jednym ze sposobów na pokrycie kosztów prowadzenia witryny jest sprzedawaniena niej powierzchni reklamowej. Zacznijmy od tego, że to nie jest sposób na szybkizarobek. Czerpanie jakichkolwiek realnych zysków z reklam internetowych jest trudnei mało prawdopodobne, ale mimo to może Ci pozwolić na pokrycie części kosztów.

UWAGAPrzedstawiam tutaj bardzo proste omówienie kwestii reklam internetowych. Pami�taj, by w relacjebiznesowe wchodzi� ostro�nie, zw�aszcza gdy dzieje si� to przez internet.

Zanim weźmiesz się za poszukiwanie reklamodawców, powinieneś poświęcić czasi energię na dopracowanie swojej witryny, tak by sama ich przyciągała.

Reklamy banerowe

Banery są reklamami, które znajdują się w różnych miejscach witryny. Użytkownikmoże je kliknąć, by przejść do witryny reklamodawcy. W praktyce dostajeszwynagrodzenie za umieszczenie u siebie odnośnika do innej witryny.

Reklamy animowane

W ciągu ostatnich kilku lat w reklamie internetowej pojawił się trend polegający natworzeniu animowanych bądź interaktywnych reklam, które mają przyciągać uwagęgości na stronie. Niestety, odnoszą one efekt przeciwny do zamierzonego i są dla ludzizwyczajnie irytujące. Radzę zachować się taktownie i nie umieszczać ich u siebie.





Google AdSense

Jednym z najlepszych rozwiązań w zakresie umieszczania reklam na witrynie jestwykorzystanie serwisu Google AdSense (https://www.google.com/adsense/; rysunek 7.10),który zamieszcza na niej reklamy tekstowe dopasowane do jej treści i płaci Ci za todrobną sumę.

RYSUNEK 7.10.

Strona Google AdSense

Te reklamy są mniej natrętne niż krzykliwe, animowane banery, ale nie masz kontrolinad tym, co i kiedy jest w nich wyświetlane. Załóżmy, że prowadzisz witrynę na tematswojej pasji filatelistycznej. Google AdSense przegląda stronę w poszukiwaniu słówkluczowych i w oparciu o nie wyświetla reklamy (rysunek 7.11). AdSense ma własnyregulamin, więc koniecznie przeczytaj wszystko, co zapisane drobnym druczkiem,zanim się zarejestrujesz.

iSocket

iSocket to kolejny, nowszy serwis reklamowy. Działa on podobnie do Google AdSense,ale nie nakłada na Ciebie kontraktowych zobowiązań, pozwala Ci na zatwierdzaniereklam przed ich wyświetleniem i dobrze za nie płaci.





RYSUNEK 7.11.

Wykorzystanie Google AdSense na witrynie

Widgety reklamowe

Być może widziałeś na jakichś witrynach widgety reklamowe, które pozwalają nabezpośrednią interakcję z firmą. Wielkie sklepy internetowe chcą przyciągać na swojewitryny ruch, wobec czego oferują Ci widgety, które możesz odpowiednio spersonalizować.Szeroki wybór widgetów oferuje Amazon (rysunek 7.12). Na swojej witrynie umieściłemwidget Amazona, w którym wyświetlane są moje najnowsze książki. Po kliknięciuodnośnika do książki przeglądarka wchodzi na stronę Amazona, na której znajduje sięlista sprzedawanych egzemplarzy wraz z cenami. Dzięki temu widgetowi otrzymujęrównież drobną prowizję, kiedy nabywcy kupują moje książki za jego pośrednictwem.Jeżeli sprzedajesz swoje produkty we współpracy z jakimś dystrybutorem, sprawdź,czy oferuje on taki widget na strony.





RYSUNEK 7.12.

Strona z widgetami Amazona




Skorowidz

Aadres URL, 38aktualizowanie treści, 263animowane pliki .gif, 175Apache, 35API, 165atrybut HTML, 141atrybuty

elementu form, 164znacznika img, 176

autopromocja, 262w serwisach społecznościowych, 266

Bbaza danych MySQL, 293bezpieczeństwo, 34, 37biblioteki skryptów, 225blog, 280blogowanie z iPhona, 299błąd 404, 250

Ccel witryny, 51chmura, 88CMS, content management system, 301

concrete5, 308Drupal, 308Joomla!, 303Omeka, 309Pligg, 308

CSS, Cascading Style Sheet, 70, 205części

strony internetowej, 97witryny, 102

Ddane kontaktowe, 104darmowe

edytory HTML, 150obrazy, 178programy, 75, 337szablony, 213usługi, 41

darmowy hosting online, 39debugowanie, 216deklaracja typu dokumentu, 143design, 61design bloga, 289digitalizacja

dźwięku, 184filmu, 189

dodatekColorZilla, 230CSSViewer, 232Editor Lite, 233Execute JS, 218Firebug, 218, 230IE Tab, 230MeasureIt, 232Pretty Beautiful JavaScript, 218Speed Tracer, 233Web Developer, 229YSlow, 232

dodatkiChrome, 233Firefoksa, 229Safari, 233

dodawanieartykułów, 305plików, 89





domena, 245najwyższego poziomu, 37, 246właściwa, 37

dostawca usłughostingowych, 43internetowych, 39

dostęp do serwera, 36dostosowanie WordPressa, 295Drupal, 308dynamiczne treści, 221

Eedytor

artykułów w Joomla!, 306obrazów, 169plików audio, 185plików wideo, 81, 190

edytorygraficzne, 79HTML, 79tekstowe, 78, 150, 197, 217WYSIWYG, 150, 197, 326

elementaudio, 316video, 316script, 219

elementyHTML, 141HTML5, 158–166nawigacyjne, 101witryny, 95

FFAQ, frequently asked questions, 104fonty systemowe, 67format arkusza stylów, 206formaty plików graficznych, 169formularz, 163FTP, File Transfer Protocol, 76, 294funkcje

Facebooka, 117JavaScriptu, 219

GGIMP

dzielenie obrazu, 173eksport obrazu, 172zapis obrazu, 171

Hharmonogram zadań, 272heksadecymalny zapis kolorów, 63, 168hosting, 33

darmowy, 42, 43domowy, 39firmowy, 40online, 39możliwości, 39płatny, 40profesjonalny, 40wymagania, 35

HTML, 139, 195atrybut, 141element, 141tagi, 141znaczniki, 142–150

HTML5, 155artykuł, 159audio, 162elementy usunięte, 166formularze, 163geolokalizacja, 165ilustracja, 160lista danych, 164magazynowanie danych, 164nagłówek, 158nawigacja, 159płótno, 162podpis, 160przeciągnij i upuść, 165sekcja, 159stopka, 158streszczenie, 160struktura, 158szczegóły, 160wideo, 162zaznaczenie, 161




Skorowidz 345

Iidentyfikator śledzenia, 276informacje

o CSS-ie, 207o deweloperach, 236o HTML, 152o HTML5, 157o Joomla!, 307o kolorach, 64o obrazach, 178o programach, 74o skryptach, 213

instalowanieJoomla!, 304MediaWiki, 330, 331WordPressa, 292–295

interfejs programowania aplikacji, 165internet, 22internet mobilny, 240, 244

JJavaScript, 215język

HTML, 139JavaScript, 215Wireless Markup Language, 246XHTML, 246

języki skryptowe, 212Joomla!, 303

Kkarta SD, 189kaskadowe arkusze stylów, 70, 205klient FTP, 76kod źródłowy witryny, 228kodowanie tabel, 202kokpit bloga, 287kolory, 62kolory odnośników, 200komentarze, 200

komponenty strony, 198kompresja obrazów, 168konfiguracja witryny, 303konsola

błędów, 217JavaScript, 217

kontener HTML, 196konto

Google, 125Google Analytics, 275na Facebooku, 113na Webs, 137na Weebly, 134na Wikia, 325na WordPress.com, 285na YouTube’ie, 191, 317

kopie zapasowe plików, 36, 87kreator witryn

Webs, 137Weebly, 134Witryny Google, 125

Llepkie treści, sticky content, 59link do pliku audio, 315logowanie, 88logowanie na bloga, 286

Mmapa

obrazu, 175witryny, 104

MediaWiki, 330mobilne

systemy operacyjne, 241urządzenia, 241

modyfikowanie motywów, 297motyw bloga, 290motywy WordPressa, 296multimedia, 181, 193, 312





Nnagłówek, 54, 98narzędzia

darmowe, 75–81do testowania, 259zaawansowane, 81

natywny format pliku, 171nazwa

domeny, 37, 38pliku, 84

Oobrazy, 69, 167–179odnośniki, 199, 200odtwarzacze

audio, 184wideo, 188

odznaki, 233opłata za hosting, 35oprogramowanie

MediaWiki, 323, 329open source, 19, 74, 82WordPress, 292, 293

optymalizacja dla wyszukiwarek, 268organizowanie

strony, 53witryny, 52, 56, 102, 105witryny osobistej, 53

osadzanie, 149filmu, 192, 319odtwarzacza, 315

Ppająk, 268pakiety biurowe, 76paski boczne, 101personalizacja WordPressa, 297piksel, 168plan testowania, 251planowanie, 216planowanie witryny, 45

plikstrony, 196tar.gz, 331

pliki.avi, 187.dmg, 93.exe, 92.gif, 169, 175.htm, 196.html, 196.iso, 93.jpg, 169.js, 220.mov, 187.mp3, 183.mpeg, 187.png, 169.wav, 183.wma, 183.wmv, 187.xcf, 170.zip, 92, 295

plikiaudio, 183graficzne, 92multimedialne, 313, 314

pobieranie, 315przechowywanie, 314strumieniowanie, 315

wideo, 187pobieranie plików, 91, 93, 315podcasting, 183prefiks m., 246program

Audacity, 81, 185Avidemux, 81, 190Blender, 81Bluefish, 80, 152Cinelerra-CV, 81CSSED, 80Cyberduck, 77EasyPHP, 81Fetch, 77




Skorowidz 347

FileZilla, 77GIMP, 79, 169Inkscape, 79Kaltura, 188KompoZer, 79, 151, 198MediaWiki, 329Miro, 188Net2ftp, 77Notepad ++, 78, 150OneButton FTP, 77OpenLaszlo, 80, 152, 320Paint.Net, 79phpMyAdmin, 81Quanta Plus, 79, 152SeaMonkey, 80Seashore, 79Songbird, 184TextWrangler, 78, 150VideoLAN, 188Wavemaker, 80Winamp, 184XEmacs, 78, 150

programowanie, 216programy open source, 337projektowanie witryny, 59promocja witryny, 261promowanie adresu URL, 263przechowywanie plików, 84przeglądarki, 25, 76, 157przeglądarki mobilne, 242przepustowość, 36przesyłanie plików, 88publikowanie linków, 120

Rramki, 204ranking stron, 268raporty, 277recenzje usług hostingowych, 44rejestracja domeny, 38rejestratory dźwięku, 81reklamy, 106RGB, 168

rodzajehostingu, 41plików, 91witryn, 46–49

rollovery, 221rozdzielczość

ekranu, 254obrazu, 168

rozszerzenie pliku, 91

Ssamouczki, 223schematy kolorów, 64serwer FTP, 89serwer internetowy, 34serwis

Batcave.net, 43Bravenet, 43Delicious.com, 120Dropbox, 87Facebook, 113Flickr, 119Google AdSense, 107Google Analytics, 274Google Sites, 42iSocket, 107MediaWiki, 329MySpace, 112Pinterest, 119SoundCloud, 186Sprout Builder, 319Tumblr, 300Twitter, 117Ustream.tv, 190vimeo, 190Webs, 137Webtrends Apps, 320Weebly, 134Wikia, 322, 323Witryny Google, 125Wix.com, 320YouTube, 190YouTube.com, 314





serwisyanalityczne, 278filmowe, 190hostingowe, 39, 41komercyjne, 43społecznościowe, 112Web 2.0, 118

skrypty, 212, 216na stronach, 220PHP, 293zewnętrzne, 220

słowa kluczowe, 268spam, 291statystyki, 273stopka, 54, 99streaming, 186, 314strona główna, 52, 102strona internetowa, 24, 97strony witryny, 103struktura

elementów HTML, 141organizacyjna plików, 86strony, 203

strumieniowanie plików, 186, 314subdomena, 38, 245, 285sygnaturka, 263system kontroli wersji, 86system operacyjny, 75

Android, 242Apple iOS, 241Microsoft Windows Phone, 242

system zarządzania treścią, CMS, 301szablon, 54, 213, 236

Ttabele, 201tagi HTML, 141testowanie, 216

bezpieczeństwa, 257dostępności, 258funkcji witryny, 39funkcjonalności, 251kodu HTML, 252nawigacji, 256

przeglądarek, 253rozdzielczości, 254spójności designu, 256witryn mobilnych, 257wydruków, 255

tło strony, 178treść, 96tworzenie

arkusza CSS, 212arkuszy stylów, 207bloga, 282, 292grafiki, 168kodu HTML, 153, 197mobilnej witryny, 245motywów, 298rolloverów, 221treści, 96wiki, 322, 324witryn multimedialnych, 312witryny

etapy, 28–31witryny multimedialnej, 320wpisów blogowych, 288wtyczek, 299

typy danych wejściowych, 163tytuł strony, 98

Uukład strony, 54usługa

Google Drive, 87hostingowa, 34

utrzymywaniepracy serwera, 36witryny, 271

WW3C, 156, 252walidator HTML, 253warstwy, 205Weebly

edytor stron, 136tworzenie witryny, 135




Skorowidz 349

wersja programu, 75widgety, 235

multimedialne, 320reklamowe, 108

Wikiadodawanie stron, 326edycja strony, 326historia strony, 328linkowanie stron, 327

witryna internetowa, 25, 46witryny deweloperskie, 236Witryny Google

edytor stron, 128przenoszenie strony, 132tworzenie strony, 131tworzenie witryny, 127ustawienia strony, 133

witryny mobilneinterfejs, 246narzędzia, 247ograniczenia, 244rozmiary stron, 246testowanie, 248

WordPress, 281, 292wpisy blogowe, 288wtyczki

Joomla!, 307WordPressa, 296

WWW, World Wide Web, 23wykrywanie przeglądarek mobilnych, 245WYSIWYG, 150, 289wyszukiwanie obrazów, 178wyszukiwarki, 267

XXHTML, 156

Zzakładka, 62zarządzanie

komentarzami, 290użytkownikami, 307wpisami blogowymi, 289

zawijanie tekstu wokół obrazu, 177znacznik

description, 268keywords, 269<div>, 203<layers>, 205meta, 268obrazu, 176otwierający, 141zamykający, 142

znaczniki HTML, 334, 335linki, 149listy, 147obrazy, 150struktura, 142tabele, 148teksty, 144

znaczniki HTML5, 335




http://program-partnerski.helion.pl

Tytuł oryginału: Build a Website for FreeTytuł oryginału: Build a Website for Free Tłumaczenie:...

Documents

Transcript of Tytuł oryginału: Build a Website for FreeTytuł oryginału: Build a Website for Free Tłumaczenie:...