ALMAMER Wyższa Szkoła Ekonomiczna

Wielkość: px
Rozpocząć pokaz od strony:

Download "ALMAMER Wyższa Szkoła Ekonomiczna"

Transkrypt

1 ALMAMER Wyższa Szkoła Ekonomiczna Wydział Ekonomiczny Piotr Maziarz Nr albumu Projektowanie witryny internetowej firmy Capital-Advisers Praca magisterska napisana pod kierunkiem prof. dr hab. Krzysztofa Murawskiego Warszawa 2008

2 Składam serdeczne podziękowania Panu prof. dr hab. Krzysztofowi Murawskiemu za życzliwą pomoc i cenne uwag udzielone mi podczas pisania niniejszej pracy. 2

3 Spis treści Wstęp Cel i zakres pracy Rozdział I Krótka charakterystyka języków HTML i CSS Opis języka HTML Opis języka CSS Rozdział II Prezentacja programów użytych do realizacji witryny internetowej Opis programu Adobe Photoshop CS Opis programu Macromedia Dreamweaver CS Opis programu Total Commander Rozdział III Realizacja projektu własnego witryny internetowej firmy Capital-Advisers Główne założenia i cel projektu własnego Projektowanie elementów graficznych i nawigacyjnych Optymalizacja i cięcie grafiki na mniejsze elementy Rozdział IV Faza końcowa projektu własnego Testowanie gotowej witryny internetowej Publikacja gotowej witryny internetowej Promocja strony WWW w sieci Podsumowanie...69 Bibliografia Spis rysunków

4 Wstęp Tematem mojej pracy jest zaprojektowanie witryny internetowej, która stanowi wizytówkę każdej poważnej, szanowanej firmy. Na wstępie wyjaśnię może, dlaczego użyłem programu Macromedia Dreamweaver CS oraz Adobe Photoshop CS do wykonania witryny internetowej, a nie innych programów do projektowania witryn internetowych dostępnych w tak szerokiej gamie na rynku. Otóż przez wiele lat Photoshop, tak samo jak Dreamweaver wypracował sobie dość solidną pozycję w rankingu. Photoshop stał się wzorem dla innych programów do obróbki grafiki bitmapowej. Pomimo powstania wielu dobrych programów graficznych żaden, z nich nie przewyższa Photoshopa. Trzeba przyznać, że firma Adobe, jakby nie dostrzegła ostatnio silnie rozwijającego się Internetu i dopiero od wersji 5.5, i wyżej, jest narzędziem w 100% przystosowanym do robienia grafiki na stronach WWW. Najnowsza wersja programu, pozwala na profesjonalne przygotowanie witryny WWW w krótkim czasie, oczywiście jeśli dysponujemy odpowiednimi umiejętnościami. Macromedia Dreamweaver to wyjątkowy program, od dawna cieszy się zasłużoną opinią jednego z najlepszych edytorów stron WWW. Pozwala na edycję strony w trybie graficznym i na samodzielne modyfikowanie jej kodu źródłowego. Ogromne możliwości programu sprawiają, że korzystają z niego zarówno początkujący, jak i zaawansowani projektanci. Interfejs Dreamweavera jest prosty, intuicyjny i w pełni konfigurowalny, poprzez zastosowanie palet i pasków narzędzi. Świetne narzędzie zarówno dla zielonych w HTML, jak i profesjonalistów. Dreamweaver doczekał się ostatnio kolejnej już wersji CS 9. Najszybszym i najwygodniejszym i coraz bardziej popularnym z każdym rokiem sposobem dotarcia do informacji jest Internet. Nadchodzące lata będą przebiegać pod znakiem nieustannego rozwoju komunikacji i mediów, a przede wszystkim latami, kiedy to przepływ informacji w oparciu o Internet zdominuje wszystkie dziedziny naszego życia. 4

5 Strona WWW to coraz częściej okno na świat, czyli okno na rynek. Dzięki stronie WWW można teraz zdobyć nowych klientów, dzięki czemu firma zwiększy swoje dochody. Dobry wizerunek to ogromna szansa firmy dla zbudowania trwałego kontaktu z klientem. Strona internetowa to wizytówka firmy, z którą odwiedzający internauci będą firmę identyfikować. Dlatego należy zwrócić uwagę na fakt, iż sposób przedstawienia witryny internetowej firmy w Internecie wpływa również bezpośrednio na to, jak postrzegana jest firma poza globalną siecią. Budowanie wizerunku firmy w Internecie powinno być nie tylko spójne z istniejącym już wizerunkiem, ale także ściśle się z nim uzupełniać. Zalety stron internetowych można by było wymieniać w nieskończoność, dlatego każda szanująca się firma powinna zadbać o to, by posiadać stronę internetową. W niniejszej pracy będę opisywał kolejne etapy powstawania serwisu, począwszy od omówienia technik i narzędzi z jakimi na co dzień mają do czynienia profesjonaliści, projektujący witryny internetowe. 5

6 Cel i zakres pracy Celem mojej pracy jest zaprojektowanie witryny internetowej firmy Capital-Advisers firmy prowadzącej usługi w zakresie doradztwa finansowego. Strona internetowa ma za zadanie ułatwić kontakt z firmą, przedstawić ofertę firmy, wykreować nowoczesny, pozytywny wizerunek firmy, i markę na rynku w sposób atrakcyjna dla odbiorcy. Capital-Advisers to grupa doświadczonych profesjonalistów których wiedza oparta jest na wieloletnim doświadczeniu które zdobywali w wiodących firmach doradczych, inwestycyjnych oraz rachunkowych. Capital-Advisers jest obecna na rynku usług finansowych od 1985 roku, starając się udoskonalać i promować nowe rozwiązania w zarządzaniu finansami i doradztwie finansowym. Głównym celem firmy Capital-Advisers jest dostarczanie bardzo zaawansowanych produktów finansowych oraz doradztwa finansowego o najwyższej jakości. Duży nacisk firma położyła na opracowanie profesjonalnych i kompleksowych rozwiązań dla firm, w każdej z następujących dziedzin: - zarządzanie ryzykiem, - zarządzanie finansami, - doradztwo finansowe. Specjaliści z Capital-Advisers swoim wieloletnim doświadczeniu realizowali finalizując wiele projektów - mamy własne pomysły oraz oferujemy pomoc specjalistów, którzy rozpatrują problemy w praktyczny sposób. Ponieważ większością odwiedzających będą ludzie zainteresowani pomnażaniem swoich dochodów, dołożyłem wszelkich starań żeby strona miała profesjonalny wygląd, nadając poważnego charakteru witrynie firmy. Istotną rolę odgrywa, interaktywność strony i niebanalna kreacja graficzna oraz jakość informacji zawartej na stronie firmy. To one bowiem powodują, że potencjalni klienci wracają ponownie stronę, budując w ten sposób trwałą relację z firmą. 6

7 Dokumentacja pracy przebiega dokładnie według spisu treści. Część opisowa pracy dotyczyć będzie wybranych języków programowania, czyli języków HTML i CSS (kaskadowe arkusze stylów). W dalszej części pracy są opisane narzędzia, których użyłem podczas projektowania witryny, a chodzi mi tu przede wszystkim o aplikacje takie jak Adobe Photoshop CS2 którym zaprojektowałem grafikę, Macromedia Dreamweaver który posłużył mi do zaprojektowaniu całej witryny, wraz z elementami graficznymi i stylistycznymi oraz program Total Commander za pomocą którego przesłałem gotowe elementy witryny na wirtualny serwer w Internecie. W kolejnych punktach pracy opisana jest realizacja projektu witryny własnej, czyli: projektowanie elementów graficznych i nawigacyjnych oraz ich optymalizacja. Natomiast w ostatnim rozdziale przedstawiłem ostatnie już kroki projektu czyli publikacje oraz promocje gotowej witryny internetowej. Cała praca kończy się podsumowaniem wszystkich czynności, jakie miały miejsce podczas realizacji projektu własnego witryny internetowej. 7

8 Rozdział I Krótka charakterystyka języków HTML i CSS 1.1 Opis języka HTML Język HTML składa się z szeregu znaczników, których forma jest ściśle określona przez specyfikację. Każdy znacznik posiada tak zwany znacznik otwierający i niemal każdy występuje w parze ze znacznikiem zamykającym. Poniżej zamieszczam schemat zapisu znacznika: <znacznik_otwierający atrybut> </znacznik zamykający> W praktyce wygląda to mnie więcej tak: <p id = "identyfikator"></p> Znacznik otwierający <P></P> zawiera atrybut, którym w tym przypadku jest id = "identyfikator" oraz jak większość znaczników znacznik zamykający. Niemal w każdym przypadku atrybut znajdujący się wewnątrz nawiasu kątowego jest opcjonalny, dlatego bardzo często znacznik z przykładu powyżej może mieć następującą postać: <P> </P> Specyfikacja dopuszcza do niezamykania niektórych znaczników, jednak działanie takie może prowadzić do powstania błędów i problemów zwłaszcza, gdy do oglądania strony użyjemy starszej przeglądarki. Pierwszym obowiązkowym elementem języka HTML jest znacznik: <html> </html> Określa on ramy naszego dokumentu. Należy więc uściślić, że to co, znajduje się miedzy znacznikami, jest naszym dokumentem HTML. Znacznik nigdy nie posiada dodatkowych atrybutów. Brak tych znaczników może wpływać na poprawność wyświetlania strony przez większość przeglądarek. Bezpośrednio po otwierającym <HTML> powinien się znaleźć znacznik <HEAD></HEAD>. 8

9 Element ten również nie zawiera żadnych atrybutów i występuje w parze ze znacznikiem zamykającym. <html> <head> </head> </html> Miedzy znacznikami <HEAD></HEAD> znajduje się kilka ważnych elementów dla konstrukcji całej strony. Następnym znacznikiem, który zalicza się do grona elementów strony WWW, jest <TITLE></TITLE>. Odpowiada on za ustawienie tytułu strony widocznego na belce tytułowej w oknie przeglądarki. Znacznik ten powinien znajdować się pomiędzy <HEAD></HEAD>. <html> <head> <meta http-equiv = "Content- Type" content = "text/html; charset = iso " > <title> Capital-Advisers </title> </head> </html> Znacznik <BODY></BODY> występuje bezpośrednio po <HEAD></HEAD> i jest ostatnim z obowiązkowych znaczników języka HTML, tworzących strukturę strony. Znacznik ten aż do poprzedniej specyfikacji zawierał wiele dodatkowych atrybutów, takich jak: kolor tła strony, kolor odnośników, marginesy, graficzne tło naszej strony, ale ogłoszenie specyfikacji HTML 4 zmieniło ten stan rzeczy. Teraz wszystkie te elementy określamy za pomocą kaskadowych arkuszy stylów. Znacznik <BODY></BODY> jest bezwzględnie konieczny do poprawnego funkcjonowania strony, a jedynym wyjątkiem jest strona wykorzystująca ramki, gdzie zastąpiono go innym znacznikiem. 1 1 Bartosz Danowski, ABC tworzenia stron WWW, wydawnictwo Helion, Gliwice 2003, s

10 Elementy blokowe Do elementów blokowych w języku HTML możemy zaliczyć: nagłówki, akapity, znaczniki łamania wiersza, poziomie linie oraz znacznik <DIV></DIV>. Pamiętać należy że elementy blokowe muszą się znajdować wewnątrz znacznika <BODY></BODY>. Zgodnie z specyfikacją HTML 4.01 elementy blokowe służą jedynie do nadania poszczególnym elementom określonej formy. Natomiast dokładne określenia struktury takiego elementu koloru, wyrównania, czcionki zostały oddzielone od języka HTML i weszły w skład kaskadowych arkuszy stylów. agłówki Specyfikacja języka HTML przewiduje możliwość utworzenia nagłówków o szczęściu zróżnicowanych rozmiarach. Ogólny przepis na nagłówek znajduje się poniżej. <hx> Nagłówek stopnia X </hx> Za pomocą litery X oznacza się stopień nagłówka. W praktyce w to miejsce wstawiamy cyfry z przedziału od 1 do 6. Praktyczny przykład użycia nagłówków: <body> <h1> Nagłówek stopnia pierwszego </h1> <h1> Nagłówek stopnia pierwszego </h2> <h1> Nagłówek stopnia pierwszego </h3> <h1> Nagłówek stopnia pierwszego </h4> <h1> Nagłówek stopnia pierwszego </h5> <h1> Nagłówek stopnia pierwszego </h6> </body> Akapity Kolejnym sposobem prezentacji tekstu jest jego grupowanie w akapity. Tekst znajdujący się w akapicie automatycznie dopasowuje się do szerokości okna przeglądarki lub jak kto woli rozdzielczości. Dlatego na jednym komputerze akapit może mieć trzy wiersze tekstu, a na innym wiersze mogą być zaledwie dwa. Jest to rzecz jak najzupełniej normalna i niestety bardzo często przy źle zaprojektowanej 10

11 stronie może prowadzić do powstania problemu popularnego rozjeżdżania się zawartości okna przeglądarki. Za definicję akapitu odpowiada znacznik <P></P>, który zawsze występuje z elementem domykającym. <body> <p> Przykład prostego akapitu. <p> </body> Strona może zawierać dowolną liczbę akapitów, a każdy z nich jest oddzielonych od pozostałych pustym wierszem. Przerwa ta jest domyślnie wstawiana przez przeglądarki, a do jej kontroli musisz użyć kaskadowych arkuszy stylów. 2 Tabele Wprowadzenie obsługi tabel w języku HTML spowodowało prawdziwą rewolucję. To właśnie dzięki tabelom strony nabrały ciekawego wyglądu i stały się bardziej przestrzenne niż dotychczas. Współczesne strony w większości są zbudowane na tabelach lub bardziej skomplikowanych układach tabel. W ich wnętrzu znajdują się: tekst, grafika, formularze, a nawet inne tabele. Zaryzykuję stwierdzenie, że dopiero wprowadzenie warstw możliwości nakładania na siebie kilku elementów oraz wzajemnego ich pozycjonowania, było porównywalnym osiągnięciem do tabel. Oczywiście warstwy swoimi możliwościami znacznie wykraczają poza to, co oferuje tabela. Każda tabela składa się z odpowiedniej kombinacji znaczników <TABLE></TABLE>, <TR></TR> oraz <TD></TD>. Znacznik <TABLE></TABLE> określa ogólne ramy tabeli. Natomiast za pomocą <TR></TR> wstawiamy wiersze tabeli. Każdy wiersz to jedna para znaczników, co oznacza, że tabela ma dwa wiersze. Wewnątrz wiersza znajdują się komórki, które są stworzone za pomocą znacznika <TD></TD>. Jedna para znaczników odpowiada jednej komórce tabeli. 3 2 Bartosz Danowski, ABC tworzenia stron WWW, wydawnictwo Helion, Gliwice 2003, s Bartosz Danowski, ABC tworzenia stron WWW, wydawnictwo Helion, Gliwice 2003, s

12 Tabele są bardzo wydajnym narzędziem do prezentacji danych oraz rozmieszczania tekstu i grafik na stronie HTML. Tabela składa się z jednego lub kilku wierszy, z którego każdy posiada jedną lub kilka komórek. Kolumny nie są określane w kodzie HTML, ale program Dreamweaver umożliwia opracowywanie kolumn podobnie jak wierszy i komórek. Program Dreamweaver dysponuje dwoma sposobami wyświetlania i opracowywania tabel: Tryb standardowy, w którym tabele są prezentowane w postaci siatki wierszy i kolumn oraz tryb Układu, który umożliwia rysowanie, zmianę wielkości oraz przenoszenie pól na stronie przy zachowaniu tabel struktury. Program Dreamweaver wyświetla szerokość tabeli i kolumny dla każdej kolumny po zaznaczeniu tabeli lub umieszczeniu kursora w tabeli. Obok szerokości wyświetlane są strzałki dla menu nagłówka tabeli i menu nagłówka kolumny. Menu te ułatwiają dostęp do poleceń dotyczących tabeli. Funkcje szerokości i menu mogą być włączane i wyłączane. Jeśli szerokość tabeli lub kolumny nie jest widoczna, to znaczy, że dana tabela lub kolumna nie posiadają szerokości określonej w kodzie HTML. Jeśli wyświetlane są dwie wartości, to znaczy, że szerokość wizualna wyświetlona w widoku Projekt nie pokrywa się z szerokością określoną w kodzie HTML. Sytuacja taka jest możliwa po zmianie wielkości tabeli przy pomocy przeciągania jej prawego dolnego rogu lub dodaniu zawartości przekraczającej określoną szerokość komórki. Na przykład, jeśli szerokość kolumny określono na 200 pikseli i dodano zawartość wielkości 250 pikseli, to dla danej kolumny będą wyświetlane obie wartości. 200 (szerokość określona w kodzie) oraz (250) w nawiasach (wizualna szerokość kolumny renderowanej na ekranie). 4 4 Adobe Systems Incorporated, Podręcznik użytkownika programu Adobe Dreamweaver CS3, 2007, s

13 1.2 Opis języka CSS Kolejnym i zarazem bardzo ważnym językiem, którego użyje przy projektowaniu witryny internetowej jest język CSS - Cascading Style Sheets - Kaskadowe Arkusze Stylów. W Paryżu lub Nowym Jorku określenie mieć styl oznacza, że chodzisz w butach od Gucciego, marynarkach od Armaniego i dżinsach od Marca Jacobsa. Na szczęście w wirtualnym świecie styl kosztuje dużo mniej. Aby mieć styl, wystarczy się zapoznać ze specyfikacją kaskadowych arkuszy stylów i stosować tę technologię do budowy tworzonych stron. Kaskadowe arkusze stylów (ang. Cascading style sheets CSS) są stosowane do formatowania stron i pozwalają uzyskać doskonałą kontrolę nad wyglądem całego dokumentu. Sensowność korzystania z kaskadowych arkuszy stylów nietrudno udowodnić wyobraź sobie witrynę składającą się z dużej liczby stron WWW, nad którą pracuje cała grupa programistów. Mając już wyobrażenie o stopniu skomplikowania zadania polegającego na stworzeniu kilku stron, na których używana będzie ta sama stylistyka krój, kolor, wielkość czcionki, kolorystyka elementów czy wygląd tabel, wyobraź sobie, jak trudno jest zapanować nad tymi wszystkimi elementami, gdy masz do ogarnięcia kilkaset stron projektowanych przez kilka różnych osób. Korzystanie z kaskadowych arkuszy stylów oznacza również oszczędność miejsca, ponieważ styl każdego elementu jest definiowany jednokrotnie w pliku definicji stylów, a nie przy każdym wystąpieniu elementu na stronie, czyli w przypadku takich elementów jak na przykład akapit czy nagłówek kilkadziesiąt razy na każdej stronie. 5 Kaskadowe arkusze stylów nieprzypadkowo noszą taką nazwę, bo style można wprowadzać na trzech różnych poziomach: za pomocą atrybutu style - styl definiowany kolejno dla poszczególnych elementów na stronie; za pomocą elementu STYLE - styl elementu jest określany dla całej strony; 5 Aleksandra Tomaszewska-Adamarek, Tworzenie stron WWW. Ilustrowany przewodnik, wydawnictwo Helion, Gliwice 2007, s.90 13

14 za pomocą zewnętrznego arkusza stylów styl jest definiowany dla danego typu elementu dla wszystkich stron powiązanych z arkuszem. Filozofia kaskadowych arkuszy stylów łączy w sobie elastyczny sposób kontroli stylów stron WWW i poszczególnych elementów na stronach z odpowiednią hierarchią stylów, która pozwala unikać konfliktów, jeśli style elementów są definiowane na kilku poziomach. Element STYLE ma wyższą rangę niż styl definiowany przez zewnętrzny arkusz stylów, ale niższą niż atrybut style. Jak łatwo się domyślić, najniższą rangę ma styl przypisywany przez zewnętrzny arkusz stylów. Takie rozwiązanie pozwala uniknąć konfliktów, które mogłyby wyniknąć, jeśli na stronie użylibyśmy wszystkich trzech metod definiowania stylów. Hierarchia - struktura stylów - przypomina stopnie wodospadu, stąd bierze się w nazwie określenie kaskadowy. Hierarchizacja stylów obejmuje nie tylko różne sposoby definiowania stylów, ale również sytuację, gdy do jednej strony podłączonych jest kilka różnych zewnętrznych arkuszy stylów. Przeglądarka uwzględnia w takim wypadku kolejność wprowadzania stylów. Zewnętrzny arkusz wprowadzony jako pierwszy dominuje nad arkuszem, który jest wprowadzony jako następny w kolejności. Problem polega na tym, że jeśli w zewnętrznych arkuszach stylów występują wzajemne konflikty, trudno przewidzieć efekt graficzny, dopóki strona nie zostanie wyświetlona w przeglądarce. 6 Sformatowanie strony za pomocą stylów CSS umożliwia rozdzielenie zawartości od prezentacji. Zawartość strony kod HTML - znajduje się w pliku HTML. Natomiast reguły CSS, które definiują prezentację tego kodu, znajdują się w innym pliku (zewnętrznym arkuszu stylów), albo w innej części dokumentu HTML (zazwyczaj w sekcji HEAD). Rozdzielenie zawartości i prezentacji znacznie ułatwia scentralizowaną obsługę wyglądu serwisu. Gdy chce się wprowadzić zmiany, nie trzeba modyfikować każdej właściwości na każdej stronie z osobna. Ponadto oddzielenie zawartości od prezentacji pozwala uzyskać prostszy i bardziej przejrzysty kod HTML, co skraca czas wczytywania się stron w przeglądarce 6 Aleksandra Tomaszewska-Adamarek, Tworzenie stron WWW. Ilustrowany przewodnik, wydawnictwo Helion, Gliwice 2007, s.93 14

15 i upraszcza nawigację osobom niepełnosprawnym (np. korzystającym z czytników ekranu). CSS zapewnia elastyczność i kontrolę nad precyzyjnym wyglądem strony. Za pomocą stylów CSS można sterować wieloma właściwościami tekstu, np. czcionkami i ich rozmiarami; pogrubieniem, kursywą, podkreśleniem i cieniem tekstu; kolorem tekstu i kolorem tła; kolorem i podkreśleniem łączy; a także wieloma innymi właściwościami. Sterując czcionkami za pomocą stylu CSS można również zagwarantować bardziej spójną obsługę układu i wyglądu strony w wielu różnych przeglądarkach. Obok formatowania tekstu, za pomocą stylów CSS można sterować formatem i położeniem elementów blokowych na stronie WWW. Element blokowy to samodzielny fragment zawartości, na ogół oddzielony nowym wierszem na stronie HTML i sformatowany graficznie w postaci bloku. Na przykład, znaczniki h1 (nagłówek 1. rzędu), p (akapit) oraz div (rozdział) generują elementy blokowe na stronach WWW. Dla elementów blokowych można ustawiać marginesy i krawędzie, umieszczać je w określonym miejscu, dodawać kolor tła, oblewać je tekstem, itd. Manipulowanie elementami blokowymi to podstawowa metoda tworzenia układu strony za pomocą stylów CSS. Reguła formatowania CSS składa się dwóch części: selektora i deklaracji (lub, w większości przypadków, bloku deklaracji). Selektor to termin (taki jak p, h1,nazwa klasy albo identyfikator), który identyfikuje formatowany element. Natomiast blok deklaracji definiuje właściwości stylu. W poniższym przykładzie, h1 to selektor, a cały tekst w klamrach ({}) to blok deklaracji: h1 { font-size: 16 pixels; font-family: Helvetica; font-weight:bold; } Pojedyncza deklaracja składa się z dwóch części: właściwości, np. font-family (rodzina czcionek) oraz wartości, np. Helvetica. 15

16 W poprzedniej regule CSS, utworzono styl dla znaczników h1: tekst wszystkich znaczników h1 powiązanych z tym stylem będzie miał rozmiar 16 punktów, czcionkę Helvetica i będzie pogrubiony. Styl (który pochodzi z reguły lub zbioru reguł) jest przechowywany w innym miejscu, niż tekst, który formatuje. Zazwyczaj jest to zewnętrzny arkusz stylów albo sekcja HEAD w dokumencie HTML. Zatem jedna reguła dla znaczników h1 może dotyczyć wielu znaczników na raz (a w przypadku zewnętrznego arkusza stylów, reguła może dotyczyć jednocześnie wielu znaczników na wielu różnych stronach). Dzięki temu standard CSS ogromnie ułatwia modyfikowanie wyglądu. Uaktualnienie reguły CSS w jednym miejscu powoduje, że formatowanie wszystkich używających jej elementów automatycznie przyjmuje nowy styl. W programie Dreamweaver można tworzyć następujące rodzaje stylów: Style klasy umożliwiają stosowanie właściwości stylu do dowolnych elementów na stronie. Style znaczników HTML zmieniają definicję formatowania poszczególnych znaczników, np. h1. Style zaawansowane zmieniają definicję formatowania pewnych kombinacji elementów albo innych form selektorów, dozwolonych w standardzie CSS (np. selektor td h2 obowiązuje wtedy, gdy nagłówek h2 występuje w komórce tabeli). Style zaawansowane zmieniają także formatowanie znaczników, które zawierają określony atrybut id (np. style definiowane przez #mojstyl obowiązują dla wszystkich znaczników, które zawierają parę atrybut wartość:id="mojstyl"). Reguły CSS mogą być przechowywane w następujących miejscach: Zbiory reguł CSS, przechowywane w oddzielnym, zewnętrznym pliku CSS (.css), a nie w pliku HTML. Taki plik jest połączony z jedną lub wieloma stronami w serwisie WWW za pomocą łącza albo umieszczanej w sekcji HEAD dokumentu. Dreamweaver rozpoznaje style zdefiniowane w istniejących dokumentach, jeżeli spełniają one wytyczne CSS. Dreamweaver renderuje również większość zastosowanych stylów bezpośrednio w oknie dokumentu. (Jednak wyświetlenie podglądu dokumentu w przeglądarce zapewnia najbardziej precyzyjny rendering 16

17 strony na żywo ). Niektóre style CSS są różnie renderowane w przeglądarkach Microsoft Internet Explorer, Netscape, Opera, Apple Safari i innych. Niektórych stylów nie obsługuje jak dotąd żadna przeglądarka. Termin kaskadowy odnosi się do sposobu, w jaki przeglądarka ostatecznie wyświetla style dla określonych elementów na stronie internetowej. Za style wyświetlane na stronie internetowej odpowiedzialne są trzy różne źródła: arkusz stylów utworzony przez autora strony, zaznaczenia stylów dostosowane przez użytkownika (jeśli są) i domyślne style przeglądarki. Przeglądarki posiadają też swoje własne domyślne arkusze stylów dyktujące rendering stron internetowych, dodatkowo użytkownicy mogą dostosować swoje przeglądarki tworząc zaznaczenia określające wyświetlanie stron internetowych. Końcowe wyświetlanie strony internetowej jest wynikiem reguły wszystkich trzech źródeł razem wziętych ( kaskadowanie ), co ma na celu renderowanie strony internetowej w optymalny sposób. Często stosowany znacznik - znacznik akapitu, lub znacznik <p> - ilustruje koncepcję. Domyślnie, przeglądarki posiadają arkusze stylów definiujące czcionkę i rozmiar czcionki dla tekstu akapitu (tzn. tekstu umieszczonego między znacznikami <p> w kodzie HTML). W przeglądarce Internet Explorer, na przykład, cały tekst główny łącznie z tekstem akapitu, domyślnie wyświetlany jest czcionką Times New Roman, Medium. Jednak, jako autor strony internetowej, możesz utworzyć arkusz stylów nadpisujący domyślny styl czcionki i rozmiar czcionki akapitu. Na przykład, w swoim arkuszu stylów możesz utworzyć następującą regułę: p { font-family: Arial; font-size: small; } Gdy użytkownik wczytuje stronę, ustawienia czcionki akapitu i rozmiaru czcionki ustawione przez autora strony nadpiszą domyślne ustawienia przeglądarki. Użytkownicy mogą tworzyć zaznaczenia, aby dostosować wyświetlanie strony w przeglądarce w optymalny sposób do ich własnego używania. 17

18 Na przykład, w przeglądarce Internet Explorer, użytkownik może wybrać polecenie z menu Widok >Rozmiar tekstu > Największy, aby powiększyć czcionkę do bardziej czytelnego rozmiaru, jeśli czcionka jest zbyt mała. Ostatecznie (przynajmniej w tym przypadku), wybór użytkownika nadpisuje domyślne style przeglądarki dla czcionki akapitu i rozmiaru czcionki oraz style akapitowe utworzone przez autora strony. Kolejną ważną częścią stylów kaskadowych jest dziedziczenie. Właściwości dla większości elementów na stronie internetowej są dziedziczone na przykład, znaczniki akapitu dziedziczą określone właściwości ze znaczników treści (body), znaczniki listy wypunktowanej dziedziczą określone właściwości znaczników akapitowych, itd. Zatem, jeśli w swoim arkuszu stylów utworzysz następującą regułę: body { font-family: Arial; font-style: italic; } Cały tekst akapitowy na stornie internetowej (także tekst dziedziczący właściwości ze znaczników akapitowych) będzie pisany czcionką Arial, kursywą ponieważ znacznik akapitowy dziedziczy te właściwości ze znaczników body. Możesz, jednak określać reguły bardziej dokładnie i tworzyć style nadpisujące standardową formułę dla dziedziczenia. Na przykład, jeśli w swoim arkuszu stylów utworzysz następującą regułę: body { font-family: Arial; font-style: italic; } p { font-family: Courier; font-style: normal; } Cały tekst treści (body) będzie pisany czcionką Arial, kursywą z wyjątkiem tekstu akapitowego (i jego dziedziczenia), który będzie wyświetlany za pomocą czcionki 18

19 Courier (nie-kursywa). Technicznie, znacznik akapitu najpierw dziedziczy właściwości ustawione dla znacznika body, ale następnie je ignoruje, ponieważ ma własne zdefiniowane właściwości. Inaczej mówiąc, podczas gdy zwykle elementy strony dziedziczą właściwości z powyższych, bezpośrednia aplikacja właściwości znaczników zawsze powoduje nadpisanie formuły standardowej dla dziedziczenia. 7 7 Adobe Systems Incorporated, Podręcznik użytkownika programu Adobe Dreamweaver CS3, 2007, s

20 Rozdział II Prezentacja programów użytych do realizacji witryny internetowej 2.1 Opis programu Adobe Photoshop CS Programem, którego zaprezentuje jako pierwszego będzie znany już na całym świecie program Adobe Photoshop CS. Przy użyciu tego właśnie programu zostały zaprojektowane w większości elementów graficznych, oraz zoptymalizowana została grafika w taki sposób aby witryna otwierała się możliwie jak najszybciej. W dalszej części tego rozdziału zaprezentuje najważniejsze i zarazem najciekawsze funkcje programu Photoshop ukazane pod kątem projektowania elementów graficznych witryny. Adobe Photoshop CS (Rys. 1.) powstał z myślą o profesjonalnych projektantach, którzy chcą tworzyć wyrafinowaną grafikę na potrzeby publikacji drukowanych i internetowych; dostarcza on efektownych, zgodnych ze standardami branżowymi narzędzi do edycji obrazów. Zintegrowany z Photoshopem program Imane Ready zawiera wszechstronny zestaw narzędzi do optymalizacji i podglądu obrazów tworzonych dla sieci, do ich przetwarzania wsadowego, do automatyzacji najczęściej wykonywanych sekwencji poleceń dzięki tzw. Dropletom, do tworzenia rollorwerów i animowanych GIF-ów. Photoshop w połączeniu z Image Ready to wszechstronne środowisko za pomocą, którego możemy projektować grafikę na potrzeby WWW. 8 8 Adobe Photoshop CS/CS PL. Oficjalny podręcznik, Wydawnictwo Helion, Gliwice 2005, s.9 20

21 Rys.1 Program Adobe Photoshop Grafika tworzona na użytek Internetu jest grafiką rastrową, co oznacza, że przy jej modyfikacji pracujemy nad poszczególnymi pikselami lub ich grupami. O ile w programie obsługującym grafikę wektorową można dowolnie przemieszczać wszystkie obiekty, bez straty ich jakości, o tyle pliki z grafiką rastrową mogą dużo stracić, jeżeli zaczniemy przesuwać niektóre fragmenty, szczególnie gdy, mają one nieostre krawędzie. Z tej właśnie przyczyny najlepiej jest tworzyć każdą część ilustracji na osobnej warstwie. Pozwala to nam na niezależne manipulowanie fragmentami ilustracji: zmienianie ich wielkości, stopnia nachylenia, korekcję barw czy dodanie cienia. Oto co możemy dodatkowo dzięki temu osiągnąć: gdy narysujemy koło, na nim kwadrat, a następnie wymażemy kwadrat będziemy mieli dziurę w kole, ponieważ te dwie figury nałożyły się na siebie. Jeżeli każdą z tych figur narysujemy na osobnej warstwie, to po usunięciu kwadratu koło pozostanie całe. Kolejność warstw może być w każdej chwili zmieniana i dzięki temu dowolny element grafiki możemy przesunąć na wierzch lub pod spód w zależności od potrzeb. Możemy również ustawić stopień krycia danej warstwy (opacity). Na poniższym przykładzie warstwa, na której znajduje się czerwone koło ma stopień krycia 70%, dzięki czemu prześwituje spod niej granatowy prostokąt (Rys. 2.). 21

22 Rys.2 Mieszanie warstw Warstwy mogą być kopiowane w obrębie danego dokumentu lub do innego pliku. Wybieramy menu Layer/Duplicate Layer oraz wpisujemy nazwę dokumentu, do którego ma być skopiowana domyślnie ustawiony jest aktywny dokument. Możemy kopiować warstwę przeciągając ją z palety warstw na inny dokument. Praca w warstwach (Rys. 3.) 1. Wyświetlanie/ukrywanie warstwy. 2. Łączenie warstw. Wyświetlony symbol pędzla w tym miejscu oraz niebieskie okienko z nazwą oznacza, że warstwa jest aktywna, a jej nazwa jest wyświetlana obok nazwy ilustracji na górnym pasku jego okna. 3. Miniaturka warstwy. 4. Nazwa warstwy, poprzez podwójne kliknięcie możemy przejść do edycji opcji warstwy. 5. Menu operacji na warstwach. 6. Litera T oznacza, że warstwa zawiera tekst, poprzez podwójne kliknięcie możemy przejść do edycji tekstu. 7. Litera f oznacza, że do warstwy zastosowane są specjalne efekty, poprzez podwójne kliknięcie możemy przejść do edycji efektów. ALT + podwójne kliknięcie usuwa ostatni efekt. 8. Dodanie maski warstwy. 9. Dodanie nowej warstwy (użycie narzędzia tekstu automatycznie tworzy nową warstwę). 10. Usunięcie warstwy

Kaskadowe arkusze stylów (CSS)

Kaskadowe arkusze stylów (CSS) Kaskadowe arkusze stylów (CSS) CSS (Cascading Style Sheets) jest to język opisujący sposób, w jaki przeglądarki mają wyświetlać zawartość odpowiednich elementów HTML. Kaskadowe arkusze stylów służą do

Bardziej szczegółowo

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203)

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Technikum - kl. 3 Td, semestr 5 i 6 Ocena niedostateczna dopuszczająca Wymagania edukacyjne wobec ucznia: Uczeń nie

Bardziej szczegółowo

2 Podstawy tworzenia stron internetowych

2 Podstawy tworzenia stron internetowych 2 Podstawy tworzenia stron internetowych 2.1. HTML5 i struktura dokumentu Podstawą działania wszystkich stron internetowych jest język HTML (Hypertext Markup Language) hipertekstowy język znaczników. Dokument

Bardziej szczegółowo

URL: http://www.ecdl.pl

URL: http://www.ecdl.pl Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: Copyright wersji polskiej: The European Computer Driving Licence Foundation Ltd. Polskie Towarzystwo

