Firebug. Instalacja Firebuga. Zakładka HTML
|
|
- Emilia Kowal
- 8 lat temu
- Przeglądów:
Transkrypt
1 Firebug Firebug jest darmowym rozszerzeniem przeglądarki Mozilla Firefox, które znacząco ułatwia pracę nad wyglądem serwisu. W tym artykule poznasz sposoby, dzięki którym będziesz mógł tworzyć strony szybciej i skuteczniej. Dzięki temu oszczędzisz cenny czas, który dotąd poświęcałeś na żmudne poszukiwanie błędów i wprowadzanie poprawek. Instalacja Firebuga Opisywane rozszerzenie możesz pobrać ze strony Pod tym adresem znajdziesz również dokumentację Firebuga. Po pobraniu i zainstalowaniu Firebuga spod adresu w prawym dolnym rogu twojej przeglądarki pojawi się nowa ikona z wizerunkiem insekta. Po kliknięciu na niej ujrzysz poziomy panel, wykorzystujący część okna przeglądarki. Jeśli wolisz, aby Firebug znajdował się w osobnym oknie, możesz je wydzielić, klikając na ikonę ę ze strzałką w prawym górnym rogu panelu. Podstawową częścią interfejsu jest pasek zakładek: Konsola, HTML, CSS, Skrypt, DOM oraz Sieć. Jak się zapewne domyślasz, każda z nich odnosi się do pewnego aspektu działania serwisu. Na początek przyjrzyjmy się sekcji HTML. {flv}firebug{/flv} Zakładka HTML Panel dzieli się na dwie części. Po lewej stronie wyświetlona jest wygenerowana struktura HTML dokumentu, zaś po prawej lista właściwości, które przypisane są ą do danego elementu. Prawa część podzielona jest na 3 części: ci: Styl, Układ oraz DOM. Styl. Domyślnie jest to aktywna zakładka. Zawiera listę właściwości CSS, wyświetlonych kaskadowo na zasadzie \ od szczegółu do ogółu\. Na samej górze pokazane są właściwości najbliższe danemu elementowi (np. przypisane do niego na podstawie klasy czy identyfikatora), a niżej możemy zobaczyć własności odziedziczone z elementów wyższego poziomu.
2 Jeśli dana właściwość została przekreślona, oznacza to, że e do elementu istnieje przypisana nowa wartość, w bliższej mu deklaracji. Obok każdej deklaracji CSS widoczna jest nazwa pliku, w którym jest ona zawarta, wraz numerem linii, w której możemy ją znaleźć. Układ.. W tym miejscu mamy wizualizację modelu pudełkowego (ang. box model) danego elementu. Są to dokładne informacje o jego wymiarach, zastosowanym dopełnieniu, marginesach oraz obramowaniu. Własności te mają decydujący wpływ na odpowiednie ułożenie obiektu względem innych elementów na stronie. Chcesz więcej? Najedź kursorem na wizualizację, a na ekranie ukażą się linie prowadnic i linijki, precyzyjnie wskazujące wymiary obiektu. Funkcja ta robi naprawdę duże wrażenie. DOM. Pod tą zakładką kryje się dokładna lista obiektów i funkcji użytych w dokumencie; standardowo dostępnych w DOM oraz dodanych z kodu JavaScript. Jesteś tu w stanie dokładnie poznać własności wybranych elementów, co jest nieocenionym ułatwieniem podczas pisania własnych skryptów. Inspekcja budowy dokumentu
3 Dzięki tym informacjom, klikając na dowolny element drzewa (lub jeśli wolisz, poruszając się po nim za pomocą kursorów klawiatury), masz pod ręką szczegółowe dane dotyczące stylów CSS, użytych do jego wyświetlenia w przeglądarce, a także wielu innych właściwości. Istnieje również dużo bardziej wygodna metoda podglądania dania kodu. Kliknij na przycisk \ Zbadaj\ na pasku powyżej zakładek w panelu Firebuga, a następnie skieruj kursor na okno z zawartością strony. Zobaczysz, że elementy, nad którymi znajduje się ę kursor (np. akapity, nagłówki, odnośniki), niki), zostaną obramowane, a panel Firebuga dynamicznie zmienia swoją zawartość, pokazując właściwości wskazanych elementów. Kliknij na danym elemencie, aby zatwierdzić jego wybór. Możesz także wskazać dany element poprzez kliknięcie na nim prawym przyciskiem myszy i wybranie z menu kontekstowego opcji \ Zbadaj element\. Skróty klawiaturowe Firebug wspiera również sterowanie za pomocą klawiatury. Przykładowo klawisz F12 otwiera lub zamyka interfejs rozszerzenia, a skrót Ctrl+Shift+C aktywuje inspekcję elementów na stronie. Więcej informacji na ten temat znajdziesz w dokumentacji projektu. Bez modyfikacji nie ma zabawy Firebug nie byłby jednak tak cenionym narzędziem, gdyby jego rola sprowadzała się tylko do wyświetlania wietlania informacji. Dzięki niemu jesteś również w stanie modyfikować \ w locie\ praktycznie wszystkie aspekty wyświetlanej w przeglądarce strony. Oznacza to, że możesz wprowadzać dowolne modyfikacje w jej wyglądzie i zachowaniu bez jej przeładowania. Przykładowo, klikając na właściwość lub wartość reguły CSS na zakładce Styl, możesz wywołać pole edycji danej reguły i wprowadzić nowe dane. Firebug jest tu o tyle pomocny, że dostarcza zestaw możliwych do wprowadzenia wartości wraz z ich autouzupełnianiem.
4 Dodatkowo, jeśli dana właściwość ma charakter jednostkowy (np. font-size, gdzie możemy wpisać jednostkę w pikselach), możesz zmniejszać lub zwiększać wartość jednostki klawiszami Up oraz Down (o 1) oraz Page Up i Page Down (o 10). Zmiany odnoszące się w danej regule CSS odniosą efekt we wszystkich elementach, na które reguła ta ma wpływ. Efekt zmian jest na bieżąco wyświetlany wietlany w oknie przeglądarki. Eksperymenty z CSS jeszcze nigdy nie były tak proste. Idźmy dalej. Aby deaktywować regułę CSS, kliknij na ikonę szarego przekreślonego okręgu, który pojawi się po lewej stronie reguły nad którą trzymasz kursor. Aby dodać nową regułę, kliknij dwukrotnie na pustym polu w pobliżu danej deklaracji CSS. Możesz również edytować ć kod HTML odpowiedzialny za wyświetlanie wietlanie elementu. W tym celu kliknij dwukrotnie na danym elemencie po lewej stronie panelu lub użyj przycisku \ Edytuj\ na prawo od przycisku \ Zbadaj\. Być może zainteresują cię ę inne opcje dotyczące elementów HTML, dostępne z menu kontekstowego, takie jak dodawanie nowych atrybutów czy usuwanie całych elementów. Nieaktywne zakładki Niektóre zakładki (takie jak Konsola, Skrypt i Net) mogą być domyślnie nieaktywne, aby nie spowalniały przeglądarki. Możesz jednak je włączyć na każdej ze stron lub ustawić reguły określające, na których stronach Firebug powinien być w pełni aktywny.
5 Dzięki powyżej opisanym możliwościom Firebuga, jesteś w stanie błyskawicznie wprowadzać odpowiednie poprawki na stronie bez zagłębiania się w zawiłości jej kodu źródłowego. Rozważ następujący przykład: powiedzmy, że zostałeś poproszony o modyfikację wyglądu pewnego serwisu internetowego. Twoim zadaniem jest wprowadzenie kilku zmian, np. zmiany koloru hiperłączy w menu i stopce, bądź poszerzenie wybranej kolumny. Standardowo modyfikacje takie mogły odbywać się poprzez studiowanie źródła strony i plików CSS w poszukiwaniu odpowiednich deklaracji. W przypadku, gdy arkusze stylów składają się z wielu złożonych onych i nadpisujących się nawzajem reguł, trudno jest znaleźć od razu odpowiednie fragmenty kodu. Z Firebugiem rozwiązanie zanie jest proste: wskazujesz kursorem wybrane elementy na stronie, od razu otrzymując informacje co zmienić i jak. Możesz dokonywać dowolnych poprawek, które natychmiast są widoczne na stronie. A kiedy osiągniesz zadowalający efekt, otwierasz edytor i dokonujesz sprawdzonych zmian. Z pewnością docenisz wygodę, którą ą zapewnia Firebug. Zakładki CSS, DOM i Skrypt Pora przyjrzeć się pozostałym zakładkom w głównym panelu Firebuga. Dwie z nich, CSS oraz DOM, są już ci znajome. Wyświetlają one w pełnym oknie to, co zdążyliśmy poznać już wcześniej. Warto tu dodać, że e w zakładce CSS możesz edytować kod wyświetlonych wietlonych plików CSS. W tym celu kliknij na przycisk \ Edytuj\ u góry i zmień treść pliku. Dodatkowo na prawo od tego przycisku znajduje się ę menu rozwijalne, z którego wybierzesz konkretne źródło stylów do wyświetlenia.
6 W zakładce Skrypt znajdziesz kompletny kod JavaScript zastosowany na danej stronie. Dodatkowo wyświetlone są ą źródła (pliki JavaScript bądź skrypty zadeklarowane bezpośrednio w dokumencie). Firebug pozwala również na debugowanie JavaScriptu poprzez m.in. ustawianie breakpointów z konstrukcjami warunkowymi czy podgląd zmiennych. Daje to możliwość dokładnej obserwacji wykonywanych skryptów, co doceni każdy programista. Zakładka Konsola Na osobne omówienie zasługuje wbudowana konsola. W przypadku wystąpienia błędu na stronie, zostanie on wyświetlony wietlony w konsoli. Konsoli można także używać ć do wyświetlania informacji generowanych przez JavaScript jeżeli dotąd używałeś do tego celu polecenia alert(), z pewnością powinieneś zapoznać się z tą metodą. Jej użycie jest proste i sprowadza się do umieszczenia w kodzie JavaScript polecenia: console.log(\'informacja, która zostanie wyświetlona wietlona w konsoli\'); Powyższe polecenie spowoduje pozostawienie informacji (loga) w konsoli. Istnieją także inne, bardziej zaawansowane możliwości logowania, o których możesz przeczytać w dokumentacji Firebuga. Programistów JavaScript z pewnością zainteresuje również funkcja wyświetlania zestawienia użytych funkcji JavaScript, wraz z czasem ich wykonywania na stronie. Po kliknięciu na przycisk \ Profiler\,, Firebug prześledzi wykonywanie skryptów, po czym kiedy naciśniesz przycisk ponownie wyświetli wietli wynik w formie tabeli. Jest to pomocne do zwiększania wydajności własnych skryptów. Daje możliwość ocenienia, które z nich wykonują się najdłużej. Konsola nie byłaby jednak konsolą, gdyby nie możliwość wpisywania własnych poleceń. Pole do wprowadzania komend znajduje się na dole poprzedzone jest niebieskimi znakami zachęty. W tym miejscu możesz wpisać dowolny kod JavaScript. Masz tym samym wpływ na zachowanie załadowanego dokumentu. Na przykład, jeśli wpiszesz: document.body.style.display = \'none\'; spowoduje to wyświetlenie wietlenie pustej strony (poprzez ukrycie elementu body).
7 Jeśli do dokumentu dołączona jest biblioteka JavaScript w rodzaju jquery, możesz uzyskać ciekawe efekty, manipulując zawartością dokumentu poprzez wpisywanie prostych konstrukcji. Pole do wprowadzania tekstu możesz powiększyć poprzez kliknięcie na czerwony przycisk w prawym dolnym rogu konsoli. Zakładka Sieć Ostatnia zakładka adka zawiera informacje dotyczące ce wszystkich plików, które są pobierane podczas ładowania strony, wraz z danymi o czasie ich wczytywania, rozmiarze i nagłówkach HTTP. To tutaj na bieżąco wyświetlane są szczegółowe rezultaty zapytań ń XMLHttpRequest, w przypadku kiedy strona korzysta z AJAX-a. Zakładka Sieć podzielona jest na kilka podzakładek, z czego domyślnie aktywna jest podzakładka Wszystko. Przechodząc c do kolejnych pozycji, otrzymasz informacje o wygenerowanym pliku HTML, dołączonych arkuszach stylów, JavaScript, zapytaniach XMLHttpRequest, plikach graficznych oraz animacjach Flash. Klikając na ikonę plusa obok wybranego elementu, rozwiniesz szczegółowe dane dotyczące jego transferu z serwera do przeglądarki. Są to m.in. informacje o serwerze, kodowaniu, cache czy ciasteczkach. Firebug oferuje także ciekawą ą opcję podglądu przesyłanych zapytań AJAX-a. Kiedy dane zapytanie anie zostanie wysłane, wyświetli się w zakładce XHR (a także w konsoli). Dzięki temu otrzymasz możliwość wglądu w przesłane zmienne, ich wartości i odpowiedzi serwera. Informacje te mogą stanowić ć nieocenioną pomoc podczas rozwijania aplikacji bogato wykorzystujących AJAX-a. Koniec z tworzeniem stron po omacku Firebug jest narzędziem, bez którego trudno po jakimś czasie wyobrazić ć sobie tworzenie serwisów internetowych. Zachęcam cam do własnych eksperymentów, ponieważ jego funkcjonalność można jeszcze dodatkowo zwiększyć. Firebug Lite
8 Firebug jest rozszerzeniem przeglądarki Firefox, lecz jeśli chcesz korzystać z jego funkcji w innych przeglądarkach, możesz rozważyć dołączenie do strony dodatkowej biblioteki JavaScript, która sprawdzi się jako \ dorabiany\ inspektor. Dzięki temu część możliwości Firebuga będzie dostępna podczas testowania strony w Operze czy Internet Explorerze. Firebuga Lite znajdziesz pod adresem
Spis treści 1. Wstęp Logowanie Główny interfejs aplikacji Ogólny opis interfejsu Poruszanie się po mapie...
Spis treści 1. Wstęp... 2 2. Logowanie... 2 3. Główny interfejs aplikacji... 2 3.1. Ogólny opis interfejsu... 2 3.2. Poruszanie się po mapie... 3 3.3. Przełączanie widocznych warstw... 3 4. Urządzenia...
Bardziej szczegółowo1. Wstęp Niniejszy dokument jest instrukcją użytkownika dla aplikacji internetowej DM TrackMan.
Instrukcja korzystania z aplikacji TrackMan wersja WEB 1. Wstęp... 1 2. Logowanie... 1 3. Główny interfejs aplikacji... 2 3.1. Ogólny opis interfejsu... 2 3.2. Poruszanie się po mapie... 2 3.3. Przełączanie
Bardziej szczegółowoStosowanie, tworzenie i modyfikowanie stylów.
Stosowanie, tworzenie i modyfikowanie stylów. We wstążce Narzędzia główne umieszczone są style, dzięki którym w prosty sposób możemy zmieniać tekst i hurtowo modyfikować. Klikając kwadrat ze strzałką w
Bardziej szczegółowoe-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda
e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda Logowanie do panelu administracyjnego Aby móc zarządzać stroną, należy zalogować się do panelu administracyjnego.
Bardziej szczegółowoBaza wiedzy instrukcja
Strona 1 z 12 Baza wiedzy instrukcja 1 Korzystanie z publikacji... 2 1.1 Interaktywny spis treści... 2 1.2 Przeglądanie publikacji... 3 1.3 Przejście do wybranej strony... 3 1.4 Przeglądanie stron za pomocą
Bardziej szczegółowoOficyna Wydawnicza UNIMEX ebook z zabezpieczeniami DRM
Oficyna Wydawnicza UNIMEX ebook z zabezpieczeniami DRM Opis użytkowy aplikacji ebookreader Przegląd interfejsu użytkownika a. Okno książki. Wyświetla treść książki podzieloną na strony. Po prawej stronie
Bardziej szczegółowo2017 Electronics For Imaging, Inc. Informacje zawarte w niniejszej publikacji podlegają postanowieniom opisanym w dokumencie Uwagi prawne dotyczącym
2017 Electronics For Imaging, Inc. Informacje zawarte w niniejszej publikacji podlegają postanowieniom opisanym w dokumencie Uwagi prawne dotyczącym tego produktu. 17 kwietnia 2017 Spis treści 3 Spis treści...5
Bardziej szczegółowoInstalacja i obsługa aplikacji MAC Diagnoza EW
Instalacja i obsługa aplikacji MAC Diagnoza EW Uruchom plik setup.exe Pojawi się okno instalacji programu MAC Diagnoza EW. Wybierz przycisk AKCEPTUJĘ. Następnie zainstaluj program, wybierając przycisk
Bardziej szczegółowoINSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ
INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ Spis treści: 1 Logowanie do panelu administracyjnego 2 Dodawanie obiektów na stronie 2.1 Wybór podstrony 2.2 Wybór obiektu 2.2.1 Dodawanie obiektów tekstowych
Bardziej szczegółowoInstrukcja Wykonawcy - Moduł Aukcji/Licytacji (bez podpisu elektronicznego)
(bez podpisu elektronicznego) Marketplanet Strona - 1 1. Spis treści 1. Spis treści... 2 2. Wprowadzenie... 3 3. Nawigacja w systemie... 3 3.1 Podstawowe elementy interfejsu oferenta... 3 3.2 Nagłówek...
Bardziej szczegółowoCMS - INFORMACJE. *** Mirosław Kuduk E mail: tel. kom DODATKOWE FUNKCJE - PANEL ADMINISTRATORA
CMS - INFORMACJE *** Mirosław Kuduk E mail: mkuduk@interia.pl tel. kom. 663-755-428 DODATKOWE FUNKCJE - PANEL ADMINISTRATORA Panel Dodatkowe funkcje Autoryzacja Publikacje Nowa publikacja, edycja Pokazy
Bardziej szczegółowoWłączanie/wyłączanie paska menu
Włączanie/wyłączanie paska menu Po zainstalowaniu przeglądarki Internet Eksplorer oraz Firefox domyślnie górny pasek menu jest wyłączony. Czasem warto go włączyć aby mieć szybszy dostęp do narzędzi. Po
Bardziej szczegółowoWspólne Zaawansowana tabela
Wspólne Zaawansowana tabela Wersja 3.59.305 4.04.2013 r. W systemie Streamsoft Prestiż umożliwiono tworzenie zaawansowanych analiz w każdym oknie z tabelą. Analizy takie umożliwiają wielopoziomowe grupowanie
Bardziej szczegółowoPoradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki
Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5 Moduły i bloki 1 Spis treści 1. Dodawanie bloków... 3 2. Treść i Dodaj odstęp... 3 3. Galeria obrazów Amiant... 5 4. Lista stron... 8 5. Aktualności...
Bardziej szczegółowoetrader Pekao Podręcznik użytkownika Strumieniowanie Excel
etrader Pekao Podręcznik użytkownika Strumieniowanie Excel Spis treści 1. Opis okna... 3 2. Otwieranie okna... 3 3. Zawartość okna... 4 3.1. Definiowanie listy instrumentów... 4 3.2. Modyfikacja lub usunięcie
Bardziej szczegółowoJak posługiwać się edytorem treści
Jak posługiwać się edytorem treści Edytor CKE jest bardzo prostym narzędziem pomagającym osobom niezaznajomionym z językiem HTML w tworzeniu interaktywnych treści stron internetowych. Razem z praktyka
Bardziej szczegółowoI Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu
I Tworzenie prezentacji za pomocą szablonu w programie Power-Point 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu 2. Po wybraniu szablonu ukaŝe się nam ekran jak poniŝej 3. Następnie
Bardziej szczegółowoLaboratorium - Monitorowanie i zarządzanie zasobami systemu Windows 7
5.0 5.3.3.5 Laboratorium - Monitorowanie i zarządzanie zasobami systemu Windows 7 Wprowadzenie Wydrukuj i uzupełnij to laboratorium. W tym laboratorium, będziesz korzystać z narzędzi administracyjnych
Bardziej szczegółowoSystem Wsparcia Organizacji Zakupów w GRUPIE TAURON - Podręcznik Oferenta
System Wsparcia Organizacji Zakupów w GRUPIE TAURON - Podręcznik Oferenta (c) 2012 Otwarty Rynek Elektroniczny S.A. 1 TAURON Polska Energia SA Marketplanet 1. Spis treści 1. SPIS TREŚCI... 2 2. WSTĘP...
Bardziej szczegółowoPodręcznik użytkownika programu. Ceremonia 3.1
Podręcznik użytkownika programu Ceremonia 3.1 1 Spis treści O programie...3 Główne okno programu...4 Edytor pieśni...7 Okno ustawień programu...8 Edycja kategorii pieśni...9 Edytor schematów slajdów...10
Bardziej szczegółowoI. Program II. Opis głównych funkcji programu... 19
07-12-18 Spis treści I. Program... 1 1 Panel główny... 1 2 Edycja szablonu filtrów... 3 A) Zakładka Ogólne... 4 B) Zakładka Grupy filtrów... 5 C) Zakładka Kolumny... 17 D) Zakładka Sortowanie... 18 II.
Bardziej szczegółowoTworzenie wiadomości Follow up
Tworzenie wiadomości Follow up W tym przewodniku dowiesz się jak Stworzyć ciekawe wiadomości follow up, które z pewnością przykują uwagę Twoich Odbiorców. Tworzenie wiadomości Follow up 2 Spis treści 1.
Bardziej szczegółowoPrzewodnik... Tworzenie Landing Page
Przewodnik... Tworzenie Landing Page Spis treści Kreator strony landing page Stwórz stronę Zarządzaj stronami 2 Kreator strony landing page Kreator pozwala stworzyć własną stronę internetową z unikalnym
Bardziej szczegółowoNowy szablon stron pracowników ZUT
Nowy szablon stron pracowników ZUT Uczelniane Centrum Informatyki ZUT przygotowało nowy szablon stron pracowników, zunifikowany z obecnymi stronami ZUT. Serdecznie zachęcamy Państwa do migracji na nowy
Bardziej szczegółowoRozdział 5. Administracja kontami użytkowników
Rozdział 5. Administracja kontami użytkowników Ćwiczenia zawarte w tym rozdziale pozwolą przygotować oddzielne środowisko pracy dla każdego użytkownika komputera. Windows XP, w porównaniu do systemów Windows
Bardziej szczegółowoPoradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki
Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5 Moduły i bloki 1 Spis treści 1. Dodawanie bloków... 3 2. Treść i Dodaj odstęp... 3 3. Galeria zdjęć... 5 4. Lista stron... 8 5. Aktualności...
Bardziej szczegółowoAdobe InDesign lab.1 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Podstawy pracy z aplikacją Układ strony... 2.
Spis treści: 1 Podstawy pracy z aplikacją... 2 1.1 Układ strony... 2 strona 1 z 7 1 Podstawy pracy z aplikacją InDesign jest następcą starzejącego się PageMakera. Pod wieloma względami jest do niego bardzo
Bardziej szczegółowoJak wyłączyć pliki cookie w przeglądarce internetowej?
Spis treści Wyłączanie plików cookie w przeglądarce Google Chrome... 2 Wyłączanie plików cookie w przeglądarce Microsoft Internet Explorer... 5 Wyłączanie plików cookie w przeglądarce Mozilla Firefox...
Bardziej szczegółowonetster instrukcja obsługi
Spis treści netster instrukcja obsługi Informacje wstępne...2 Logowanie do systemu...2 Widok po zalogowaniu...2 Menu systemu...3 Zarządzanie treścią...3 Treść...5 Przenieś...6 Dodaj podstronę...6 Newsy...7
Bardziej szczegółowoDodawanie stron do zakładek
Dodawanie stron do zakładek Aby dodać adres strony do zakładek otwieramy odpowiednią stronę a następnie wybieramy ikonę Dodaj zakładkę Po wybraniu ikony otworzy się okno umożliwiające dodanie adresy strony
Bardziej szczegółowoPrezentacja multimedialna MS PowerPoint 2010 (podstawy)
Prezentacja multimedialna MS PowerPoint 2010 (podstawy) Cz. 4. Animacje, przejścia, pokaz slajdów Dzięki animacjom nasza prezentacja może stać się bardziej dynamiczna, a informacje, które chcemy przekazać,
Bardziej szczegółowoDiagnoza Szkolna Pearsona. Instrukcja obsługi
Diagnoza Szkolna Pearsona Instrukcja obsługi 1. Logowanie Aby skorzystać z systemu Diagnoza Szkolna Pearsona należy najpierw wejść na stronę diagnoza.pearson.pl i wybrać przycisk Logowanie. Następnie należy
Bardziej szczegółowoInstalacja systemu zarządzania treścią (CMS): Joomla
Instalacja systemu zarządzania treścią (CMS): Joomla Na stronie http://www.cba.pl/ zarejestruj nowe konto klikając na przycisk:, następnie wybierz nazwę domeny (Rys. 1a) oraz wypełnij obowiązkowe pola
Bardziej szczegółowoTworzenie prezentacji w MS PowerPoint
Tworzenie prezentacji w MS PowerPoint Program PowerPoint dostarczany jest w pakiecie Office i daje nam możliwość stworzenia prezentacji oraz uatrakcyjnienia materiału, który chcemy przedstawić. Prezentacje
Bardziej szczegółowoLaboratorium - Monitorowanie i zarządzanie zasobami systemu Windows XP
5.0 5.3.3.7 Laboratorium - Monitorowanie i zarządzanie zasobami systemu Windows XP Wprowadzenie Wydrukuj i uzupełnij to laboratorium. W tym laboratorium, będziesz korzystać z narzędzi administracyjnych
Bardziej szczegółowoLaboratorium - Podgląd informacji kart sieciowych bezprzewodowych i przewodowych
Laboratorium - Podgląd informacji kart sieciowych bezprzewodowych i przewodowych Cele Część 1: Identyfikacja i praca z kartą sieciową komputera Część 2: Identyfikacja i użycie ikon sieci w obszarze powiadomień
Bardziej szczegółowoREFERAT O PRACY DYPLOMOWEJ
REFERAT O PRACY DYPLOMOWEJ Temat pracy: Projekt i budowa systemu zarządzania treścią opartego na własnej bibliotece MVC Autor: Kamil Kowalski W dzisiejszych czasach posiadanie strony internetowej to norma,
Bardziej szczegółowoProblemy techniczne. Jak wyłączyć obsługę plików cookie w przeglądarkach internetowych? Przeglądarka Internet Explorer
Problemy techniczne Jak wyłączyć obsługę plików cookie w przeglądarkach internetowych? Udostępniając treści w naszych serwisach internetowych wykorzystujemy pliki cookie (tzw. ciasteczka) na zasadach określonych
Bardziej szczegółowoInstrukcja obsługi uczelnianego systemu zarządzania stronami internetowymi (CMS)
Kraków 01.10.2017 r. Instrukcja obsługi uczelnianego systemu zarządzania stronami internetowymi (CMS) 1. Logowanie. 1.1. W celu zalogowanie, należy w adresie przeglądarki wpisać http://urk.edu.pl/admin
Bardziej szczegółowoPodręczna pomoc Microsoft Power Point 2007
Podręczna pomoc Microsoft Power Point 2007 Animacja (przejście) slajdu... 2 Wybór przejścia slajdu... 2 Ustawienie dźwięku dla przejścia... 3 Ustawienie szybkości przejścia slajdu... 4 Sposób przełączenia
Bardziej szczegółowoUONET+ moduł Dziennik
UONET+ moduł Dziennik Sporządzanie ocen opisowych i diagnostycznych uczniów z wykorzystaniem schematów oceniania Przewodnik System UONET+ umożliwia sporządzanie ocen opisowych uczniów w oparciu o przygotowany
Bardziej szczegółowoProblemy techniczne. Jak wyłączyć obsługę plików cookie w przeglądarkach internetowych? Przeglądarka Internet Explorer
Problemy techniczne Jak wyłączyć obsługę plików cookie w przeglądarkach internetowych? Udostępniając treści w naszych serwisach internetowych wykorzystujemy pliki cookie (tzw. ciasteczka) na zasadach określonych
Bardziej szczegółowoLaboratorium - Narzędzie linii uruchamiania w systemie Windows Vista
5.0 5.3.7.5 Laboratorium - Narzędzie linii uruchamiania w systemie Windows Vista Wprowadzenie Wydrukuj i uzupełnij to laboratorium. W tym laboratorium, będziesz korzystać z narzędzi linii komend Windows,
Bardziej szczegółowoZadanie1: Odszukaj w serwisie internetowym Wikipedii informacje na temat protokołu http.
T: Konfiguracja usługi HTTP w systemie Windows. Zadanie1: Odszukaj w serwisie internetowym Wikipedii informacje na temat protokołu http. HTTP (ang. Hypertext Transfer Protocol) protokół transferu plików
Bardziej szczegółowouczyć się bez zagłębiania się w formalnym otoczeniu,
CZĘŚĆ 3 - INTERNET 3.1 WSTĘP Internet jest globalnym zbiorem połączonych ze sobą komputerów, które przesyłają informacje między sobą za pośrednictwem szybkich połączeń sieciowych oraz linii telefonicznych.
Bardziej szczegółowoI. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu...
Kreator szablonów I. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu... 7 a. Grafika... 7 b. Tekst... 7 c.
Bardziej szczegółowo1. Pobieranie i instalacja FotoSendera
Jak zamówić zdjęcia przez FotoSender? Spis treści: 1. Pobieranie i instalacja FotoSendera 2. Logowanie 3. Opis okna programu 4. Tworzenie i wysyłanie zlecenia Krok 1: Wybór zdjęć Krok 2: Podsumowanie zlecenia
Bardziej szczegółowoAplikacja projektu Program wycinki drzew i krzewów dla RZGW we Wrocławiu
Aplikacja projektu Program wycinki drzew i krzewów dla RZGW we Wrocławiu Instrukcja obsługi Aplikacja wizualizuje obszar projektu tj. Dorzecze Środkowej Odry będące w administracji Regionalnego Zarządu
Bardziej szczegółowoRozdział 2. Konfiguracja środowiska pracy uŝytkownika
Rozdział 2. Konfiguracja środowiska pracy uŝytkownika Ćwiczenia zawarte w tym rozdziale pozwolą na dostosowanie pulpitu i menu Start do indywidualnych potrzeb uŝytkownika. Środowisko graficzne systemu
Bardziej szczegółowoSpis treści Szybki start... 4 Podstawowe informacje opis okien... 6 Tworzenie, zapisywanie oraz otwieranie pliku... 23
Spis treści Szybki start... 4 Podstawowe informacje opis okien... 6 Plik... 7 Okna... 8 Aktywny scenariusz... 9 Oblicz scenariusz... 10 Lista zmiennych... 11 Wartości zmiennych... 12 Lista scenariuszy/lista
Bardziej szczegółowoSerwis jest dostępny w internecie pod adresem www.solidnyserwis.pl. Rysunek 1: Strona startowa solidnego serwisu
Spis treści 1. Zgłoszenia serwisowe wstęp... 2 2. Obsługa konta w solidnym serwisie... 2 Rejestracja w serwisie...3 Logowanie się do serwisu...4 Zmiana danych...5 3. Zakładanie i podgląd zgłoszenia...
Bardziej szczegółowodarmowe zdjęcia - allegro.pl
darmowe zdjęcia - allegro.pl 1 Darmowe zdjęcia w Twoich aukcjach allegro? Tak to możliwe. Wielu sprzedających robi to od dawna i wbrew pozorom jest to bardzo proste. Serwis allegro oczywiście umożliwia
Bardziej szczegółowoPodstawowa instrukcja obsługi STRON stron internetowych serwisu www.smpn.pl zrealizowanych w systemie zarządzania treścią Wordpress.
Podstawowa instrukcja obsługi STRON stron internetowych serwisu www.smpn.pl zrealizowanych w systemie zarządzania treścią Wordpress. Założenia użytkownik posiada założone konto w systemie z prawami Redaktora.
Bardziej szczegółowoĆwiczenie 1: Pierwsze kroki
Ćwiczenie 1: Pierwsze kroki z programem AutoCAD 2010 1 Przeznaczone dla: nowych użytkowników programu AutoCAD Wymagania wstępne: brak Czas wymagany do wykonania: 15 minut W tym ćwiczeniu Lekcje zawarte
Bardziej szczegółowoInstrukcja wprowadzania graficznych harmonogramów pracy w SZOI Wg stanu na 21.06.2010 r.
Instrukcja wprowadzania graficznych harmonogramów pracy w SZOI Wg stanu na 21.06.2010 r. W systemie SZOI została wprowadzona nowa funkcjonalność umożliwiająca tworzenie graficznych harmonogramów pracy.
Bardziej szczegółowoDODAJEMY TREŚĆ DO STRONY
DODAJEMY TREŚĆ DO STRONY SPIS TREŚCI Pasek narzędzi i wyszukiwarka aplikacji... 2 Dodawanie portletów... 3 Widok zawartości stron... 4 Zawartość portletu... 5 Ikonki wybierz oraz dodaj zawartość stron...
Bardziej szczegółowoLaboratorium - Monitorowanie i zarządzanie zasobami systemu Windows Vista
5.0 5.3.3.6 Laboratorium - Monitorowanie i zarządzanie zasobami systemu Windows Vista Wprowadzenie Wydrukuj i uzupełnij to laboratorium. W tym laboratorium, będziesz korzystać z narzędzi administracyjnych
Bardziej szczegółowoObszar Logistyka/Zamówienia Publiczne
Obszar Logistyka/Zamówienia Publiczne Plany Zamówień Publicznych EG_LOG Plany Zamówień Publicznych Instrukcja Użytkownika. Instrukcja użytkownika 2 Spis treści SPIS TREŚCI... 3 NAWIGACJA PO SYSTEMIE...
Bardziej szczegółowoautor poradnika - KS Jak zamieszczać i edytować artykuły na szkolnej stronie internetowej
Jak zamieszczać i edytować artykuły na szkolnej stronie internetowej adres naszej strony: www.zs3.wroc.pl logo liceum 1. Aby dodać artykuł należy się zalogować: System pokaże nazwę zalogowanego użytkownika
Bardziej szczegółowoPomoc dla systemu WordPress
Pomoc dla systemu WordPress Ten plik pomocy przeznaczony jest dla pluginu stat24 w wersji 0.2. W tym pluginie porzucono wsparcie dla starszych wersji WordPress (niższych niż 1.5) oraz zrezygnowano z opcji
Bardziej szczegółowoInstrukcja obsługi Platformy nszkoła. Panel Opiekuna
Instrukcja obsługi Platformy nszkoła Panel Opiekuna Spis Treści I. Rozpoczęcie pracy... 3 Pulpit... 3 Menu Start... 4 II. Dzienniczek Ucznia... 4 Historia ucznia... 6 III. Przedmioty... 7 Plan lekcji...
Bardziej szczegółowoedycja szablonu za pomocą serwisu allegro.pl
edycja szablonu za pomocą serwisu allegro.pl 2 Do obsługi Twojego szablonu nie jest wymagane żadne dodatkowe oprogramowanie - jedyne czego potrzebujesz to aktywne konto w serwisie allegro.pl. Dokładne
Bardziej szczegółowoPlatforma szkoleniowa krok po kroku. Poradnik Kursanta
- 1 - Platforma szkoleniowa krok po kroku Poradnik Kursanta PORA - 2 - Jeśli masz problemy z uruchomieniem Platformy szkoleniowej warto sprawdzić poprawność poniższych konfiguracji: - 3 - SPRZĘT Procesor
Bardziej szczegółowoZasady tworzenia podstron
Zasady tworzenia podstron Jeśli tworzysz rozbudowaną witrynę internetową z wieloma podstronami, za chwilę dowiesz się, jak dodawać nowe podstrony w kreatorze Click Web, czym kierować się przy projektowaniu
Bardziej szczegółowoSzybki start SAMOOCENA W NOR-STA
Szybki start SAMOOCENA W NOR-STA W kwadrans nauczysz się jak: oceniać zgodność ze standardem w NOR-STA przeglądać i prezentować wyniki ocen oraz generować raporty z dowolnymi wykresami i zestawieniami
Bardziej szczegółowoTemat: Organizacja skoroszytów i arkuszy
Temat: Organizacja skoroszytów i arkuszy Podstawowe informacje o skoroszycie Excel jest najczęściej wykorzystywany do tworzenia skoroszytów. Skoroszyt jest zbiorem informacji, które są przechowywane w
Bardziej szczegółowoInstrukcja redaktora strony
Warszawa 14.02.2011 Instrukcja redaktora strony http://przedszkole198.edu.pl wersja: 1.1 1. Zasady ogólne 1.1. Elementy formularza do wprowadzania treści Wyróżniamy następujące elementy do wprowadzania
Bardziej szczegółowoAby pobrać program FotoSender naleŝy na stronę www.fotokoda.pl lub www.kodakwgalerii.astral.pl i kliknąć na link Program do wysyłki zdjęć Internetem.
FotoSender 1. Pobranie i instalacja programu Aby pobrać program FotoSender naleŝy na stronę www.fotokoda.pl lub www.kodakwgalerii.astral.pl i kliknąć na link Program do wysyłki zdjęć Internetem. Rozpocznie
Bardziej szczegółowoAquarius Podręcznik uz ytkownika
"Wdrożenie wymagań dyrektywy INSPIRE / Dostosowanie zasobów danych przestrzennych PMŚ do wymagań dyrektywy INSPIRE Etap I" Projekt dofinansowany ze środków Narodowego Funduszu Ochrony Środowiska i Gospodarki
Bardziej szczegółowoEdytor materiału nauczania
Edytor materiału nauczania I. Uruchomienie modułu zarządzania rozkładami planów nauczania... 2 II. Opuszczanie elektronicznej biblioteki rozkładów... 5 III. Wyszukiwanie rozkładu materiałów... 6 IV. Modyfikowanie
Bardziej szczegółowoCitiDirect Online Banking. Logowanie
1 CitiDirect Online Banking Logowanie CitiService Pomoc Techniczna CitiDirect Tel. 0 801-343-978, +48 (22) 690-15-21 Poniedziałek Piątek 8:00 17:00 helpdesk.ebs@citi.com Logowanie W przeglądarce internetowej
Bardziej szczegółowoCo to jest arkusz kalkulacyjny?
Co to jest arkusz kalkulacyjny? Arkusz kalkulacyjny jest programem służącym do wykonywania obliczeń matematycznych. Za jego pomocą możemy również w czytelny sposób, wykonane obliczenia przedstawić w postaci
Bardziej szczegółowoWstęp 5 Rozdział 1. Instalacja systemu 13. Rozdział 2. Logowanie i wylogowywanie 21 Rozdział 3. Pulpit i foldery 25. Rozdział 4.
Wstęp 5 Rozdział 1. Instalacja systemu 13 Uruchamianie Ubuntu 14 Rozdział 2. Logowanie i wylogowywanie 21 Rozdział 3. Pulpit i foldery 25 Uruchamianie aplikacji 25 Skróty do programów 28 Preferowane aplikacje
Bardziej szczegółowoINSTRUKCJE WIKAMP Dotyczy wersji systemu z dnia
INSTRUKCJE WIKAMP Dotyczy wersji systemu z dnia 22.04.2016 Spis treści: Jak zmienić hasło?... 1 Jak zmodyfikować profil użytkownika?... 5 Jak zmienić hasło? 1 S t r o n a Hasło umożliwia zalogowanie się
Bardziej szczegółowoPodstawy technologii WWW
Podstawy technologii WWW Ćwiczenie 8 PHP, czyli poczatki nowej, dynamicznej znajomosci Na dzisiejszych zajęciach rozpoczniemy programowanie po stronie serwera w języku PHP. Po otrzymaniu żądania serwer
Bardziej szczegółowoSkrócona instrukcja korzystania z Platformy Zdalnej Edukacji w Gliwickiej Wyższej Szkole Przedsiębiorczości
Skrócona instrukcja korzystania z Platformy Zdalnej Edukacji w Gliwickiej Wyższej Szkole Przedsiębiorczości Wstęp Platforma Zdalnej Edukacji Gliwickiej Wyższej Szkoły Przedsiębiorczości (dalej nazywana
Bardziej szczegółowoe-podręcznik dla seniora... i nie tylko.
Pliki i foldery Czym są pliki? Plik to w komputerowej terminologii pewien zbiór danych. W zależności od TYPU pliku może to być: obraz (np. zdjęcie z imienin, rysunek) tekst (np. opowiadanie) dźwięk (np.
Bardziej szczegółowoSzybki start SAMOOCENA W NOR-STA
Szybki start SAMOOCENA W NOR-STA W kwadrans nauczysz się jak: oceniać zgodność ze standardem w NOR-STA przeglądać i prezentować wyniki ocen oraz generować raporty z dowolnymi wykresami i zestawieniami
Bardziej szczegółowoOkno logowania. Okno aplikacji. 1. Logowanie i rejestracja
1. Logowanie i rejestracja Aby wysłać zlecenie do laboratorium fotograficznego musisz mieć załoŝone konto. Jest to niezbędne do weryfikacji twojej osoby i daje pewność, Ŝe osoby nieupowaŝnione nie będą
Bardziej szczegółowoKolory elementów. Kolory elementów
Wszystkie elementy na schematach i planach szaf są wyświetlane w kolorach. Kolory te są zawarte w samych elementach, ale w razie potrzeby można je zmienić za pomocą opcji opisanych poniżej, przy czym dotyczy
Bardziej szczegółowoPolityka cookies w serwisie internetowym
Polityka cookies w serwisie internetowym www.bacca.pl Bacca dokłada wszelkich starań, aby Serwis był wygodny w użyciu. Dla poprawy wygody korzystania z Serwisu korzystamy z plików cookie. Za pomocą technologii
Bardziej szczegółowoURLOPY BY CTI. Instrukcja obsługi
URLOPY BY CTI Instrukcja obsługi 1. Wstęp.... 3 2. Uruchomienie programu.... 4 3. Rozpoczęcie pracy w programie.... 6 4. Widok kalendarza.... 8 5. Widok pracowników.... 10 6.Tabela z danymi... 11 1. Wstęp.
Bardziej szczegółowoWikispaces materiały szkoleniowe
Wikispaces materiały szkoleniowe Wstęp Wikispaces jest ogólnie dostępnym narzędziem do tworzenia własnych stron internetowych. Zastosowanie stron internetowych tworzonych przy pomocy wikispaces to na przykład:
Bardziej szczegółowoKadry Optivum, Płace Optivum
Kadry Optivum, Płace Optivum Jak seryjnie przygotować wykazy absencji pracowników? W celu przygotowania pism zawierających wykazy nieobecności pracowników skorzystamy z mechanizmu Nowe wydruki seryjne.
Bardziej szczegółowoEdytor tekstu OpenOffice Writer Podstawy
Edytor tekstu OpenOffice Writer Podstawy OpenOffice to darmowy zaawansowany pakiet biurowy, w skład którego wchodzą następujące programy: edytor tekstu Writer, arkusz kalkulacyjny Calc, program do tworzenia
Bardziej szczegółowoKRAJOWA MAPA ZAGROŻEŃ BEZPIECZEŃSTWA INSTRUKCJA OBSŁUGI
KRAJOWA MAPA ZAGROŻEŃ BEZPIECZEŃSTWA INSTRUKCJA OBSŁUGI Aby skorzystać z możliwości zgłoszenia zagrożenia bezpieczeństwa publicznego na mapie należy wykonać następujące czynności 1. Po wpisaniu adresu
Bardziej szczegółowoInstrukcja obsługi systemu Sky CMS
Instrukcja obsługi systemu Sky CMS Tworzenie stron w systemie skycms 1. Logujemy się 2. Tworzenie nowej strony: Wchodzimy do zakładki Strony Dodaj nową stronę. Pokażą się zakładki Strona, Powiązania strony,
Bardziej szczegółowoTomasz Greszata - Koszalin
T: Konfiguracja usługi HTTP w systemie Windows. Zadanie1: Odszukaj w serwisie internetowym Wikipedii informacje na temat protokołów HTTP oraz HTTPS i oprogramowania IIS (ang. Internet Information Services).
Bardziej szczegółowoDOKUMENTACJA CMS/Framework BF5.0
Wstęp DOKUMENTACJA CMS/Framework BF5.0 Niniejsza dokumentacja poświęcona jest obsłudze Systemu Zarządzania Treścią, który uruchomiony został przy serwisie internetowym: [nazwa]. Logowanie do systemu odbywa
Bardziej szczegółowoPrzewodnik użytkownika (instrukcja) AutoMagicTest
Przewodnik użytkownika (instrukcja) AutoMagicTest 0.1.21.137 1. Wprowadzenie Aplikacja AutoMagicTest to aplikacja wspierająca testerów w testowaniu i kontrolowaniu jakości stron poprzez ich analizę. Aplikacja
Bardziej szczegółowoPasek menu. Kategoria zakładki umożliwia dodawanie zakładek notowań i edytowanie sposobu ich wyświetlania.
Pierwsze kroki Główne okno Notowań Online składa się z: paska menu, obszaru daty i godziny wraz ze statusem połączenia aplikacji z siecią, paska narzędzi, okna notowań wraz z zakładkami do aktualnej grupy
Bardziej szczegółowoKomputery I (2) Panel sterowania:
Komputery I (2) Paweł Jamer Panel sterowania: Podstawowym miejscem z którego zarządzamy ustawieniami systemu Windows jest panel sterowania. Znaleźć tam możemy wszelkiego rodzaju narzędzia umożliwiające
Bardziej szczegółowo1.1 Zakładka Mapa. Kliknięcie zakładki "Mapa" spowoduje wyświetlenie panelu mapy:
1.1 Zakładka Mapa Kliknięcie zakładki "Mapa" spowoduje wyświetlenie panelu mapy: Rys. 1 Zakładka Mapa Zakładka "Mapa" podzielona została na sześć części: 1. Legenda, 2. Pasek narzędzi, 3. Panel widoku
Bardziej szczegółowoInstrukcja obsługi certyfikatów w programie pocztowym MS Outlook Express 5.x/6.x
Spis treści Wstęp... 1 Instalacja certyfikatów w programie pocztowym... 1 Instalacja certyfikatów własnych... 1 Instalacja certyfikatów innych osób... 3 Import certyfikatów innych osób przez odebranie
Bardziej szczegółowoSynchronizator plików (SSC) - dokumentacja
SZARP http://www.szarp.org Synchronizator plików (SSC) - dokumentacja Wersja pliku: $Id: ssc.sgml 4420 2007-09-18 11:19:02Z schylek$ > 1. Witamy w programie SSC Synchronizator plików (SZARP Sync Client,
Bardziej szczegółowoFormatowanie tekstu za pomocą zdefiniowanych stylów. Włączanie okna stylów. 1. zaznaczyć tekst, który chcemy formatować
Style Bardzo często w edytorze podczas pisania tekstu zachodzi potrzeba wielokrotnego powtórzenia czynności związanych z formatowaniem. Aby zapobiec stałemu otwieraniu okien dialogowych i wybierania stale
Bardziej szczegółowoINSTRUKCJA OBSŁUGI DIODOWEGO WYŚWIETLACZA TEKSTÓW PIEŚNI STEROWANEGO Z TABLETU 10,1 '
INSTRUKCJA OBSŁUGI DIODOWEGO WYŚWIETLACZA TEKSTÓW PIEŚNI STEROWANEGO Z TABLETU 10,1 ' -1- Spis treści - 1. O programie... 3 2. Uruchomienie programu... 3 3. Przygotowanie urządzenia do pracy... 4 4. Wyświetlanie
Bardziej szczegółowodokumentacja Edytor Bazy Zmiennych Edytor Bazy Zmiennych Podręcznik użytkownika
asix 4 Edytor Bazy Zmiennych Podręcznik użytkownika asix 4 dokumentacja Edytor Bazy Zmiennych ASKOM i asix to zastrzeżone znaki firmy ASKOM Sp. z o. o., Gliwice. Inne występujące w tekście znaki firmowe
Bardziej szczegółowo