iweb Pierwsze kroki Poznaj iweb i dowiedz się, jak utworzyć swoją pierwszą witrynę internetową.

iweb Pierwsze kroki Poznaj iweb i dowiedz się, jak utworzyć swoją pierwszą witrynę internetową.

1 Spis treści Rozdział 1 3 Witamy w iweb 3 Czym jest iweb? 3 Czego się dowiesz? 4 Zanim zaczniesz 4 Co będzie potrzebne? 4 Terminy, które warto znać 6 Interfejs iweb Rozdział 2 7 Poznaj iweb 7 Omówienie tworzenia witryny 8 Krok 1: Zaplanuj witrynę 8 Krok 2: Utwórz witrynę 9 Dodawanie własnego tekstu 10 Dodawanie własnej grafiki 11 Dodawanie zdjęć i albumów ze zdjęciami 15 Tworzenie blogu 17 Dodawanie łączy do innych stron 20 Dodawanie mapy 21 Porządkowanie witryny 22 Zmiana nazwy strony lub witryny 23 Krok 3: Opublikuj witrynę w Internecie 25 Dokonywanie zmian na witrynie 25 Poznawaj iweb dalej 26 Uzyskiwanie dodatkowych informacji 2

1 Witamy w iweb 1 Ten dokument pomoże Ci szybko utworzyć witrynę internetową w programie iweb. iweb to program dla każdego, kto zawsze chciał mieć swoją witrynę internetową, ale nie wiedział, jak ją zrobić. Czym jest iweb? iweb to narzędzie zapewniające najłatwiejszy sposób tworzenia i publikowania doskonale wyglądających witryn internetowych. Nie trzeba przy tym nic wiedzieć o programowaniu ani o języku HTML. W trakcie pracy nad stroną w programie iweb widać ją w takiej postaci, jaką mieć będzie w oknie przeglądarki. Dzięki dołączonym szablonom można utworzyć profesjonalnie wyglądającą witrynę w kilka minut, po czym jednym kliknięciem opublikować ją na koncie MobileMe. iweb ułatwia także uaktualnianie i zarządzanie witryną. Jako że iweb zintegrowany jest z pozostałymi programami pakietu ilife, można łatwo umieszczać na stronach zdjęcia, tworzyć blog lub podcast i dodawać wideo, mapy i reklamy. Czego się dowiesz? Z tego poradnika dowiesz się, jak: Â utworzyć witrynę przy użyciu istniejących szablonów, Â dodać strony ze zdjęciami i albumami, Â założyć swój blog, Â dodać łącza do innych witryn, Â umieścić na stronie mapę, Â dodać przycisk Napisz do mnie, pozwalający odwiedzającym przesłać Ci wiadomość, Â opublikować witrynę w internecie, aby inni mogli ją zobaczyć. 3

Zanim zaczniesz Dla ułatwienia warto ten dokument wydrukować. Większość czynności opisanych w tym dokumencie i w pomocy iweb wymaga wyboru poleceń z menu: Wybierz z menu Zmiany > Kopiuj. Pierwsze słowo po Wybierz z menu to nazwa widoczna w pasku menu iweb. Kolejne słowo (lub słowa) wskazują, którą pozycję z tego menu należy wybrać. Możesz przerwać pracę z iweb i tym poradnikiem w dowolnej chwili, wybierając z menu iweb > Zakończ iweb lub klikając w czerwony przycisk zamykania, widoczny w lewym górnym rogu okna iweb. Po następnym otwarciu iweb witryna będzie wyglądać tak samo, jak w chwili jej opuszczenia. Pamiętaj, aby od czasu do czasu zachowywać wyniki swej pracy, wybierając z menu Plik > Zachowaj. Baw się dobrze i eksperymentuj ile tylko chcesz. Każdą czynność możesz cofnąć, wybierając z menu Edycja > Cofnij tyle razy, ile będzie to konieczne. Polecenie Cofnij nie usunie zmian, które zostały zachowane. Co będzie potrzebne? Do wykonania wszystkich opisanych kroków potrzebne będą jakieś zdjęcia lub inne pliki graficzne, zachowane na dysku komputera. Jeżeli nie masz na komputerze żadnych zdjęć, możesz wykonać te kroki, które ich nie wymagają. Terminy, które warto znać Poniżej znajdują się skrótowe wyjaśnienia terminów, które można napotkać podczas pracy z iweb. Â Reklama AdSense: Usługa udostępniana przez Google, pozwalająca na umieszczanie na stronach www reklam dopasowanych do treści witryny. Google płaci za klikanie w reklamy przez odwiedzających. Â Blog: Dziennik sieciowy, mogący zawierać tekst, zdjęcia i pliki multimedialne. Więcej informacji znajdziesz w rozdziale Tworzenie blogu na stronie 15. Â Przeglądarka: Program, służący do odwiedzania witryn sieciowych. Do systemu Mac OS X dołączona jest przeglądarka Safari. 4 Rozdział 1 Witamy w iweb

 Plik domeny: Plik, zachowany na dysku komputera, zawierający wszystkie dane witryny tworzonej w programie iweb.  Nazwa domeny: Pierwsza część adresu witryny, zaraz po http i www. Przykładowo, nazwą domeny witryny www.przyklad.pl/index.html jest przyklad.pl.  Strona domowa: Pierwsza strona, pojawiająca się po otwarciu witryny. Nazywana jest także stroną startową lub stroną domyślną.  Hiperłącze: Tekst lub obiekt, kliknięcie w który powoduje określone działanie, np. przejście do innej strony www lub otwarcie dokumentu. Najczęściej hiperłącza tekstowe (zwane także łączami) odróżniają się od reszty tekstu podkreśleniem lub innym kolorem, wskazując, że można w nie kliknąć.  Internet: Ogólnoświatowa sieć komputerowa, pozwalająca ludziom komunikować się ze sobą i wymieniać informacje.  MobileMe: Usługa internetowa udostępniana przez Apple Inc. Dzięki niej można publikować swoje witryny z iweb jednym kliknięciem, korzystać z wolnego od reklam konta pocztowego, udostępniać zdjęcia i wideo, wykonywać synchronizację danych, przechowywać kopie zapasowe swoich plików itd. Więcej informacji na ten temat znajduje się na witrynie www.me.com.  Menu nawigacji: Spis treści witryny. Menu nawigacji zawiera listę wszystkich stron składowych witryny. Odwiedzający mogą klikać w łącza w tym menu, aby przejść do poszczególnych stron. iweb tworzy menu nawigacji automatycznie.  Podcast: Plik audio lub wideo, podobny do audycji radiowej lub telewizyjnej. Możesz tworzyć własne podcasty i udostępniać je na witrynie, aby odwiedzający mogli je pobierać ręcznie lub automatycznie poprzez subskrypcję.  RSS: Metoda subskrypcji, dzięki której odwiedzający witrynę mogą w łatwy sposób być powiadamiani o nowych wpisach na blogu, nowych odcinkach podcastu lub nowych zdjęciach zamieszczanych na stronie. RSS to skrót od angielskiego Really Simple Syndication, czyli bardzo proste rozpowszechnianie. Po zasubskrybowaniu źródła RSS przez odwiedzających, wszelkie uaktualnienia są automatycznie odbierane przez ich czytnik RSS.  URL: Adres witryny, wpisywany w przeglądarce, aby otworzyć tę witrynę. (URL oznacza Uniform Resource Locator, czyli ujednolicony format adresowania zasobów. Typowy adres URL może wyglądać np. tak: http://www.apple.com  WWW: Skrót ten pochodzi od World Wide Web, czyli światowa pajęczyna i określa wszystkie witryny, strony, teksty, pliki multimedialne i łącza, z których korzystają użytkownicy internetu. Terminy www i internet są często używane zamienne, należy jednak pamiętać, że ściśle rzecz biorąc, internet to sprzęt i oprogramowanie, z którego korzysta www.  Witryna: Zbiór pojedynczych stron www, połączonych ze sobą. Witryny dotyczą zwykle określonego tematu, osoby lub organizacji. Nazywana także witryną internetową. Rozdział 1 Witamy w iweb 5

 Strona www: Pojedyncza strona witryny. Nazywana także po prostu stroną.  Widget www: Obiekt osadzający zawartość z innej strony na jednej ze stron utworzonych w iweb. Może być to np. mapa Google lub film z witryny YouTube. Interfejs iweb Pasek boczny Tutaj pojawiają się wszystkie tworzone witryny i strony www. Kliknij w nazwę strony, aby wyświetlić ją w głównej części okna. Menu nawigacji Tutaj widoczne są wszystkie strony należące do witryny. Odwiedzający mogą klikać w te łącza, aby przeglądać strony. Obszar strony Miejsce edycji strony. Zredaguj tekst, dodaj grafikę i filmy, umieść łącza, ułóż rzeczy na stronie itd. Zastępcze teksty i obrazki zastępcze Kliknij w tekst zastępczy i wpisz własny. Przeciągnij własne pliki graficzne do obrazków zastępczych. Pasek boczny Każda dodana strona lub witryna pojawia się w pasku bocznym. Kliknij w trójkąt rozwijania, aby pokazać lub ukryć listę stron należących do witryny lub podstron blogu. Możesz zmienić ułożenie stron, przeciągając je w górę lub na dół listy. Możesz także przeciągać strony z jednej witryny do innej. Obszar strony Widoczny w głównej części okna obszar strony to miejsce, w którym tworzysz zawartość strony www. Możesz przeciągać tu pliki graficzne, filmy i pliki dźwiękowe, aby umieścić je na stronie. Każda strona składa się z czterech różnych obszarów:  paska nawigacji, zawierającego menu nawigacji, czyli spis treści witryny,  nagłówka, widocznego w górnej części strony,  stopki, widocznej na dole strony,  części głównej, znajdującej się pomiędzy nagłówkiem i stopką. Jeżeli chcesz dowiedzieć się więcej, zobacz temat Parę słów o obszarach strony www w pomocy iweb. 6 Rozdział 1 Witamy w iweb

2 Poznaj iweb 2 Ten poradnik omawia krok po kroku sposób tworzenia prostej witryny. Omówienie tworzenia witryny Zaplanuj witrynę. Pierwszym krokiem jest podjęcie decyzji, co ma się znaleźć na witrynie. Chcesz pokazać swoje zdjęcia? Chcesz pisać dziennik z podróży? Zaprezentować swoje portfolio? Witryna będzie składać się z jednej lub kilku połączonych ze sobą stron. Każda strona może zawierać tekst, grafikę, filmy, dźwięk i inne elementy. iweb pozwala na łatwe dodawanie, usuwanie i zmianę stron w dowolnym momencie, nie trzeba więc mieć zaplanowanych wszystkich szczegółów od samego początku. Możesz utworzyć kilka witryn, np. osobną witrynę prywatną i osobną witrynę firmową. Utwórz witrynę. Po podjęciu decyzji odnośnie treści witryny, kolejnym krokiem jest skompletowanie i ułożenie jej zawartości. Szablony dołączone do iweb ułatwiają wpisywanie własnych tekstów, dodawanie zdjęć i filmów, umieszczanie łączy do innych witryn itd. Opublikuj witrynę w internecie. Po utworzeniu witryny trzeba ją opublikować w sieci, aby inne osoby mogły ją zobaczyć. Dla użytkowników iweb korzystających z konta MobileMe krok ten sprowadza się do jednego kliknięcia. Uwaga: Do opublikowania witryny wg opisu z tego poradnika potrzebny jest dostęp do konta MobileMe i odpowiednia ilość wolnego miejsca na idisku, tak aby zmieściły się tam wszystkie składniki witryny (filmy, zdjęcia i inne). Jeżeli nie masz konta.mac, możesz je założyć: albo bezpłatne, 60-dniowe konto próbne, albo płatną subskrypcję usługi MobileMe. Otwórz w tym celu Preferencje systemowe i kliknij w MobileMe lub odwiedź witrynę www.me.com. 7

Jeżeli nie wiesz jeszcze, co chcesz umieścić na swojej witrynie, możesz wykonać zalecenia z tego poradnika, aby nauczyć się posługiwać programem iweb. Żadna z utworzonych stron nie będzie widoczna publicznie, jeżeli jej nie opublikujesz. Witrynę możesz opublikować później, gdy będziesz już gotów do podzielenia się nią ze światem. Krok 1: Zaplanuj witrynę iweb udostępnia motywy i szablony, pomagające tworzyć piękne witryny minimalnym wysiłkiem. Podczas tworzenia witryny możesz korzystać z dowolnych szablonów, dobierając je zależnie od jej zawartości. Każdy motyw udostępnia inny styl (wygląd) witryny. Szablon to makieta strony, przeznaczona do określonego celu, np. utworzenia blogu, podcastu lub albumu ze zdjęciami. W każdym motywie dostępne są osobne szablony. Dodając nową stronę do witryny, należy wybrać również jej motyw i przeznaczony dla niej szablon. Jeżeli zdecydujesz później, że chcesz zmienić motyw strony, możesz zaznaczyć tę stronę w pasku bocznym i kliknąć w przycisk Motyw, znajdujący się w pasku narzędzi. Krok 2: Utwórz witrynę Gdy wiesz już, co chcesz zrobić, rozpocznij od utworzenia witryny z pojedynczą stroną powitalną. Kolejne strony dodasz do swej witryny w dalszej części tego poradnika. Możesz dodawać poszczególne strony w dowolnej kolejności. Bardzo łatwo można je później ułożyć w innym porządku oraz zmienić ich motyw. Jak utworzyć witrynę? 1 Wykonaj jedną z następujących czynności: Â Jeżeli iweb nie jest otwarty, kliknij w jego ikonę w Docku lub kliknij dwukrotnie w ikonę iweb w katalogu Programy. Â Jeżeli iweb jest już otwarty, ale nie widać okna wyboru szablonu pokazanego poniżej w kroku 2, kliknij w przycisk Dodaj (+) na dole okna iweb lub wybierz z menu Plik > Nowa strona. 2 Zaznacz jeden z motywów po lewej stronie okna wyboru szablonu. 8 Rozdział 2 Poznaj iweb

W tym poradniku użyty jest motyw o nazwie Nowoczesne. Tutaj zaznacz szablon strony. Tutaj zaznacz motyw witryny. 3 Wybierz szablon po prawej stronie. Domyślnie zaznaczony jest szablon Witamy (ma wokół żółtą ramkę). 4 Kliknij w Wybierz. W ten sposób masz swoją pierwszą stronę www. W pasku bocznym widać nazwę witryny i stronę Witamy. Dodawanie własnego tekstu Każdy szablon zawiera pola tekstowe z zastępczym tekstem tytułów, nagłówków i treści strony. Musisz zastąpić tekst zastępczy ze strony własnym tekstem. Możesz przesuwać pola tekstowe, zmieniać ich wielkość lub usuwać, aby dopasować je do zawartości. Jak zastąpić tekst zastępczy własnym tekstem? m Kliknij dwukrotnie w tekst zastępczy i zacznij pisać. Rozdział 2 Poznaj iweb 9

Po rozpoczęciu pisania zaznaczony tekst zastępczy zniknie, a zamiast niego pojawią się wpisywane znaki. Kliknij dwukrotnie w tekst zastępczy i zacznij pisać. Możesz przesuwać pola tekstowe w inne miejsce na stronie lub powiększać je i zmniejszać, aby dało się zmieścić w nich więcej lub mniej tekstu. Jak przenieść pole tekstowe lub zmienić jego wielkość? 1 Kliknij raz w tekst, aby pojawiły się uchwyty pola tekstowego. 2 Kliknij wewnątrz pola tekstowego, pozostaw wciśnięty przycisk myszy i przeciągnij pole tekstowe, aby przesunąć je w inne miejsce. 3 Przeciągnij uchwyt, aby zmienić wielkość pola tekstowego. Przeciągnij jeden z tych uchwytów, aby zmienić wielkość pola tekstowego. Eksperymentuj, dodając własny tekst, przesuwając pola tekstowe i zmieniając ich wielkość. Zawsze możesz wybrać z menu Edycja > Cofnij, aby cofnąć zmiany wprowadzone przed opublikowaniem witryny. Jak zobaczyć obramowanie wszystkich pól tekstowych na stronie? m Wybierz z menu Widok > Pokaż makietę, aby zobaczyć obramowanie wszystkich pól tekstowych. Dodawanie własnej grafiki Szablony iweb zawierają obrazki zastępcze. Obrazki te pełnią podobną funkcję, co tekst zastępczy: wskazują miejsce i wielkość grafiki na stronie. Najłatwiej umieszczać grafikę, muzykę i filmy na stronie za pomocą przeglądarki mediów. Kliknięcie w przycisk Media w pasku narzędzi daje szybki dostęp do biblioteki itunes i iphoto. Nie trzeba otwierać tych programów, żeby uzyskać dostęp do ich zawartości. Kliknij w ten przycisk w pasku narzędzi, aby otworzyć przeglądarkę 10 Rozdział 2 Poznaj iweb

Jak zastąpić obrazek zastępczy własnym zdjęciem? 1 Kliknij w przycisk Media w pasku narzędzi. 2 Kliknij w Zdjęcia. 3 Zaznacz album lub zdarzenie, zawierające zdjęcie, którego chcesz użyć. 4 Znajdź poszukiwane zdjęcie na dole przeglądarki mediów i przeciągnij je do obrazka zastępczego na stronie www. Obrazek zastępczy zniknie, a zamiast niego pojawi się przeciągnięte zdjęcie. Po kliknięciu w zdjęcie pojawiają się na nim uchwyty, pozwalające na zmianę jego wielkości. Możesz także przeciągnąć zdjęcie z biurka, z okna iphoto lub z katalogu na dysku komputera prosto do obrazka zastępczego. Eksperymentuj, zastępując obrazki zastępcze własnymi zdjęciami, filmami i plikami dźwiękowymi, używając do tego celu przeglądarki mediów. Dodawanie obiektów swobodnych i zakotwiczonych Jeżeli chcesz umieścić własny obiekt (np. zdjęcie lub grafikę) wewnątrz tekstu lub w miejscu, gdzie nie ma obrazka zastępczego, masz dwie możliwości: możesz wstawić nowy element jako obiekt swobodny lub jako obiekt zakotwiczony. Obiekty swobodne umieszczane są poza polami tekstowymi. Można przeciągać je w dowolne miejsce strony i nie wpłynie to na ułożenie tekstu, jak również zmiana układu tekstu nie będzie miała wpływu na położenie takich obiektów. Obiekty zakotwiczone umieszczane są wewnątrz tekstu i przesuwają się wraz z nim, gdy zmieni się jego ilość. Gdy umieszczasz obiekt w polu tekstowym, staje się on automatycznie obiektem zakotwiczonym. Tylko obiekty zakotwiczone mogą być oblewane tekstem. Więcej informacji na ten temat znajdziesz w pomocy iweb. Dodawanie zdjęć i albumów ze zdjęciami iweb udostępnia także szablony dla stron zawierających głównie zdjęcia i filmy, zamiast tekstu. Rozdział 2 Poznaj iweb 11

 Szablon Zdjęcia zawiera siatkę zdjęć, rozmieszczającą automatycznie wszystkie dodane do niej zdjęcia i pozwalającej na dodanie opisów do każdego z nich. Na stronie tej dostępny jest również przycisk Pokaz slajdów, w który odwiedzający może kliknąć, aby zobaczyć pokaz zamieszczonych zdjęć.  Szablon Moje albumy tworzy stronę zawierającą spis albumów ze zdjęciami lub filmami. Każdy album reprezentowany jest na tej stronie przez jedno ze znajdujących się w nim zdjęć. Filmy reprezentowane są przez ich ekrany afiszowe. Odwiedzający mogą kliknąć w taki ekran afiszowy lub zdjęcie, aby zobaczyć album lub obejrzeć film. Gdy odwiedzający przesuną wskaźnikiem myszy nad zdjęciem reprezentującym album, będzie się ono zmieniać, pokazując pozostałe zdjęcia z albumu. Uwaga: Zdjęcia i filmy można umieszczać na dowolnych stronach (nie tylko tych utworzonych na podstawie szablonów Zdjęcia lub Moje albumy ), przeciągając je do obszaru strony. Do strony Moje albumy można jednak dodawać tylko strony utworzone na podstawie szablonów Zdjęcia lub Filmy. Ten poradnik omawia dodanie strony Zdjęcia i strony Moje albumy do witryny oraz umieszczenie na nich własnych zdjęć i albumów. Jak dodać stronę ze zdjęciami? 1 Kliknij w przycisk Dodaj (+) lub wybierz z menu Plik > Nowa strona. 2 Pojawi się panel wyboru szablonu. Zaznacz motyw na liście po lewej stronie. 3 Zaznacz szablon Moje albumy po prawej stronie, po czym kliknij w Wybierz. Nowa strona zawiera siatkę zdjęć wraz ze zdjęciami zastępczymi. 4 Jeżeli przeglądarka mediów nie jest otwarta, kliknij w przycisk Media w pasku narzędzi, a następnie kliknij w Zdjęcia. 5 Zaznacz album lub zdarzenie, zawierające zdjęcie, które chcesz dodać. 6 Zaznacz miniaturki zdjęć w dolnej części przeglądarki mediów. Możesz zaznaczyć kilka zdjęć, klikając w nie z wciśniętym klawiszem Shift (lub Command, jeżeli zdjęcia te nie są obok siebie). 7 Przeciągnij zdjęcia do siatki zdjęć na stronie. Podczas przeciągania zdjęć nad siatką, wokół niej pojawi się niebieska ramka. Gdy upuścisz zdjęcia nad siatką, zastąpią one istniejące zdjęcia zastępcze. Jeżeli przeciągniesz tylko jedno zdjęcie, wszystkie pozostałe zdjęcia zastępcze również znikną z siatki zdjęć. Nie przejmuj się tym. Kolejne zdjęcia przeciągane do siatki zdjęć będą automatycznie przyjmowały wygląd, styl i wielkość tego pierwszego. W pojedynczym albumie zamieszczonym na stronie Zdjęcia możesz umieścić do 500 zdjęć lub filmów. 8 Kliknij w tekst zastępczy widoczny poniżej każdego zdjęcia, aby dodać opis. 12 Rozdział 2 Poznaj iweb

Gdy wszystkie zdjęcia znajdą się na swoich miejscach, będzie można dostosować wygląd siatki zdjęć. Kolejność ułożenia zdjęć zmienisz przeciągając je w inne miejsca. Po kliknięciu w zdjęcie otwarte zostanie okno Siatka zdjęć. Możesz użyć ustawień w tym oknie do zmiany stylu ramki wszystkich zdjęć na stronie, zmiany liczby kolumn, włączania i wyłączania podpisów, i nie tylko. Jeżeli chcesz dowiedzieć się więcej na temat tych opcji, zajrzyj do pomocy iweb: Zmiana układu zdjęć na stronie ze zdjęciami. Wybór ramki zdjęć. Zmiana wyglądu siatki zdjęć. Zaznacz te opcje, aby podczas pracy w iweb widzieć stronę Zdjęcia podzieloną na podstrony lub jako całość. Nie ma to wpływu na to, jak stronę widzieć będą odwiedzający. Jeżeli liczba zdjęć w siatce przekroczy liczbę ustawioną w opcji Zdjęć na stronie, iweb podzieli siatkę zdjęć na kilka stron, dodając do każdej strony jej numer i strzałki nawigacji. Numery stron i strzałki nawigacji pojawiają się, gdy liczba zdjęć jest większa od limitu wybranego w menu Zdjęć na stronie. Rozdział 2 Poznaj iweb 13

Innym sposobem uporządkowania zdjęć jest użycie widoku szczegółowego. Po dwukrotnym kliknięciu w zdjęcie na stronie ze zdjęciami, zostaje ono powiększone, co pozwala obejrzeć je bardziej szczegółowo. Kliknij w przyciski widoku na górze, aby zobaczyć pasek z miniaturkami zdjęć. Gdy klikniesz w miniaturkę zdjęcia, jego powiększenie pojawi się poniżej. Odwiedzający witrynę będą również mogli skorzystać z tego widoku, gdy klikną w zdjęcie na stronie Zdjęcia. Kliknij w którąś z miniaturek, aby zobaczyć powiększone zdjęcie poniżej. Klikaj w strzałki, aby zobaczyć poprzedni lub kolejny zestaw miniaturek. Umieszczanie wielu albumów na pojedynczej stronie Jeżeli masz kilka albumów ze zdjęciami lub filmami, możesz utworzyć stronę Moje albumy, zawierającą spis wszystkich dostępnych albumów. W ten sposób w menu nawigacji nie będzie widać wielu osobnych albumów. Znajdzie się tam tylko pojedyncze łącze do strony Moje albumy. Po kliknięciu w nie, odwiedzający uzyskają dostęp do wszystkich zamieszczonych na witrynie albumów. Gdy odwiedzający stronę Moje albumy przesuną wskaźnik myszy nad albumami, zobaczą przegląd zdjęć w ramce albumu, bez konieczności opuszczania tej strony. Kliknięcie w album spowoduje jego otwarcie, co pozwoli obejrzeć powiększone zdjęcia. Jak utworzyć stronę Moje albumy? 1 Kliknij w przycisk Dodaj (+) lub wybierz z menu Plik > Nowa strona. 2 Pojawi się panel wyboru szablonu. Zaznacz motyw na liście po lewej stronie. 3 Zaznacz szablon Moje albumy po prawej stronie, po czym kliknij w Wybierz. Nowo utworzona strona zawiera siatkę albumów i jeden album zastępczy. 4 Przeciągnij stronę Zdjęcia z paska bocznego do siatki albumów na stronie Moje albumy. Po przeciągnięciu albumów z przeglądarki mediów do siatki albumów, iweb automatycznie utworzy strony ze zdjęciami i doda je do spisu na stronie Moje albumy. Jak zmienić ułożenie albumów na stronie? m Przeciągnij strony ze zdjęciami (widoczne w pasku bocznym pod stroną Moje albumy ), układając je w takiej kolejności, w jakiej mają być widoczne. 14 Rozdział 2 Poznaj iweb

Kliknij w album, aby otworzyć okno Indeks mediów. W oknie tym możesz ustalić liczbę kolumn, skorygować odstępy między nimi i zmienić inne opcje związane z wyglądem strony. Jeżeli chcesz zmienić efekt przejścia między zdjęciami, wybierz opcję ze znajdującego się w tym oknie menu Animacja albumu. Użyj okna indeksu mediów, aby zmienić wygląd i format strony Moje albumy. Eksperymentuj z dodawaniem zdjęć i albumów, zmieniaj opcje wyglądu stron Zdjęcia i Moje albumy. Więcej informacji znajdziesz w pomocy iweb. Tworzenie blogu Blog to dziennik publikowany w sieci, tak aby inni mogli go przeglądać. Słowo blog pochodzi z angielskiego web log, oznaczającego sieciowy dziennik lub pamiętnik. Po opublikowaniu nowych wpisów, poprzednie są cały czas dostępne w archiwum. Typowy blog skonstruowany jest tak, że najnowsze wpisy pojawiają się na samej górze. iweb udostępnia dwa rodzaje szablonów blogowych: Blog i Podcast. Podcast to plik audio lub wideo, podobny do audycji radiowej lub telewizyjnej. Możesz tworzyć własne podcasty i udostępniać je na witrynie, aby odwiedzający mogli je pobierać ręcznie lub automatycznie poprzez subskrypcję. Pliki dźwiękowe i materiał wideo można dodawać zarówno do stron utworzonych w oparciu o szablon Blog, jak i o szablon Podcast. Ten poradnik omawia dodanie blogu do własnej witryny i sposoby umieszczania na nim wpisów. Jak dodać blog? 1 Kliknij w przycisk Dodaj (+) lub wybierz z menu Plik > Nowa strona. 2 Zaznacz motyw po lewej stronie okna wyboru szablonu (w tym poradniku jest to motyw o nazwie Nowoczesne ). 3 Zaznacz szablon Blog po prawej stronie, po czym kliknij w Wybierz. Pierwszy wpis na blogu oznaczony jest bieżącą datą. Rozdział 2 Poznaj iweb 15

4 Kliknij dwukrotnie w tekst zastępczy, aby podać własną treść i tytuł wpisu lub by zmienić jego datę. Tutaj znajduje się lista wszystkich wpisów. Kliknij we wpis, aby wyświetlić go poniżej. Tutaj wpisz tytuł wpisu. Przeciągnij obraz, plik dźwiękowy lub film do tego obiektu zastępczego. Tutaj wpisz treść wpisu. Po dodaniu strony przy użyciu jednego z szablonów blogowych (Blog lub Podcast), w pasku bocznym pojawią się trzy ikony: Â Blog, czyli strona, którą widzą odwiedzający. Zawiera ona skróty ostatnich wpisów blogu. Odwiedzający mogą kliknąć w Przeczytaj więcej obok takiego skrótu, aby zobaczyć cały wpis. Â Wpisy to miejsce, w którym tworzysz nowe wpisy i zarządzasz już istniejącymi. Odwiedzający witrynę nie widzą tej strony. Jeżeli jednak klikną w skrót wpisu na głównej stronie blogu, zobaczą treść całego wpisu. Â Archiwum zawiera wszystkie wpisy, razem z tymi, które nie są widoczne na głównej stronie blogu. Szablony blogowe zawierają łącze do archiwum, wyświetlane na głównej stronie blogu. To jest strona, którą widzą odwiedzający. Zawiera skróty z najświeższych wpisów na blogu i łącze do archiwum. Tutaj możesz dodawać nowe wpisy i edytować już istniejące. Archiwum zawiera wpisy, których nie widać na głównej stronie. 16 Rozdział 2 Poznaj iweb

Jak dodać nowy wpis? 1 Kliknij we Wpisy w pasku bocznym okna iweb. 2 Kliknij w przycisk Dodaj wpis. Nowy wpis pojawi się na liście tytułów i będzie zawierał zastępczy tekst i obrazek. 3 Kliknij dwukrotnie w tekst zastępczy, aby podać własną treść i tytuł wpisu. 4 Przeciągnij zdjęcia z iphoto lub z innego miejsca na komputerze, aby zastąpić nimi obrazki zastępcze. Możesz także przeciągnąć zdjęcia z przeglądarki mediów. Jeżeli przeglądarka mediów jest zamknięta, kliknij w przycisk Media w pasku narzędzi, po czym kliknij w Zdjęcia, aby uzyskać dostęp do swoich zdjęć. Jeżeli wprowadzisz jakieś zmiany w wyglądzie wpisu na blogu (np. zmienisz krój czcionki lub kolor tła), możesz później powielić ten wpis, aby zachować jego wygląd w kolejnych wpisach. Jak utworzyć nowy wpis, zachowując wygląd poprzedniego? 1 Zaznacz stronę na liście wpisów, której wygląd chcesz powielić. 2 Wybierz z menu Edycja > Powiel. 3 Wpisz tytuł nowego wpisu i zastąp tekst i grafikę własnym materiałem. Jak redagować istniejące wpisy na blogu? m Zaznacz pozycję na liście wpisów i dokonaj zmian w polu poniżej listy. Dopuszczanie komentowania wpisów przez odwiedzających Jeżeli witryna opublikowana zostanie na koncie MobileMe, możesz również zezwolić odwiedzającym na pozostawianie komentarzy i dodawanie plików do wpisów na blogu. Komentarze te będą widoczne dla każdego, kto odwiedzi witrynę. Możesz dopuścić, aby odwiedzający mogli załączać pliki do swych komentarzy na blogu. Pliki te będą mogły być pobierane przez inne osoby. W celu uniemożliwienia automatycznego dodawania komentarzy reklamowych, umieszczenie komentarza wymaga prawidłowego wpisania wyświetlonego słowa. Pamiętaj, aby usuwać wszelkie nieodpowiednie materiały i pliki na udostępnianie których nie pozwalają prawa autorskie. Komentarze i ich załączniki można usuwać za pomocą programu iweb lub przy użyciu dowolnej przeglądarki internetowej. Pozwala to mieć pełną kontrolę nad zawartością witryny. Więcej informacji o komentarzach i sposobach zarządzania nimi znajdziesz w pomocy iweb. Dodawanie łączy do innych stron Na stronach www możesz umieszczać łącza, które pozwolą odwiedzającym otwierać inne witryny. Rozdział 2 Poznaj iweb 17

Jak dodać łącze do innej witryny? 1 Otwórz w iweb stronę, na której chcesz umieścić łącze. 2 Otwórz w Safari stronę, do której ma prowadzić łącze. 3 Zaznacz adres URL w pasku adresu u góry okna Safari i przeciągnij go do strony w oknie iweb. Możesz również dodać łącze do pliku lub utworu w itunes Store. Więcej informacji znajdziesz w tematach dotyczących łączy w pomocy iweb. Łącza w iweb są domyślnie wyłączone, co pozwala na ich edycję bez obaw o przypadkowe kliknięcie. Jeżeli chcesz sprawdzić działanie łączy, możesz włączyć ich obsługę w oknie inspektora łączy. Przycisk inspektora łączy Zaznacz, aby przekształcić tekst lub obiekt w łącze. To pole wyboru włącza lub wyłącza obsługę łączy podczas pracy w iweb. Tutaj wpisz adres strony, do której ma prowadzić łącze. Jak uaktywnić łącza w iweb? 1 Kliknij w przycisk Inspektor, widoczny w pasku narzędzi. Jeżeli tego przycisku nie widać, kliknij w podwójną strzałkę w prawo, widoczną w pasku narzędzi i wybierz pozycję Inspektor z wyświetlonego wówczas menu. 2 Kliknij w przycisk inspektora łączy, po czym kliknij w Hiperłącze. 3 Zaznacz pole wyboru Uaktywnij hiperłącza. Ważne: Opcja ta nie ma wpływu na działanie łączy na opublikowanej witrynie. Służy ona jedynie do włączania i wyłączania obsługi łączy w iweb, aby można było je przetestować lub dokonać ich edycji. Dodawanie przycisku Napisz do mnie Większość witryn oferuje odwiedzającym możliwość kontaktu z autorem. Możesz umieścić na dowolnej ze stron przycisk Napisz do mnie, który pozwoli odwiedzającym na kontakt. Gdy klikną oni w ten przycisk, otwarte zostanie okno nowej wiadomości, zaadresowanej na twój adres e-mail na koncie MobileMe. 18 Rozdział 2 Poznaj iweb

Jeżeli nie publikujesz strony na konto MobileMe, adres ten będzie wzięty z twej wizytówki w Książce adresowej. Możesz także podać inny adres, otwierając okno inspektora witryny (kliknij w przycisk Inspektor, widoczny w pasku narzędzi, po czym kliknij w przycisk inspektora witryny) i wpisując swój adres e-mail w polu Adres kontaktowy. Jak dodać przycisk Napisz do mnie? m Wybierz z menu Wstaw > Przycisk > Napisz do mnie. Rozdział 2 Poznaj iweb 19

Przekształcanie dowolnego obiektu w hiperłącze Oprócz tworzenia hiperłączy tekstowych możesz sprawić, aby dowolny obraz, zdjęcie lub kształt na stronie pełnił funkcję wybraną z menu Połącz z, dostępnego w oknie inspektora łączy. Przykładowo, możesz umieścić na stronie strzałkę, będącą łączem prowadzącym do kolejnej strony. Więcej informacji na temat tego typu łączy znajdziesz w pomocy iweb, szukając rozdziału Tworzenie hiperłącza. Dodawanie mapy Bardzo łatwo można umieścić na swej stronie mapę, która pomoże np. klientom znaleźć drogę do sklepu lub znajomym odszukać miejsce imprezy. Mapa taka jest grafiką ze strony Mapy Google. Jak dodać mapę? 1 Wybierz z menu Wstaw > Mapa Google lub kliknij w ikonę Widgety w pasku narzędzi i wybierz Mapa Google. 2 Otwarte zostanie okno mapy Google. Wpisz w nim adres miejsca, które ma być pokazane na mapie i kliknij w Zastosuj. 3 Jeżeli chcesz skorygować widoczny na mapie obszar, kliknij dwukrotnie w mapę i użyj narzędzi przybliżania. 4 Zaznacz pola wyboru, pozwalające na wyświetlanie narzędzi obsługi mapy oraz dymka z adresem. 5 Przeciągnij uchwyty mapy, aby zmienić jej wielkość. 6 Przeciągnij mapę w odpowiednie miejsce na stronie. Jeżeli chcesz przywrócić oryginalny widok mapy dla podanego adresu, kliknij jeszcze raz w przycisk Zastosuj. Więcej informacji o umieszczaniu na stronach innych widgetów www, takich jak filmy YouTube lub reklamy Google AdSense znajdziesz w pomocy iweb. 20 Rozdział 2 Poznaj iweb