Bardziej szczegółowo

Tworzenie prezentacji w MS PowerPoint

Tworzenie 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ółowo

Przewodnik Szybki start

Przewodnik Szybki start Przewodnik Szybki start Program Microsoft Word 2013 wygląda inaczej niż wcześniejsze wersje, dlatego przygotowaliśmy ten przewodnik, aby skrócić czas nauki jego obsługi. Pasek narzędzi Szybki dostęp Te

Bardziej szczegółowo

1.Formatowanie tekstu z użyciem stylów

1.Formatowanie tekstu z użyciem stylów 1.Formatowanie tekstu z użyciem stylów Co to jest styl? Styl jest ciągiem znaków formatujących, które mogą być stosowane do tekstu w dokumencie w celu szybkiej zmiany jego wyglądu. Stosując styl, stosuje

Bardziej szczegółowo

Ćwiczenia nr 2. Edycja tekstu (Microsoft Word)

Ćwiczenia nr 2. Edycja tekstu (Microsoft Word) Dostosowywanie paska zadań Ćwiczenia nr 2 Edycja tekstu (Microsoft Word) Domyślnie program Word proponuje paski narzędzi Standardowy oraz Formatowanie z zestawem opcji widocznym poniżej: Można jednak zmodyfikować

Bardziej szczegółowo

Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne

Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo

Bardziej szczegółowo

RAMOWY HARMONOGRAM SZKOLENIA

RAMOWY HARMONOGRAM SZKOLENIA RAMOWY HARMONOGRAM SZKOLENIA Projektant stron www Miejsce szkolenia: Wyższa Szkoła Ekonomii i Innowacji, ul. Mełgiewska 7-9, 20-209 Lublin 7.11.2011 (g. 16.30-19.40) P. Zubkowicz Wprowadzenie do tematyki

Bardziej szczegółowo

Przewodnik Szybki start

Przewodnik Szybki start Przewodnik Szybki start Program Microsoft Publisher 2013 wygląda inaczej niż wcześniejsze wersje, dlatego przygotowaliśmy ten przewodnik, aby skrócić czas nauki jego obsługi. Pasek narzędzi Szybki dostęp

Bardziej szczegółowo

Wymagania edukacyjne z informatyki dla klasy szóstej szkoły podstawowej.

Wymagania edukacyjne z informatyki dla klasy szóstej szkoły podstawowej. Wymagania edukacyjne z informatyki dla klasy szóstej szkoły podstawowej. Dział Zagadnienia Wymagania podstawowe Wymagania ponadpodstawowe Arkusz kalkulacyjny (Microsoft Excel i OpenOffice) Uruchomienie

Bardziej szczegółowo

za pomocą: definiujemy:

za pomocą: definiujemy: HTML CSS za pomocą: języka HTML arkusza CSS definiujemy: szkielet strony wygląd strony Struktura dokumentu html - znaczniki Znaczniki wyznaczają rodzaj zawartości. element strony

Bardziej szczegółowo

STRONY INTERNETOWE mgr inż. Adrian Zapała

STRONY INTERNETOWE mgr inż. Adrian Zapała 1 STRONY INTERNETOWE mgr inż. Adrian Zapała STRONY INTERNETOWE Rodzaje stron internetowych statyczne (statyczny HTML + CSS) dynamiczne (PHP, ASP, technologie Flash) 2 JĘZYKI STRON WWW HTML (ang. HyperText

Bardziej szczegółowo

MS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30

MS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30 MS Word 2010 Długi dokument Praca z długim dokumentem Kinga Sorkowska 2011-12-30 Dodawanie strony tytułowej 1 W programie Microsoft Word udostępniono wygodną galerię wstępnie zdefiniowanych stron tytułowych.

Bardziej szczegółowo

Edytor tekstu OpenOffice Writer Podstawy

Edytor 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ółowo

Skorzystaj z Worda i stwórz profesjonalnie wyglądające dokumenty.

Skorzystaj z Worda i stwórz profesjonalnie wyglądające dokumenty. ABC Word 2007 PL. Autor: Aleksandra Tomaszewska-Adamarek Czasy maszyn do pisania odchodzą w niepamięć. Dziś narzędziami do edycji tekstów są aplikacje komputerowe, wśród których niekwestionowaną palmę

Bardziej szczegółowo

Przewodnik... Tworzenie Landing Page

Przewodnik... 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ółowo

1. Przypisy, indeks i spisy.

1. Przypisy, indeks i spisy. 1. Przypisy, indeks i spisy. (Wstaw Odwołanie Przypis dolny - ) (Wstaw Odwołanie Indeks i spisy - ) Przypisy dolne i końcowe w drukowanych dokumentach umożliwiają umieszczanie w dokumencie objaśnień, komentarzy

Bardziej szczegółowo

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1. Widżety KIWIPortal tworzenie umieszczanie na stronach internetowych opcje zaawansowane Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.3 Strona 1 z 17 1 SPIS TREŚCI 2 Metody osadzania widżetów... 3 2.1

Bardziej szczegółowo

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów Aplikacje internetowe KL. III Rok szkolny: 011/01 Nr programu: 31[01]/T,SP/MENIS/004.06.14 Okres kształcenia: łącznie ok. 180 godz. lekcyjne Wojciech Borzyszkowski Zenon Kreft Moduł Bok wprowadzający Podstawy

Bardziej szczegółowo

Przewodnik Szybki start

Przewodnik Szybki start Przewodnik Szybki start Program Microsoft Visio 2013 wygląda inaczej niż wcześniejsze wersje, dlatego przygotowaliśmy ten przewodnik, aby skrócić czas nauki jego obsługi. Zaktualizowane szablony Szablony

Bardziej szczegółowo

BIBLIOTEKA LOKALNE CENTRUM WIEDZY PRAKTYCZNEJ PRZEWODNIK PO NARZĘDZIACH WARSZTAT NR 1: ARKUSZE KALKULACYJNE - MINI SKRYPT

BIBLIOTEKA LOKALNE CENTRUM WIEDZY PRAKTYCZNEJ PRZEWODNIK PO NARZĘDZIACH WARSZTAT NR 1: ARKUSZE KALKULACYJNE - MINI SKRYPT BIBLIOTEKA LOKALNE CENTRUM WIEDZY PRAKTYCZNEJ PRZEWODNIK PO NARZĘDZIACH WARSZTAT NR 1: ARKUSZE KALKULACYJNE - MINI SKRYPT 1. Wprowadzenie Arkusze kalkulacyjne Google umożliwiają łatwe tworzenie, udostępnianie

Bardziej szczegółowo

TWORZENIE PREZENTACJI MS POWERPOINT

TWORZENIE PREZENTACJI MS POWERPOINT TWORZENIE PREZENTACJI MS POWERPOINT Wstęp TWORZENIE PREZENTACJI MS POWERPOINT Czasami zdarza się, że zostajemy poproszeni o poprowadzenia spotkania czy szkolenia w firmie, w której pracujemy lub po prostu

Bardziej szczegółowo

Informatyka Edytor tekstów Word 2010 dla WINDOWS cz.3

Informatyka Edytor tekstów Word 2010 dla WINDOWS cz.3 Wyższa Szkoła Ekologii i Zarządzania Informatyka Edytor tekstów Word 2010 dla WINDOWS cz.3 Slajd 1 Slajd 2 Numerowanie i punktowanie Automatyczne ponumerowanie lub wypunktowanie zaznaczonych akapitów w

Bardziej szczegółowo

Spis treści. Rozdział 2. Graficzna oprawa witryny...z... 19 Stosowanie motywu...s...s.. 19

Spis treści. Rozdział 2. Graficzna oprawa witryny...z... 19 Stosowanie motywu...s...s.. 19 Spis treści Wstęp...z... 5 Rozdział 1. Nowa witryna sieci Web...z... 7 Tworzenie szkieletu witryny...s... 7 Ustawienia witryny...s...s... 8 Hierarchia witryny...s...s... 10 Nazwy i tytuły stron...s...s..

Bardziej szczegółowo

darmowe zdjęcia - allegro.pl

darmowe 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ółowo

Wstęp 7 Rozdział 1. OpenOffice.ux.pl Writer środowisko pracy 9

Wstęp 7 Rozdział 1. OpenOffice.ux.pl Writer środowisko pracy 9 Wstęp 7 Rozdział 1. OpenOffice.ux.pl Writer środowisko pracy 9 Uruchamianie edytora OpenOffice.ux.pl Writer 9 Dostosowywanie środowiska pracy 11 Menu Widok 14 Ustawienia dokumentu 16 Rozdział 2. OpenOffice

Bardziej szczegółowo

PORADNIK Zasady i zalecenia pracy z plikami oraz tekstem na stronach nowego portalu SGH (na platformie SharePoint)

PORADNIK Zasady i zalecenia pracy z plikami oraz tekstem na stronach nowego portalu SGH (na platformie SharePoint) PORADNIK Zasady i zalecenia pracy z plikami oraz tekstem na stronach nowego portalu SGH (na platformie SharePoint) wersja 2.0. (6 listopada 2015 r.) Przygotowanie: Dział Informacji i Komunikacji, Dział

Bardziej szczegółowo

Edytor tekstu MS Word 2003 - podstawy

Edytor tekstu MS Word 2003 - podstawy Edytor tekstu MS Word 2003 - podstawy Cz. 4. Rysunki i tabele w dokumencie Obiekt WordArt Jeżeli chcemy zamieścić w naszym dokumencie jakiś efektowny napis, na przykład hasło reklamowe, możemy wykorzystać

Bardziej szczegółowo

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów Aplikacje internetowe KL. III Rok szkolny: 013/01 Nr programu: 31[01]/T,SP/MENIS/00.06.1 Okres kształcenia: łącznie ok. 170 godz. lekcyjne Moduł Bok wprowadzający 1. Zapoznanie z programem nauczania i

Bardziej szczegółowo

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...

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... 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ółowo

Zadanie 9. Projektowanie stron dokumentu

Zadanie 9. Projektowanie stron dokumentu Zadanie 9. Projektowanie stron dokumentu Przygotowany dokument można: wydrukować i oprawić, zapisać jako strona sieci Web i opublikować w Internecie przekonwertować na format PDF i udostępnić w postaci

Bardziej szczegółowo

Spis treści. Warto zapamiętać...2. Podstawy...3

Spis treści. Warto zapamiętać...2. Podstawy...3 Spis treści Warto zapamiętać...2 Podstawy...3 Moduły:...12 Aktualności...12 Fotogaleria i galeria wideo...13 Download...15 Przekierowanie...16 Formularz...17 Katalog produktów...18 Komponenty...18 Pokaz

Bardziej szczegółowo

Tworzenie formularzy w Microsoft Office Word 2007

Tworzenie formularzy w Microsoft Office Word 2007 Tworzenie formularzy w Microsoft Office Word 2007 Opublikowano: 5 kwietnia 2007 Autor: Michał Staniszewski W życiu codziennym często wypełniamy różnego rodzaju formularze, podania i coraz częściej mają

Bardziej szczegółowo

1. Narzędzia główne: WORD 2010 INTERFEJS UŻYTKOWNIKA. wycinamy tekst, grafikę

1. Narzędzia główne: WORD 2010 INTERFEJS UŻYTKOWNIKA. wycinamy tekst, grafikę 1. Narzędzia główne: wycinamy tekst, grafikę stosowanie formatowania tekstu i niektórych podstawowych elementów graficznych umieszczane są wszystkie kopiowane i wycinane pliki wklejenie zawartości schowka

Bardziej szczegółowo

Rozwiązanie ćwiczenia 8a

Rozwiązanie ćwiczenia 8a Rozwiązanie ćwiczenia 8a Aby utworzyć spis ilustracji: 1. Ustaw kursor za tekstem na ostatniej stronie dokumentu Polska_broszura.doc i kliknij przycisk Podział strony na karcie Wstawianie w grupie Strony

Bardziej szczegółowo

Scenariusz szkolenia

Scenariusz szkolenia Scenariusz szkolenia Edytor tekstu MS Word 2010 TRENER: WALDEMAR WEGLARZ Absolwent Akademii Pedagogicznej w Krakowie. Od 2002 roku zawodowy trener IT, dyplomowany nauczyciel przedmiotów zawodowych w Technikum

Bardziej szczegółowo

uczyć się bez zagłębiania się w formalnym otoczeniu,

uczyć 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ółowo

Przewodnik Szybki start

Przewodnik Szybki start Przewodnik Szybki start Program Microsoft Access 2013 wygląda inaczej niż wcześniejsze wersje, dlatego przygotowaliśmy ten przewodnik, aby skrócić czas nauki jego obsługi. Zmienianie rozmiaru ekranu lub

Bardziej szczegółowo

EDYCJA TEKSTU MS WORDPAD

EDYCJA TEKSTU MS WORDPAD EDYCJA TEKSTU MS WORDPAD EDYCJA TEKSTU - MS WORDPAD WordPad (ryc. 1 ang. miejsce na słowa) to bardzo przydatny program do edycji i pisania tekstów, który dodatkowo dostępny jest w każdym systemie z rodziny

Bardziej szczegółowo

DODAJEMY TREŚĆ DO STRONY

DODAJEMY 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ółowo

Podręcznik użytkownika programu. Ceremonia 3.1

Podrę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ółowo

Pokaz slajdów na stronie internetowej

Pokaz slajdów na stronie internetowej Pokaz slajdów na stronie internetowej... 1 Podpisy pod zdjęciami... 3 Publikacja pokazu slajdów w Internecie... 4 Generator strony Uczelni... 4 Funkcje dla zaawansowanych użytkowników... 5 Zmiana kolorów

Bardziej szczegółowo

narzędzie Linia. 2. W polu koloru kliknij kolor, którego chcesz użyć. 3. Aby coś narysować, przeciągnij wskaźnikiem w obszarze rysowania.

narzędzie Linia. 2. W polu koloru kliknij kolor, którego chcesz użyć. 3. Aby coś narysować, przeciągnij wskaźnikiem w obszarze rysowania. Elementy programu Paint Aby otworzyć program Paint, należy kliknąć przycisk Start i Paint., Wszystkie programy, Akcesoria Po uruchomieniu programu Paint jest wyświetlane okno, które jest w większej części

Bardziej szczegółowo

BAZY DANYCH Formularze i raporty

BAZY DANYCH Formularze i raporty BAZY DANYCH Formularze i raporty Za pomocą tabel można wprowadzać nowe dane, przeglądać i modyfikować dane już istniejące. Jednak dla typowego użytkownika systemu baz danych, przygotowuje się specjalne

Bardziej szczegółowo

autor poradnika - KS Jak zamieszczać i edytować artykuły na szkolnej stronie internetowej

autor 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ółowo

SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A)

SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A) SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A) GRUPA KOMPETENCJI KOMPETENCJE OBJĘTE STANDARDEM ECCC 1. Teoria grafiki komputerowej 1.1. Podstawowe pojęcia

Bardziej szczegółowo

Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional). Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06 Moduł 4. Style Zajęcia poświęcone będą kaskadowym arkuszom stylów (por. slajdy 18.-27. z wykładu 2.) Wiele uwagi poświęcaliśmy do tej pory planowaniu szkieletu

Bardziej szczegółowo

Podstawowe czynnos ci w programie Word

Podstawowe czynnos ci w programie Word Podstawowe czynnos ci w programie Word Program Word to zaawansowana aplikacja umożliwiająca edytowanie tekstu i stosowanie różnych układów, jednak aby w pełni wykorzystać jej możliwości, należy najpierw

Bardziej szczegółowo

Tworzenie i edycja dokumentów w aplikacji Word.

Tworzenie i edycja dokumentów w aplikacji Word. Tworzenie i edycja dokumentów w aplikacji Word. Polskie litery, czyli ąłóęśźżń, itd. uzyskujemy naciskając prawy klawisz Alt i jednocześnie literę najbardziej zbliżoną wyglądem do szukanej. Np. ł uzyskujemy

Bardziej szczegółowo

CMS- kontakty (mapa)

CMS- kontakty (mapa) CMS- kontakty (mapa) Rozpatrzy inny rodzaj kontaktu mapa sytuacyjna. W naszej kategorii kontaktów dodamy teraz multimedialną mapę dojazdową. W tym celu potrzebny nam będzie moduł HTML 1.0. Będziemy mogli

Bardziej szczegółowo

World Wide Web? rkijanka

World Wide Web? rkijanka World Wide Web? rkijanka World Wide Web? globalny, interaktywny, dynamiczny, wieloplatformowy, rozproszony, graficzny, hipertekstowy - system informacyjny, działający na bazie Internetu. 1.Sieć WWW jest

Bardziej szczegółowo

KRYTERIA OCENIANIA Z ZAJĘĆ KOMPUTEROWYCH W KLASIE IV

KRYTERIA OCENIANIA Z ZAJĘĆ KOMPUTEROWYCH W KLASIE IV KRYTERIA OCENIANIA Z ZAJĘĆ KOMPUTEROWYCH W KLASIE IV I OKRES Sprawności 1. Komputery i programy konieczne (ocena: dopuszczający) wymienia z pomocą nauczyciela podstawowe zasady bezpiecznej pracy z komputerem;

Bardziej szczegółowo

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ Systemy baz danych 1. 2 Wstęp do baz danych 2. 2 Relacyjny model baz danych. 3. 2 Normalizacja baz danych. 4. 2 Cechy

Bardziej szczegółowo

Europejski Certyfikat Umiejętności Komputerowych. Moduł 3 Przetwarzanie tekstów

Europejski Certyfikat Umiejętności Komputerowych. Moduł 3 Przetwarzanie tekstów Europejski Certyfikat Umiejętności Komputerowych. Moduł 3 Przetwarzanie tekstów 1. Uruchamianie edytora tekstu MS Word 2007 Edytor tekstu uruchamiamy jak każdy program w systemie Windows. Można to zrobić

Bardziej szczegółowo

UNIWERSYTET RZESZOWSKI KATEDRA INFORMATYKI

UNIWERSYTET RZESZOWSKI KATEDRA INFORMATYKI UNIWERSYTET RZESZOWSKI KATEDRA INFORMATYKI LABORATORIUM TECHNOLOGIA SYSTEMÓW INFORMATYCZNYCH W BIOTECHNOLOGII Aplikacja bazodanowa: Cz. II Rzeszów, 2010 Strona 1 z 11 APLIKACJA BAZODANOWA MICROSOFT ACCESS

Bardziej szczegółowo

Temat: Organizacja skoroszytów i arkuszy

Temat: 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ółowo

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css. Kaskadowe arkusze stylów CSS Geneza - oddzielenie struktury dokumentu HTML od reguł prezentacji - poszerzenie samego HTML Korzyści - przejrzystość dokumentów - łatwe zarządzanie stylem (wyglądem) serwisu

Bardziej szczegółowo

Program szkolnego koła informatycznego www.pl

Program szkolnego koła informatycznego www.pl Program szkolnego koła informatycznego www.pl Wstęp Program szkolnego koła www.pl ma na celu ujawnienie zainteresowań i kształtowanie uzdolnień młodzieży w dziedzinie informatyki. Zakłada się, że uczniowie

Bardziej szczegółowo

Jak posługiwać się edytorem treści

Jak 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ółowo

Sylabus Moduł 4: Grafika menedżerska i prezentacyjna

Sylabus Moduł 4: Grafika menedżerska i prezentacyjna Sylabus Moduł 4: Grafika menedżerska i prezentacyjna Niniejsze opracowanie przeznaczone jest dla osób zamierzających zdać egzamin ECDL (European Computer Driving Licence) na poziomie podstawowym. Publikacja

Bardziej szczegółowo

Centrum Edukacyjne Żelazna www.cezelazna.pl Ul. Żelazna 87 pok. 211 biuro@cezelazna.pl 00-879 Warszawa

Centrum Edukacyjne Żelazna www.cezelazna.pl Ul. Żelazna 87 pok. 211 biuro@cezelazna.pl 00-879 Warszawa Centrum Edukacyjne Żelazna Ul. Żelazna 87 pok. 211 00-879 Warszawa www.cezelazna.pl biuro@cezelazna.pl 1. Preliminaria planowanie prezentacji podstawowe funkcje 2. Grafika osadzanie obiektów teksty, tabele,

Bardziej szczegółowo

Sposób tworzenia tabeli przestawnej pokażę na przykładzie listy krajów z podstawowymi informacjami o nich.

Sposób tworzenia tabeli przestawnej pokażę na przykładzie listy krajów z podstawowymi informacjami o nich. Tabele przestawne Tabela przestawna to narzędzie służące do tworzenia dynamicznych podsumowań list utworzonych w Excelu lub pobranych z zewnętrznych baz danych. Raporty tabeli przestawnej pozwalają na

Bardziej szczegółowo

4.2. Ustawienia programu

4.2. Ustawienia programu 4.2. Ustawienia programu Zmiana wielkości dokumentu Pracując w programie MS Excel 2010 niejednokrotnie doświadczysz sytuacji, w której otwarty przez Ciebie arkusz nie będzie mieścił się na ekranie monitora.

Bardziej szczegółowo

Podstawy systemu operacyjnego Windows 7 i bezpieczne korzystanie z sieci Internet

Podstawy systemu operacyjnego Windows 7 i bezpieczne korzystanie z sieci Internet Projekt OKNO NA ŚWIAT - PRZECIWDZIAŁANIE WYKLUCZENIU CYFROWEMU W MIEŚCIE Podstawy systemu operacyjnego Windows 7 i bezpieczne korzystanie z sieci Internet Zadania do wykonania Ćwiczenie 1. Zarządzanie

Bardziej szczegółowo

LABORATORIUM 6: ARKUSZ MS EXCEL JAKO BAZA DANYCH

LABORATORIUM 6: ARKUSZ MS EXCEL JAKO BAZA DANYCH UNIWERSYTET ZIELONOGÓRSKI INSTYTUT INFORMATYKI I ELEKTROTECHNIKI ZAKŁAD INŻYNIERII KOMPUTEROWEJ Przygotował: dr inż. Janusz Jabłoński LABORATORIUM 6: ARKUSZ MS EXCEL JAKO BAZA DANYCH Jeżeli nie jest potrzebna

Bardziej szczegółowo

Stawiamy pierwsze kroki

Stawiamy pierwsze kroki Stawiamy pierwsze kroki 3.1. Stawiamy pierwsze kroki Edytory tekstu to najbardziej popularna odmiana programów służących do wprowadzania i zmieniania (czyli edytowania) tekstów. Zalicza się je do programów

Bardziej szczegółowo

ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0

ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0 ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0 Przeznaczenie sylabusa Dokument ten zawiera szczegółowy sylabus dla modułu ECDL/ICDL Przetwarzanie tekstów. Sylabus opisuje zakres wiedzy i

Bardziej szczegółowo

INSTRUKCJA UŻYTKOWNIKA. Spis treści. I. Wprowadzenie... 2. II. Tworzenie nowej karty pracy... 3. a. Obiekty... 4. b. Nauka pisania...

INSTRUKCJA UŻYTKOWNIKA. Spis treści. I. Wprowadzenie... 2. II. Tworzenie nowej karty pracy... 3. a. Obiekty... 4. b. Nauka pisania... INSTRUKCJA UŻYTKOWNIKA Spis treści I. Wprowadzenie... 2 II. Tworzenie nowej karty pracy... 3 a. Obiekty... 4 b. Nauka pisania... 5 c. Piktogramy komunikacyjne... 5 d. Warstwy... 5 e. Zapis... 6 III. Galeria...

Bardziej szczegółowo

OLIMPIADA INFORMATYCZNA 2010 ROK ETAP SZKOLNY

OLIMPIADA INFORMATYCZNA 2010 ROK ETAP SZKOLNY KOD UCZNIA OLIMPIADA INFORMATYCZNA 2010 ROK ETAP SZKOLNY * Postaw znak x w okienku obok właściwej odpowiedzi. 1. Przybornik w programie Paint to element programu, w którym znajdują się: kolory przyciski

Bardziej szczegółowo

Formularze w programie Word

Formularze w programie Word Formularze w programie Word Formularz to dokument o określonej strukturze, zawierający puste pola do wypełnienia, czyli pola formularza, w których wprowadza się informacje. Uzyskane informacje można następnie

Bardziej szczegółowo

Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki

Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki Edytory tekstu oferują wiele możliwości dostosowania układu (kompozycji) strony w celu uwypuklenia

Bardziej szczegółowo

ROZSZERZANIE MOŻLIWOŚCI...

ROZSZERZANIE MOŻLIWOŚCI... SPIS TREŚCI: Od Autora... 11 ROZSZERZANIE MOŻLIWOŚCI... 13 PROGRAMY PREFERENCYJNE... 15 Czcionki systemowe... 15 Tła okien... 18 Tryb wyświetlania... 22 Zegar i data systemowa... 24 Urządzenia wejścia

Bardziej szczegółowo

5.4. Tworzymy formularze

5.4. Tworzymy formularze 5.4. Tworzymy formularze Zastosowanie formularzy Formularz to obiekt bazy danych, który daje możliwość tworzenia i modyfikacji danych w tabeli lub kwerendzie. Jego wielką zaletą jest umiejętność zautomatyzowania

Bardziej szczegółowo

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 Przeznaczenie Sylabusa Dokument ten zawiera szczegółowy Sylabus dla modułu ECDL/ICDL Web Editing. Sylabus opisuje zakres wiedzy i umiejętności, jakie

Bardziej szczegółowo

najlepszych trików Excelu

najlepszych trików Excelu 70 najlepszych trików W Excelu 70 najlepszych trików w Excelu Spis treści Formatowanie czytelne i przejrzyste zestawienia...3 Wyświetlanie tylko wartości dodatnich...3 Szybkie dopasowanie szerokości kolumny...3

Bardziej szczegółowo

1. Ćwiczenia z programem PowerPoint

1. Ćwiczenia z programem PowerPoint 1. Ćwiczenia z programem PowerPoint Tworzenie prezentacji Ćwiczenie 1.1. 1. Uruchomić program prezentacyjny PowerPoint wyszukując w menu Start programu Windows polecenie Programy, a następnie wybrać Windows

Bardziej szczegółowo

Dokumentacja systemu NTP rekrut. Autor: Sławomir Miller

Dokumentacja systemu NTP rekrut. Autor: Sławomir Miller Dokumentacja systemu NTP rekrut Autor: Sławomir Miller 1 Spis treści: 1. Wstęp 1.1 Wprowadzenie 1.2 Zakres dokumentu 2. Instalacja 2.1 Wymagania systemowe 2.2 Początek 2.3 Prawa dostępu 2.4 Etapy instalacji

Bardziej szczegółowo

Zakres tematyczny programu Microsoft Office Word

Zakres tematyczny programu Microsoft Office Word Zakres tematyczny programu Microsoft Office Word 1 Rozdział 1. Wprowadzenie do pracy z programem Microsoft Word Opis: Podczas realizacji tego rozdziału uczestnicy szkolenia poznają podstawowe elementy

Bardziej szczegółowo

PLAN REALIZACJI MATERIAŁU NAUCZANIA Z INFORMATYKI II. Uczeń umie: Świadomie stosować się do zasad regulaminów (P).

PLAN REALIZACJI MATERIAŁU NAUCZANIA Z INFORMATYKI II. Uczeń umie: Świadomie stosować się do zasad regulaminów (P). PLAN REALIZACJI MATERIAŁU NAUCZANIA Z INFORMATYKI II DZIAŁ I: KOMPUTER W ŻYCIU CZŁOWIEKA. 1. Lekcja organizacyjna. Zapoznanie uczniów z wymaganiami edukacyjnymi i PSP. 2. Przykłady zastosowań komputerów

Bardziej szczegółowo

Spis treści. Lekcja 1: PowerPoint informacje podstawowe 1. Lekcja 2: Podstawy pracy z prezentacjami 36. Umiejętności do zdobycia w tej lekcji 36

Spis treści. Lekcja 1: PowerPoint informacje podstawowe 1. Lekcja 2: Podstawy pracy z prezentacjami 36. Umiejętności do zdobycia w tej lekcji 36 Spis treści Lekcja 1: PowerPoint informacje podstawowe 1 Umiejętności do zdobycia w tej lekcji 1 Elementy programu 2 Poruszanie się po obszarze roboczym 2 Uruchamianie programu 2 UŜycie narzędzi ekranowych

Bardziej szczegółowo

Sylabus Moduł 2: Przetwarzanie tekstów

Sylabus Moduł 2: Przetwarzanie tekstów Sylabus Moduł 2: Przetwarzanie tekstów Niniejsze opracowanie przeznaczone jest dla osób zamierzających zdać egzamin ECDL (European Computer Driving Licence) na poziomie podstawowym. Publikacja zawiera

Bardziej szczegółowo

Szczegółowy opis języka HTML5 znajdziemy w specyfikacji, która jest dostępna pod adresem

Szczegółowy opis języka HTML5 znajdziemy w specyfikacji, która jest dostępna pod adresem HTML (ang. Hyper Text Markup Language) jest to język znaczników używany do tworzenia stron internetowych. Obecnie stosowane są dwie wersje tego języka: HTML 4.01, która obowiązuje już od dawna, oraz HTML5,

Bardziej szczegółowo

KATEGORIA OBSZAR WIEDZY

KATEGORIA OBSZAR WIEDZY Moduł 6 - Grafika menedżerska i prezentacyjna - od kandydata wymaga się umiejętności posługiwania się programem komputerowym do tworzenia. Zdający powinien posiadać umiejętności wykonania następujących

Bardziej szczegółowo

CSS. Kaskadowe Arkusze Stylów

CSS. Kaskadowe Arkusze Stylów CSS Kaskadowe Arkusze Stylów CSS CSS = Cascading Style Sheets Style określają sposób wyświetlania zawartości elementów HTML Arkusz stylów jest zbiorem takich reguł Pojawiły się w HTML 4.0 by rozwiązać

Bardziej szczegółowo

copyspace WEB2PRINT PROJEKTOWANIE I EDYCJA PRZEZ INTERNET www.yemo.nl

copyspace WEB2PRINT PROJEKTOWANIE I EDYCJA PRZEZ INTERNET www.yemo.nl WEB2PRINT PROJEKTOWANIE I EDYCJA PRZEZ INTERNET SAMODZIELNE POZYSKUJ I UTRZYMUJ PROJEKTOSWOICH WANIE KLIENTÓW CECHY SYSTEMU Udostępnij swoim klientom narzędzie do samodzielnego projektowania produktu,

Bardziej szczegółowo

INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ

INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ W celu wprowadzenia, modyfikacji lub usunięcia informacji w Biuletynie Informacji Publicznej należy wpisać w przeglądarce adres strony: http:/bip.moriw.pl/admin.php

Bardziej szczegółowo

Wykład III. dr Artur Bartoszewski www.bartoszewski.pr.radom.pl. Wydział Nauczycielski, Kierunek Pedagogika Wprowadzenie do baz danych

Wykład III. dr Artur Bartoszewski www.bartoszewski.pr.radom.pl. Wydział Nauczycielski, Kierunek Pedagogika Wprowadzenie do baz danych Wydział Nauczycielski, Kierunek Pedagogika Wprowadzenie do baz danych dr Artur Bartoszewski www.bartoszewski.pr.radom.pl Wykład III W prezentacji wykorzystano fragmenty i przykłady z książki: Joe Habraken;

Bardziej szczegółowo

Instrukcja obsługi szablonów aukcji

Instrukcja obsługi szablonów aukcji Instrukcja obsługi szablonów aukcji spis treści 2 Ładowanie kodu szablonu bezpośrednio na Allegro.pl (edytor wizualny) 4 Edycja szablonu w edytorze wizualnym 7 Dodawanie zdjęć przy pomocy www.imageshack.us

Bardziej szczegółowo

AKADEMIA im. JANA DŁUGOSZA w CZĘSTOCHOWIE

AKADEMIA im. JANA DŁUGOSZA w CZĘSTOCHOWIE AKADEMIA im. JANA DŁUGOSZA w CZĘSTOCHOWIE Wydział Matematyczno-Przyrodniczy Kierunek: nazwa kierunku Specjalność: nazwa specjalności JAN KOWALSKI Nr albumu:. TYTUŁ PRACY Praca przygotowana w nazwa zakładu/katedry

Bardziej szczegółowo

Rozdział II. Praca z systemem operacyjnym

Rozdział II. Praca z systemem operacyjnym Rozdział II Praca z systemem operacyjnym 55 Rozdział III - System operacyjny i jego hierarchia 2.2. System operacyjny i jego życie Jak już wiesz, wyróżniamy wiele odmian systemów operacyjnych, które różnią

Bardziej szczegółowo

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Prezentacja multimedialna MS PowerPoint 2010 (podstawy) Prezentacja multimedialna MS PowerPoint 2010 (podstawy) Cz. 1. Tworzenie slajdów MS PowerPoint 2010 to najnowsza wersja popularnego programu do tworzenia prezentacji multimedialnych. Wygląd programu w

Bardziej szczegółowo

Ćwiczenie 4 Konspekt numerowany

Ćwiczenie 4 Konspekt numerowany Ćwiczenie 4 Konspekt numerowany Celem ćwiczenia jest zastosowane automatycznej, wielopoziomowej numeracji nagłówków w wielostronicowym dokumencie. Warunkiem poprawnego wykonania tego ćwiczenia jest właściwe

Bardziej szczegółowo

Przed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt

Przed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt Przed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt Zadanie: Utwórz szablon rysunkowy składający się z: - warstw - tabelki rysunkowej w postaci bloku (według wzoru poniżej)

Bardziej szczegółowo

Szablon i zasady pisana pracy dyplomowej. Aneta Poniszewska-Marańda

Szablon i zasady pisana pracy dyplomowej. Aneta Poniszewska-Marańda Szablon i zasady pisana pracy dyplomowej Aneta Poniszewska-Marańda Spis treści Spis treści powinien zawierać spis wszystkich rozdziałów oraz podrozdziałów wraz z numerami stron, na których się rozpoczynają

Bardziej szczegółowo

Przewodnik po obszarze roboczym

Przewodnik po obszarze roboczym Przewodnik po obszarze roboczym Witamy w programie CorelDRAW, wszechstronnym programie do tworzenia rysunków wektorowych i projektów graficznych przeznaczonym dla profesjonalnych grafików. Projekty tworzone

Bardziej szczegółowo

Inkscape. Menu. 1 SVG (ang. Scalable Vector Graphics) uniwersalny format dwuwymiarowej, statycznej i

Inkscape. Menu. 1 SVG (ang. Scalable Vector Graphics) uniwersalny format dwuwymiarowej, statycznej i Inkscape Inkscape jest opesourceowym programem do tworzenia grafiki wektorowej. Autorzy Inkscape a twierdzą, że jego możliwości porównywalne są z możliwościami oferowanymi przez programy takie, jak Illustrator,

Bardziej szczegółowo

INSTRUKCJA EDYCJI PROFILU OSOBOWEGO W SERWISIE WWW.UMCS.PL

INSTRUKCJA EDYCJI PROFILU OSOBOWEGO W SERWISIE WWW.UMCS.PL INSTRUKCJA EDYCJI PROFILU OSOBOWEGO W SERWISIE WWW.UMCS.PL Lublin, 16 stycznia 2014 r. 1. Logowanie do systemu Aby rozpocząć edycję profilu osobowego wejdź na stronę główną www.umcs.pl w zakładkę Jednostki

Bardziej szczegółowo

Pliki zorganizowano w strukturze drzewiastej odzwierciedlając strukturę logiczną aplikacji:

Pliki zorganizowano w strukturze drzewiastej odzwierciedlając strukturę logiczną aplikacji: Technologia wykonania projektu: HTML5 Javascript: o jquery (1.9.1), o CreateJS (0.6.1): EaselJS, TweenJS, PreloadJS. Części funkcjonalne projektu: Strona internetowa pliki strony internetowej zlokalizowane

Bardziej szczegółowo