Cyfroteka.pl

klikaj i czytaj online

Cyfro
Czytomierz
00259 008272 11001356 na godz. na dobę w sumie
Darmowe sposoby na tworzenie profesjonalnych stron WWW. Podręcznik webmastera. Wydanie III - książka
Darmowe sposoby na tworzenie profesjonalnych stron WWW. Podręcznik webmastera. Wydanie III - książka
Autor: Liczba stron: 352
Wydawca: Helion Język publikacji: polski
ISBN: 978-83-246-7266-0 Data wydania:
Lektor:
Kategoria: ebooki >> komputery i informatyka >> webmasterstwo >> html i xhtml - programowanie
Porównaj ceny (książka, ebook, audiobook).

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ę:

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

Znajdź podobne książki Ostatnio czytane w tej kategorii

Darmowy fragment publikacji:

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 HELION ul. Kościuszki 1c, 44-100 GLIWICE tel. 32 231 22 19, 32 230 98 63 e-mail: helion@helion.pl WWW: 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/tsidr3 Moż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ść Spis treĂci 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 Kup książkęPoleć książkę 4 Darmowe sposoby na tworzenie profesjonalnych stron WWW 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 Kup książkęPoleć książkę Spis treĂci 5 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 Kup książkęPoleć książkę 6 Darmowe sposoby na tworzenie profesjonalnych stron WWW 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 Kup książkęPoleć książkę Spis treĂci 7 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 Kup książkęPoleć książkę 8 Darmowe sposoby na tworzenie profesjonalnych stron WWW 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 Kup książkęPoleć książkę Spis treĂci 9 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 Kup książkęPoleć książkę 10 Darmowe sposoby na tworzenie profesjonalnych stron WWW 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 Kup książkęPoleć książkę Spis treĂci 11 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 Kup książkęPoleć książkę 12 Darmowe sposoby na tworzenie profesjonalnych stron WWW 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 Kup książkęPoleć książkę Spis treĂci 13 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 Kup książkęPoleć książkę 14 Darmowe sposoby na tworzenie profesjonalnych stron WWW Kup książkęPoleć książkę ROZDZIA’ 7 Elementy witryny W TYM ROZDZIALE x TreĂÊ x CzÚĂci strony internetowej x CzÚĂci witryny x SkÈd mam wiedzieÊ, jak zorganizowaÊ witrynÚ? x Reklamy internetowe Z anim zabierzesz się do tworzenia swojej witryny, musisz znać jej budo- wę. Definicje strony internetowej i witryny omówiłem już wcześniej, ale trzeba 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ści materiału. Wreszcie poruszę temat reklam internetowych oraz tego, czy powinny się one znajdować na Twojej witrynie. Kup książkęPoleć książkę 96 CZ}¥m III. 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 URL Twojej 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żna odnieść do wszelkich treści: x Treść powinna być skoncentrowana. Treść witryny powinna koncentrować się na jakiejś tematyce. Nic tak nie odstręcza czytelników jak niezborna treść. Strona główna witryny o starych maszynach do pisania to nie miejsce na zdjęcia nowo narodzonych szczeniątek. Zdecyduj, o czym witryna ma traktować, i trzymaj się tego. x 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 masz do powiedzenia. Inni pewnie też. Nikt nie przeżył tego samego co Ty, więc Twoje treści będą wyjątkowe. Jeżeli tworzysz witrynę firmową, naznacz treść charakterem przedsiębiorstwa. Witryna firmy, u której można wynająć klauna na imprezę, powinna wyglądać inaczej niż witryna doradcy finansowego. x Treść powinna być dobra. Powinieneś być dumny z tego, co publikujesz. Upewnij się, czy Twoje treści są dobrze i bezbłędnie napisane. Dostarcz swoim odbiorcom najlepszą witrynę, jaką możesz. x Treść powinna być wyjątkowa. Nie papuguj — stwórz coś nowego. Nawet jeśli przekazujesz dalej coś, co ktoś inny już opublikował, dodaj do tego własny komentarz. Serwis Internet Movie Database (rysunek 7.1) odniósł sukces ze względu na unikalność swoich treści. x Treść powinna być odpowiednia dla odbiorców. Podczas tworzenia treści pomyś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, babcia albo 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 Kup książkęPoleć książkę 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, dowcipy czy obrazy), których swojej babci raczej byś nie pokazał, zastanów się nad wyraźnym oznaczeniem ich, tak aby przestrzec odbiorców, których mogłyby urazić. S’OWNICZEK GEEKA NSFW ByÊ 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 strony internetowej. 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. Kup książkęPoleć książkę 98 CZ}¥m III. Podstawy tworzenia witryn Tytuï Tytuł strony internetowej pojawia się na pasku tytułowym przeglądarki, w którym jest ona wyświetlona. Mogłoby się wydawać, że tytuł można spokojnie pominąć, ale jednak ma 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 pojawia się na pasku zadań po zmniejszeniu przeglądarki lub na zakładce, kiedy ta zostaje w 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 title znajdziesz w rozdziale 10., „HTML od podstaw”. Nagïówek Nagłówek strony internetowej jest obszarem obejmującym jej górną część. Nie ma wprawdzie 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ć szeroki na 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ę. Kup książkęPoleć książkę ROZDZIA’ 7. Elementy witryny 99 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 pod względem graficznym (rysunek 7.4). Jeśli na przykład część główna strony internetowej jest szeroka na całe okno przeglądarki, to na niektórych ekranach odczytanie jej treści może być trudne. Stopka Stopka jest odpowiednikiem nagłówka. Znajduje się u dołu strony i również można w niej zamieścić elementy informacyjne i nawigacyjne (rysunek 7.5). Podobnie jak z nagłówkiem, warto dla zachowania spójności umieścić taką samą stopkę na każdej stronie witryny. Jeżeli na wszystkich stronach osadzony jest jeden plik stopki, to wystarczy go zmienić, żeby zaktualizować całą witrynę. W stopce zazwyczaj umieszcza się również informacje kontaktowe. Kup książkęPoleć książkę 100 CZ}¥m III. Podstawy tworzenia witryn RYSUNEK 7.4. CzÚĂÊ gïówna witryny IBM RYSUNEK 7.5. Stopka witryny Apple.com Kup książkęPoleć książkę ROZDZIA’ 7. Elementy witryny 101 Paski boczne Po bokach części głównej można dodać paski boczne. Są to k
Pobierz darmowy fragment (pdf)

Gdzie kupić całą publikację:

Darmowe sposoby na tworzenie profesjonalnych stron WWW. Podręcznik webmastera. Wydanie III
Autor:

Opinie na temat publikacji:


Inne popularne pozycje z tej kategorii:


Czytaj również:


Prowadzisz stronę lub blog? Wstaw link do fragmentu tej książki i współpracuj z Cyfroteką: