Za pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco:

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

Download "Za pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco:"

Transkrypt

1 1 1. Ramki Najbardziej elastycznym sposobem budowania stron jest uŝycie ramek. Ułatwiają one nawigowanie w wielostronicowych dokumentach HTML, poprzez podział ekranu na kilka obszarów. KaŜdy z nich zawiera własną niezaleŝną stronę. Struktura ramki jest przechowywana w oddzielnym pliku HTML, który zamiast znacznika <BODY> posługuje się znacznikiem <FRAMESET>... określającym liczbę i wielkość ramek. <HTML> <HEAD> <TITLE>Tytuł strony</title> </HEAD> <FRAMESET> tu rozpoczyna się definicja ramki </HTML> Definiując układ ramek za pomocą znacznika <FRAMESET> naleŝy dołączyć do definicji jeden z atrybutów znacznika: COLS lub ROWS. Atrybut COLS informuje przeglądarkę, by podzieliła ekran na odpowiednią liczbę pionowych ramek (kolumn), których szerokości zdefiniowane są poprzez kolejne wartości atrybutu, oddzielone przecinkami. <FRAMESET COLS="szerokość kolumny, szerokość kolumny,..."> Szerokość ramki moŝe być wprowadzona na kilka sposobów: bezpośrednio w pikselach, np. 100; w procentach względem całkowitej szerokości układu ramek, np. 20%; za pomocą znaku "*", będącym dopełnieniem do pozostałej szerokości okna. Za pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco: <FRAMESET ROWS="wysokość wiersza, wysokość wiersza,..."> Po zdefiniowaniu układu ramek naleŝy za pomocą znacznika <FRAME>, który nie posiada odpowiednika zamykającego, przypisać jakiś dokument HTML. Aby przypisać ramce dokument, musimy podać źródło dokumentu. NaleŜy w tym celu uŝyć konstrukcji: <FRAME SRC="nazwa_pliku.html">

2 2 Taka definicja powinna pojawić się dla kaŝdej z ramek utworzonych za pomocą znacznika <FRAMESET>. <HTML> <HEAD> <TITLE>Ramki</TITLE> </HEAD> <FRAMESET COLS="35%,*,*"> <FRAME SRC="dokument1.html"> <FRAME SRC="dokument2.html"> <FRAME SRC="dokument3.html"> </HTML> Znacznik <FRAME> posiada szereg atrybutów, których opis zamieszczono w tabeli 8. Tabela 8 Opis atrybutów znacznika <FRAME> Atrybut Wartość Znaczenie SCROLLING AUTO Domyślnie, jeśli zawartość ramki zajmuje większy obszar niŝ obszar udostępniany przez ramkę, przeglądarka automatycznie wyposaŝa ramkę w paski przewijania, aby uŝytkownicy przewijając zawartość mieli dostęp do całego dokumentu. SCROLLING NO Brak pasków przewijania. UŜytkownik moŝe nie mieć dostępu do ukrytej części dokumentu, jeŝeli ta nie zmieści się w obszarze ramki. SCROLLING YES Paski przewijania wyświetlane są w ramce zawsze, niezaleŝnie od potrzeb. NORESIZE brak Domyślnie uŝytkownicy mogą zmieniać rozmiary ramek. Za pomocą tego atrybutu moŝna temu zapobiec. MARGINHEIGHT piksele Określa szerokość marginesu, który pojawia się nad i pod ramką (w pikselach). MARGINWIDTH piksele Określa szerokość marginesu, który pojawia się z prawej i lewej strony ramki (w pikselach). źródło: materiały własne

3 3 Jeśli określona przeglądarka nie obsługuje ramek, wówczas pomijana jest zawartość znacznika <FRAMESET> i wyświetlana jest zawartość znacznika <NOFRAMES>...</NOFRAMES>. <HTML> <HEAD> <TITLE>Tytuł strony</title> </HEAD> <FRAMESET COLS="*,*"> <FRAME SRC="dokument1.html"> <FRAME SRC="dokument2.html"> <NOFRAMES> <BODY> Tu wprowadź dowolny tekst, połączenia i znaczniki. </BODY> </NOFRAMES> </HTML> Tekst zawarty między znacznikami <NOFRAMES>...</NOFRAMES>, nie będzie wyświetlany przez przeglądarki, które obsługują ramki. Pojawi się on jedynie tam, gdzie obsługa ramek jest niemoŝliwa. 2. Zmiana obramowań Wszystkie ramki utworzone za pomocą znacznika <FRAME> mają szerokie obramowania. Korzystając z atrybutów FRAMEBORDER i BORDERCOLOR, moŝna stosować obramowania lub z nich zrezygnować oraz definiować ich kolor. Wartością atrybutu BORDERCOLOR moŝe być angielska nazwa koloru lub wartość heksadecymalna, która go definiuje. Atrybut FRAMEBORDER przybiera dwie wartości YES i NO. Oba atrybuty mogą być stosowane takŝe ze znacznikiem <FRAMESET>. UmoŜliwiają one definiowanie domyślnych wartości dla całego układu ramek, pomimo iŝ HTML 4.0 nie uwzględnia ich jako atrybutów tego znacznika. 3. Tworzenie złoŝonych układów ramek To z czym zapoznałeś się w poprzednim rozdziale umoŝliwia tylko tworzenie prostych typów ramek. Na rysunku poniŝej przedstawiony jest układ, w którym górna część ekranu podzielona jest na dwie pionowe ramki, natomiast trzecia, umiejscowiona u dołu ekranu rozciąga się na całą jego szerokość. Rysunek 1 Przykład złoŝonej ramki Cała sztuka polega na tym, Ŝe najpierw dzielimy (w naszym konkretnym przykładzie) stronę na wiersze, a następnie w drugim deklarujemy dodatkowy podział na kolumny.

4 4 Musimy zatem rozpocząć definiowanie od układu ramek z zastosowanym atrybutem ROWS (podział na wiersze). <FRAMESET ROWS="*,80"> <FRAME SRC="dokument1.html"> <!-- ramka wiersza 1 --> <FRAME SRC="dokument2.html"> <!-- ramka wiersza 2 --> Spowoduje to podzielenie ekranu na dwie sekcje: małą ramkę o wysokości 80 pikseli umieszczoną u dołu ekranu i duŝą ramkę zajmującą pozostałą górną część. Znaczniki <FRAME> definiują zawartość kaŝdej z ramek. ZagnieŜdŜanie znaczników <FRAMESET> Kolejny krok to podzielenie w pionie górnej ramki na dwie. Chcąc osiągnąć ten efekt musimy umieścić drugi element <FRAMESET> w podstawowym bloku <FRAMESET>. Aby zagnieździć jeden element <FRAMESET> w innym, zagnieŝdŝany znacznik musi zastąpić jeden ze znaczników <FRAME> nadrzędnego układu ramek. <FRAMESET ROWS="*,80"> <FRAMESET COLS="70,*"> <FRAME SRC="dokument1.html"> <!-- ramka wiersza 1 --> <FRAME SRC="dokument2.html"> <FRAME SRC="dokument3.html"> <!-- ramka wiersza 2 --> Atrybut COLS osadzonego układu ramek definiuje dwie kolumny - jedną o szerokości 70 pikseli i drugą, która zajmuje pozostałą jego szerokość. Ponadto, pomiędzy znacznikami <FRAMESET> i osadzone są dwa znaczniki <FRAME>, które definiują zawartość kaŝdej z kolumn. Rysunek 2 Dokument 1. Dokument 2. Dokument 3. Przykład złoŝonej ramki z osadzonymi dokumentami

5 5 Definiowanie nazw poszczególnych ramek Teraz powinniśmy się zastanowić, co zrobić, aby kliknięcie na odsyłaczu w jednej ramce automatycznie ładowało odpowiednią stronę w innej ramce. Jest to kluczowa sprawa, jeśli chcemy wykorzystać ramki w dokumentach. Cel ten moŝna osiągnąć rozpoczynając od nadania wszystkim ramkom nazw. <FRAMESET ROWS="*,80"> <FRAMESET COLS="70,*"> <FRAME SRC="dokument1.html" NAME="spis"> <FRAME SRC="dokument2.html" NAME="pokaz"> <FRAME SRC="dokument3.html" NAME="stopka"> Tworzenie połączeń między ramkami a dokumentami Chcąc skierować dokument do określonego okna, naleŝy do znacznika <A> dodać atrybut TARGET. Atrybut ten ma za zadanie wskazać ramkę, do której ma być załadowany dokument. Dokument 1. <UL> <LI><A HREF="nowa1.html" TARGET="pokaz">Odnośnik 1</A> <LI><A HREF="nowa2.html" TARGET="pokaz">Odnośnik 2</A> <LI><A HREF="nowa3.html" TARGET="pokaz">Odnosnik 3</A> </UL> Rysunek 3 Dokument 1. Odnośnik 1 Odnośnik 2 Odnośnik 3 Dokument 3. Dokument 2. Przykładowe połączenie między ramkami Warto jeszcze zwrócić uwagę na zastrzeŝone nazwy atrybutu TARGET. Atrybut ten moŝe przyjmować pewne specjalne wartości, których opis przedstawia tabela 9.

6 6 Tabela 9 Opis wartości atrybutu TARGET Atrybut TARGET="_blank" TARGET="_self" TARGET="_parent" TARGET="_top" źródło: materiały własne Znaczenie przywoływany dokument zostanie załadowany do nowego, pustego okna (uruchomi nową kopię przeglądarki). (przypadek domyślny) nowy dokument zamieni w ramce dokument, z którego dokonujemy skoku. przywoływany dokument zamieni dokument nadrzędny w hierarchii do bieŝącego dokumentu. przywoływany dokument zostanie wstawiony na miejsce dokumentu pierwszego w hierarchii naszych skoków, a więc na samą "górę". Szczególnie przydatny i często stosowany jest ten ostatni atrybut. UŜycie "_top" pozwoli uniknąć dość kłopotliwej sytuacji, gdy do ramki jest ładowany dokument, który sam składa się z ramek. "_top" usuwa więc wszelkie istniejące ramki i wyświetla dokument "na czysto". Naturalnie moglibyśmy tutaj z powodzeniem uŝyć "_blank", ale pozbawiamy się w ten sposób "historii" skoków. 4. Ramki lokalne Ramki lokalne (pływające) tworzone są za pomocą znacznika <IFRAME>...</IFRAME>. Klasyczne ramki pozwalają dzielić ekran przeglądarki na odrębne okna. Pływająca ramka jest ramką umieszczoną w dowolnym miejscu strony i jest prostsza w konstrukcji, gdyŝ ogranicza się w zasadzie do jednego polecenia: <IFRAME SRC="dokument.html" WIDTH="200" HEIGHT="200"> To jest ramka lokalna </IFRAME> Znacznik ten posiada kilkanaście kluczowych atrybutów, z których kilka jest rozszerzeniem przeglądarki Internet Explorer. Pozostałe są zgodne ze specyfikacją HTML 4.0. Pływające ramki są interpretowane obecnie przez przeglądarki: Internet Explorer, Mozilla Firefox i Opera. Opis atrybutów przedstawiono w tabeli 10.

7 7 Tabela 10 Opis atrybutów znacznika <IFRAME> Atrybut WIDTH HEIGHT SRC NAME FRAMEBORDER BORDER BORDERCOLOR FRAMESPACING MARGINWIDTH MARGINHEIGHT NORESIZE SCROLLING VSPACE HSPACE ALIGN Znaczenie * Rozszerzenie Internet Explorer źródło: materiały własne określa szerokość (w pikselach) ramki lokalnej określa wysokość (w pikselach) ramki lokalnej określa adres URL dokumentu HTML, który będzie wyświetlony w ramce określa nazwę ramki, umoŝliwiając tworzenie połączeń wskazuje, czy wokół ramki ma być wyświetlone obramowanie, wartość 1 - obramowanie występuje, wartość 0 - obramowania brak określa szerokość obramowania w pikselach* określa kolor obramowania* określa odstęp między krawędziami ramek (w pikselach)* definiuje szerokość marginesu (w pikselach) definiuje wysokość marginesu (w pikselach) wskazuje, Ŝe uŝytkownik nie ma moŝliwości zmiany rozmiarów ramki* wskazuje, czy mają być wyświetlane paski przewijania - wartości YES, NO lub AUTO (domyślna) definiuje wysokość marginesu* definiuje szerokość marginesu* określa umiejscowienie ramki względem linii tekstu - wartości: LEFT, MIDDLE, RIGHT, TOP i BOTTOM (domyślna)

Tworzenie stron internetowych RAMKI

Tworzenie stron internetowych RAMKI Tworzenie stron internetowych RAMKI RAMKI Ramka to zdefiniowana część okna przeglądarki, której to części przypisano właściwości takie jak całemu oknu. ramka może być przewijana niezależnie od pozostałej

Bardziej szczegółowo

Tutorial. HTML Rozdział: Ramki

Tutorial. HTML Rozdział: Ramki Autor: Mateusz Wojtyna Opis ogólny Tutorial HTML Rozdział: Ramki Ramki są bardzo pomocnym narzędziem przy tworzeniu strony internetowej jeżeli na przykład chcemy stworzyć sobie menu wszystkich podstron

Bardziej szczegółowo

Tworzenie stron internetowych w kodzie HTML Cz 7

Tworzenie stron internetowych w kodzie HTML Cz 7 Tworzenie stron internetowych w kodzie HTML Cz 7 7. Ramki 7.1. Wstęp Przykład: Oto przykładowy wygląd strony startowej ramek: PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">

Bardziej szczegółowo

Programowanie WEB PODSTAWY HTML

Programowanie WEB PODSTAWY HTML Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony

Bardziej szczegółowo

HTML (HyperText Markup Language) hipertekstowy język znaczników

HTML (HyperText Markup Language) hipertekstowy język znaczników HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony

Bardziej szczegółowo

Budowa strony ramkowej

Budowa strony ramkowej Tematy: Budowa strony ramkowej Wyjaśnienie znaczników Znacznik frameset Znacznik frame Ramki w kolumnach i wierszach Odsyłacze Znacznik noframes Definicja typu dokumentu O rozdziale (aktualizacja 15.01.2013):

Bardziej szczegółowo

HTML cd. Ramki, tabelki

HTML cd. Ramki, tabelki HTML cd. Ramki, tabelki Ramki Umożliwiają wyświetlanie kilku niezależnych dokumentów w tym samym oknie w układzie pionowym, poziomym lub mieszanym. Wady: kłopotliwe drukowanie, konieczność zapanowania

Bardziej szczegółowo

Tworzenie stron internetowych w kodzie HTML Cz 5

Tworzenie stron internetowych w kodzie HTML Cz 5 Tworzenie stron internetowych w kodzie HTML Cz 5 5. Tabele 5.1. Struktura tabeli 5.1.1 Odcięcia Microsoft Internet Explorer 7.0 niepoprawnie interpretuje białe znaki w komórkach tabeli w przypadku tworzenia

Bardziej szczegółowo

RAMKI. Czym są ramki w dokumencie HTML?

RAMKI. Czym są ramki w dokumencie HTML? Czym są ramki w dokumencie HTML? Wszystkie ważniejsze przeglądarki potrafią interpretowad ramki, które stały się już oficjalnym standardem języka HTML. Ramki ułatwiają nawigowanie w wielostronicowych dokumentach

Bardziej szczegółowo

Środki dydaktyczne: tablica, komputer (z Notatnikiem i przeglądarką www) pliki ramkapion.zip, ramkapoziom.zip, zagniezdzenieramek.zip.

Środki dydaktyczne: tablica, komputer (z Notatnikiem i przeglądarką www) pliki ramkapion.zip, ramkapoziom.zip, zagniezdzenieramek.zip. Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 26 lutego 2006 roku Czas trwania zajęć: 45 minut, przedmiot: TI Temat lekcji: Zastosowanie ramek w tworzeniu

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

Wykład 2 TINT. XHTML tabele i ramki. Zofia Kruczkiewicz

Wykład 2 TINT. XHTML tabele i ramki. Zofia Kruczkiewicz Wykład 2 TINT XHTML tabele i ramki Zofia Kruczkiewicz 1. Tabele 1.1. Przykład tabeli zawierającej kalendarz na miesiąc marzec ... definiuje tabelę Atrybuty: border ="" obramowanie tabeli,

Bardziej szczegółowo

Odsyłacze. Style nagłówkowe

Odsyłacze. Style nagłówkowe Odsyłacze ... polecenie odsyłcza do dokumentu wskazywanego przez url. Dodatkowym parametrem jest opcja TARGET="...", która wskazuje na miejsce otwarcia wskazywanego dokumentu, a jej parametrami

Bardziej szczegółowo

I. Wstawianie rysunków

I. Wstawianie rysunków I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka

Bardziej szczegółowo

Wprowadzenie do języka HTML

Wprowadzenie do języka HTML Radosław Rudnicki (joix@mat.umk.pl) 05.09.2009 r. Wprowadzenie do języka HTML Do tworzenia stron internetowych wystarczy użyd zwykłego Notatnika oferowanego przez system Windows, czy dowolny inny system

Bardziej szczegółowo

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop. 2012 Spis treści Wstęp 9 1 HTML 5 i XHTML w pytaniach i odpowiedziach 13 Co to jest HTML 5? 13 Co to jest XHTML? 15 Czy strony utworzone w HTML

Bardziej szczegółowo

Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.

Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej. Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 26 lutego 2006 roku Czas trwania zajęć: 90 minut, przedmiot: TI Temat lekcji: Tworzenie strony internetowej

Bardziej szczegółowo

Ćwiczenie 8 Kolory i znaki specjalne

Ćwiczenie 8 Kolory i znaki specjalne Ćwiczenie 8 Kolory i znaki specjalne W ćwiczeniu 8 zajmować się będziemy kolorami i znakami specjalnymi. Barwę moŝna utworzyć mieszając w odpowiednich proporcjach trzy kolory podstawowe: czerwony, zielony

Bardziej szczegółowo

Układy witryn internetowych

Układy witryn internetowych 1. CEL ĆWICZENIA Celem ćwiczenia jest zapoznanie się z możliwościami kaskadowych arkuszy stylów CSS w zakresie kontrolowania położenia elementów na stronie. 2. MATERIAŁ NAUCZANIA W normalnym układzie opartym

Bardziej szczegółowo

HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl

HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl HTML 1 Gimnazjum nr 1 w Barcinie UWAGA: UTWÓRZ FOLDER HTML, a w nim HTML-1 dla pierwszego ćwiczenia. Imię_ nazwisko_html-1.html z dysku J: w folderze HTML 1. Tło strony - Jednolity kolor:

Bardziej szczegółowo

Podstawowe informacje o obsłudze pliku z uprawnieniami licencja.txt

Podstawowe informacje o obsłudze pliku z uprawnieniami licencja.txt Podstawowe informacje o obsłudze pliku z uprawnieniami licencja.txt W artykule znajdują się odpowiedzi na najczęściej zadawane pytania związane z plikiem licencja.txt : 1. Jak zapisać plik licencja.txt

Bardziej szczegółowo

Ćwiczenie 4 - Tabele

Ćwiczenie 4 - Tabele Ćwiczenie 4 - Tabele W ćwiczeniu tym zajmujemy się tabelami. Tabele moŝna wykorzystywać do róŝnych celów. W tabelach moŝna prezentować dane i je wyliczać, moŝna ustalić określony układ treści i stworzyć

Bardziej szczegółowo

9. TABELE KURS HTML.

9. TABELE KURS HTML. 9. TABELE Tabele są czymś niezwykle waŝnym dla strony HTML. ChociaŜ początkujący omijają je szerokim łukiem, lepiej się je nauczyć. Ta lekcja będzie większym połączeniem oby dwóch języków kursu niŝ jakiekolwiek

Bardziej szczegółowo

Języki programowania wysokiego poziomu. HTML cz.2.

Języki programowania wysokiego poziomu. HTML cz.2. Języki programowania wysokiego poziomu HTML cz.2. Model pudełkowy HTML Elementy blokowe w tym table oraz div są wyświetlane według tzw. modelu pudełkowego: Zawartość Odstęp (padding) Obramowanie (border)

Bardziej szczegółowo

Spis treści. Konwencje zastosowane w książce...5. Dodawanie stylów do dokumentów HTML oraz XHTML...6. Struktura reguł...9. Pierwszeństwo stylów...

Spis treści. Konwencje zastosowane w książce...5. Dodawanie stylów do dokumentów HTML oraz XHTML...6. Struktura reguł...9. Pierwszeństwo stylów... Spis treści Konwencje zastosowane w książce...5 Dodawanie stylów do dokumentów HTML oraz XHTML...6 Struktura reguł...9 Pierwszeństwo stylów... 10 Klasyfikacja elementów... 13 Sposoby wyświetlania elementów...

Bardziej szczegółowo

Kurs HTML 4.01 TI 312[01]

Kurs HTML 4.01 TI 312[01] TI 312[01] Spis treści 1. Wiadomości ogólne... 3 2. Wersje języka HTML... 3 3. Minimalna struktura dokumentu... 3 4. Deklaracje DOCTYPE... 3 5. Lista znaczników, atrybutów i zdarzeń... 4 5.1 Lista atrybutów

Bardziej szczegółowo

Zadanie 1. Stosowanie stylów

Zadanie 1. Stosowanie stylów Zadanie 1. Stosowanie stylów Styl to zestaw elementów formatowania określających wygląd: tekstu atrybuty czcionki (tzw. styl znaku), akapitów np. wyrównanie tekstu, odstępy między wierszami, wcięcia, a

Bardziej szczegółowo

Podstawowe znaczniki języka HTML.

Podstawowe znaczniki języka HTML. Podstawowe znaczniki języka HTML. Struktura dokumentu. Sposób użycia i dokumentu. Między nimi umieszczana jest cała treść dokumentu. Sposób użycia Sekcja HEAD zawiera podstawowe

Bardziej szczegółowo

KOMPUTEROWY SPRAWDZIAN WIEDZY

KOMPUTEROWY SPRAWDZIAN WIEDZY Beata Ślaska-Grzywna, Paweł Sobczak Katedra InŜynierii i Maszyn SpoŜywczych Akademia Rolnicza w Lublinie KOMPUTEROWY SPRAWDZIAN WIEDZY Streszczenie Komputerowy test do weryfikacji wiedzy utworzono w formie

Bardziej szczegółowo

elektroniczna Platforma Usług Administracji Publicznej

elektroniczna Platforma Usług Administracji Publicznej elektroniczna Platforma Usług Administracji Publicznej Instrukcja użytkownika Katalog Usług Publicznych wersja 1.0 wersja 1.0. 1. WPROWADZENIE...3 1.1. CEL DOKUMENTU...3 1.2. SŁOWNIK POJĘĆ...3 1.3. ELEMENTY

Bardziej szczegółowo

Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej

Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej stosuje się język PHP lub JSP)

Bardziej szczegółowo

Blok dokumentu.

Blok dokumentu. <div> </div> Blok dokumentu Polecenie div (blok, sekcja) jest jednym z najbardziej fundamentalnym poleceń języka HTML, które odgrywa kluczową rolę w grupowaniu wielu różnych elementów i pozycjonowaniu większych fragmentów

Bardziej szczegółowo

przygotował: mgr Szymon Szewczyk PODSTAWY

przygotował: mgr Szymon Szewczyk PODSTAWY S t r o n a 1 PODSTAWY Każdy dokument musi być w całości zawarty między znacznikami - i (większość znaczników musi być odwołana ). Dokument HTML a składa się z dwóch części: - głowy

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

Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie

Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie Scenariusz lekcji informatyki klasa II gimnazjum Temat : Strona WWW pierwsze

Bardziej szczegółowo

Instrukcja korzystania z Krajowego Rejestru Agencji Zatrudnienia

Instrukcja korzystania z Krajowego Rejestru Agencji Zatrudnienia Instrukcja korzystania z Krajowego Rejestru Agencji Zatrudnienia Po uruchomieniu dowolnej przeglądarki internetowej, naleŝy wpisać w jej pasek wyszukiwania (1) adres www.wup.lodz.pl a następnie nacisnąć

Bardziej szczegółowo

Tworzenie stron internetowych w oparciu o język HTML

Tworzenie stron internetowych w oparciu o język HTML Ćwiczenie 1 Temat: Tworzenie stron internetowych w oparciu o język HTML Cel ćwiczenia: Celem ćwiczenia jest zapoznanie studenta z technologią tworzenia stron internetowych z wykorzystaniem języka HTML.

Bardziej szczegółowo

Ćwiczenie 1 Deklarowanie metainformacji.

Ćwiczenie 1 Deklarowanie metainformacji. Zadania do wykonania: Ćwiczenie 1 Deklarowanie metainformacji. Ćwiczenie 1 poświęcone jest wypełnieniu części dokumentu HTML. Umieszczamy w niej wszystkie informacje dodatkowe interpretowane przez

Bardziej szczegółowo

OGÓLNOPOLSKI SYSTEM OCHRONY ZDROWIA OSOZ STRONA INTERNETOWA APTEKI

OGÓLNOPOLSKI SYSTEM OCHRONY ZDROWIA OSOZ STRONA INTERNETOWA APTEKI OGÓLNOPOLSKI SYSTEM OCHRONY ZDROWIA OSOZ STRONA INTERNETOWA APTEKI Apteki współpracujące z OSOZ mogą posiadać własną stronę internetową na platformie OSOZ. Dzięki temu informacje o aptece staną się dostępne

Bardziej szczegółowo

Ćwiczenie 5 Multimedia

Ćwiczenie 5 Multimedia Ćwiczenie 5 Multimedia W ćwiczeniu tym zajmujemy się multimediami i osadzaniem ich na stronach WWW. Poprzez multimedia rozumiemy pliki graficzne, muzyczne, video i inne ozdobniki umieszczone na stronie.

Bardziej szczegółowo

Instalacja i opis podstawowych funkcji programu Dev-C++

Instalacja i opis podstawowych funkcji programu Dev-C++ Instalacja i opis podstawowych funkcji programu Dev-C++ Przed rozpoczęciem programowania musimy zainstalować i przygotować kompilator. Spośród wielu dostępnych kompilatorów polecam aplikację Dev-C++, ze

Bardziej szczegółowo

Elementy div i style CSS w praktyce

Elementy div i style CSS w praktyce Elementy div i style CSS w praktyce Włodzimierz Gajda 23 listopada 2005 ver. 0.2 Streszczenie Artykuł omawia kulisy tworzenia strony internetowej wyłącznie w oparciu o elementy div oraz kaskadowe arkusze

Bardziej szczegółowo

Ćwiczenie 9 - CSS i wstawianie CSS

Ćwiczenie 9 - CSS i wstawianie CSS Ćwiczenie 9 - CSS i wstawianie CSS Wprowadzenie: Od tego ćwiczenia zajmować się będziemy CSS czyli Kaskadowymi Arkuszami Stylów (Cascading Style Sheets). CSS stanowią uzupełnienie dla HTML-a. HTML odpowiada

Bardziej szczegółowo

Kurs HTML. Wykład 4. Tworzenie tabel na stronie WWW. Umieszczanie grafiki w komórkach tabel.

Kurs HTML. Wykład 4. Tworzenie tabel na stronie WWW. Umieszczanie grafiki w komórkach tabel. Wykład 4 Tworzenie tabel na stronie WWW. Umieszczanie grafiki w komórkach tabel. Tabele Tabele zostały oficjalnie wprowadzone w HTML-u 3.2. Od tej pory wywarły ogromny wpływ na sposób projektowania i tworzenia

Bardziej szczegółowo

Język HTML i podstawy CSS

Język HTML i podstawy CSS Notatki do wykładu Język HTML i podstawy CSS dr Jacek Tarasiuk WFiIS, AGH wersja 2006 Spis treści Język HTML...1 Rodzaje dokumentów HTML...1 Budowa dokumentu HTML...1 Zestawienie znaczników...2 Szkielet

Bardziej szczegółowo

Tworzenie Stron Internetowych. odcinek 5

Tworzenie Stron Internetowych. odcinek 5 Tworzenie Stron Internetowych odcinek 5 Nagłówek zawiera podstawowe informacje o dokumencie, takie jak: tytuł strony (obowiązkowy) metainformacje/metadane (obowiązkowa deklaracja

Bardziej szczegółowo

WyŜsza Szkoła Zarządzania Ochroną Pracy MS EXCEL CZ.2

WyŜsza Szkoła Zarządzania Ochroną Pracy MS EXCEL CZ.2 - 1 - MS EXCEL CZ.2 FUNKCJE Program Excel zawiera ok. 200 funkcji, będących predefiniowanymi formułami, słuŝącymi do wykonywania określonych obliczeń. KaŜda funkcja składa się z nazwy funkcji, która określa

Bardziej szczegółowo

Osadzenie pliku dźwiękowego na stronie www

Osadzenie pliku dźwiękowego na stronie www Osadzenie pliku dźwiękowego na stronie www gdzie jako "ścieżka dostępu do pliku" należy podać lokalizację

Bardziej szczegółowo

Laboratorium z Grafiki InŜynierskiej CAD. Rozpoczęcie pracy z AutoCAD-em. Uruchomienie programu

Laboratorium z Grafiki InŜynierskiej CAD. Rozpoczęcie pracy z AutoCAD-em. Uruchomienie programu Laboratorium z Grafiki InŜynierskiej CAD W przygotowaniu ćwiczeń wykorzystano m.in. następujące materiały: 1. Program AutoCAD 2010. 2. Graf J.: AutoCAD 14PL Ćwiczenia. Mikom 1998. 3. Kłosowski P., Grabowska

Bardziej szczegółowo

Nowe funkcje w programie SYMFONIA Finanse i Księgowość Premium w wersji 2009

Nowe funkcje w programie SYMFONIA Finanse i Księgowość Premium w wersji 2009 SYMFONIA Finanse i Księgowość Premium Strona 1 z 1 Nowe funkcje w programie SYMFONIA Finanse i Księgowość Premium w wersji 2009 Znaczniki dla podmiotów nowe moŝliwości analizy i grupowania danych Dla podmiotów

Bardziej szczegółowo

1. Umieść kursor w miejscu, w którym ma być wprowadzony ozdobny napis. 2. Na karcie Wstawianie w grupie Tekst kliknij przycisk WordArt.

1. Umieść kursor w miejscu, w którym ma być wprowadzony ozdobny napis. 2. Na karcie Wstawianie w grupie Tekst kliknij przycisk WordArt. Grafika w dokumencie Wprowadzanie ozdobnych napisów WordArt Do tworzenia efektownych, ozdobnych napisów służy obiekt WordArt. Aby wstawić do dokumentu obiekt WordArt: 1. Umieść kursor w miejscu, w którym

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

Proste kody html do szybkiego stosowania.

Proste kody html do szybkiego stosowania. Proste kody html do szybkiego stosowania. Często, w trakcie pracy z blogiem czy portalem zachodzi potrzeba umieszczenia grafiki, linku zaszytego w grafice czy innych podobnych. Szczególnie w widgetach

Bardziej szczegółowo

Instrukcja zarządzania kontami i prawami

Instrukcja zarządzania kontami i prawami Instrukcja zarządzania kontami i prawami uŝytkowników w systemie express V. 6 1 SPIS TREŚCI 1. Logowanie do systemu.... 3 2. Administracja kontami uŝytkowników.... 4 3. Dodawanie grup uŝytkowników....

Bardziej szczegółowo

GEO-SYSTEM Sp. z o.o. GEO-RCiWN Rejestr Cen i Wartości Nieruchomości Podręcznik dla administratora systemu Warszawa 2007

GEO-SYSTEM Sp. z o.o. GEO-RCiWN Rejestr Cen i Wartości Nieruchomości Podręcznik dla administratora systemu Warszawa 2007 GEO-SYSTEM Sp. z o.o. 02-732 Warszawa, ul. Podbipięty 34 m. 7, tel./fax 847-35-80, 853-31-15 http:\\www.geo-system.com.pl e-mail:geo-system@geo-system.com.pl GEO-RCiWN Rejestr Cen i Wartości Nieruchomości

Bardziej szczegółowo

Instrukcja obsługi programu Creative Fotos

Instrukcja obsługi programu Creative Fotos Instrukcja obsługi programu Creative Fotos Aby pobrać program Creative Fotos naleŝy wejść na stronę www.fotokoda.pl lub www.kodakwgalerii.astral.pl i kliknąć na link Program do wykonania albumów fotograficznych.

Bardziej szczegółowo

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

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

Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML

Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML Zad.1 Zapoznaj się z poniŝszymi artykułami dotyczącymi projektowania stron WWW:. http://galeria.muzykaduszy.pl/zasady.php

Bardziej szczegółowo

Formularz MS Word. 1. Projektowanie formularza. 2. Formularze do wypełniania w programie Word

Formularz MS Word. 1. Projektowanie formularza. 2. Formularze do wypełniania w programie Word Formularz MS 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 zebrać

Bardziej szczegółowo

Dostęp do poczty przez www czyli Kerio Webmail Poradnik

Dostęp do poczty przez www czyli Kerio Webmail Poradnik Dostęp do poczty przez www czyli Kerio Webmail Poradnik Spis treści 1. Przeglądarka internetowa 2. Logowanie do Kerio Webmail 3. Zmiana hasła 4. Specjalne właściwości i ograniczenia techniczne Webmaila

Bardziej szczegółowo

Współdziałanie przeglądarki i skryptów w pliku HTML (lub XML), oraz współdziałanie przeglądarki i ekranu ilustruje niżej położony rysunek.

Współdziałanie przeglądarki i skryptów w pliku HTML (lub XML), oraz współdziałanie przeglądarki i ekranu ilustruje niżej położony rysunek. Obiektowy model przeglądarki (BOM, Browser Object Model) Współdziałanie przeglądarki i skryptów w pliku HTML (lub XML), oraz współdziałanie przeglądarki i ekranu ilustruje niżej położony rysunek. Plik

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

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

www.crmvision.pl CRM VISION Instalacja i uŝytkowanie rozszerzenia do programu Mozilla Thunderbird

www.crmvision.pl CRM VISION Instalacja i uŝytkowanie rozszerzenia do programu Mozilla Thunderbird www.crmvision.pl CRM VISION Instalacja i uŝytkowanie rozszerzenia do programu Mozilla Thunderbird YourVision - IT solutions ul. Arkońska 51 80-392 Gdańsk +48 58 783-39-64 +48 515-229-793 biuro@yourvision.pl

Bardziej szczegółowo

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

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

Okna, ramki i ciasteczka

Okna, ramki i ciasteczka Okna, ramki i ciasteczka Okna Ćwiczenie 6.1. Rysunek 6.1. Skrypt otwierający nowe okno przeglądarki po wciśnięciu przycisku Manipulację oknami umożliwia nam obiekt window. Jego właściwości i metody przedstawione

Bardziej szczegółowo

Krótki przegląd własności języka CSS

Krótki przegląd własności języka CSS Krótki przegląd własności języka CSS Stosując arkusze stylów CSS, w sposób wyraźny oddziela się formatowanie dokumentu XHTML od jego warstwy znaczeniowej umieszczonej w sekcji . Niżej zestawiono

Bardziej szczegółowo

Wprowadzenie do HTML, CSS, JavaScript, PHP. Kurs 18.11 2008 22 12. 2008

Wprowadzenie do HTML, CSS, JavaScript, PHP. Kurs 18.11 2008 22 12. 2008 Wprowadzenie do HTML, CSS, JavaScript, PHP Kurs 18.11 2008 22 12. 2008 Narzędzia do tworzenia i utrzymania dokumentów web owych Edytory HTML Server WWW i baz danych Przeglądarka internetowa kompilator

Bardziej szczegółowo

Rozdział 2. Konfiguracja środowiska pracy uŝytkownika

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

Certyfikat niekwalifikowany zaufany Certum Silver. Instrukcja dla uŝytkowników Windows Vista. wersja 1.1 UNIZETO TECHNOLOGIES SA

Certyfikat niekwalifikowany zaufany Certum Silver. Instrukcja dla uŝytkowników Windows Vista. wersja 1.1 UNIZETO TECHNOLOGIES SA Certyfikat niekwalifikowany zaufany Certum Silver Instrukcja dla uŝytkowników Windows Vista wersja 1.1 Spis treści 1. POBRANIE CERTYFIKATU SILVER... 3 2. IMPORTOWANIE CERTYFIKATU DO PROGRAMU POCZTA SYSTEMU

Bardziej szczegółowo

HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego.

HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego. HTML HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego. Dokument HTML to plik tekstowy, z ewentualnymi załącznikami, w którym znajduje się tekstowa treść przeplatana z rozkazami

Bardziej szczegółowo

Struktura języka HTML ZNACZNIKI. Oto bardzo prosta strona WWW wyświetlona w przeglądarce: A tak wygląda kod źródłowy takiej strony:

Struktura języka HTML ZNACZNIKI. Oto bardzo prosta strona WWW wyświetlona w przeglądarce: A tak wygląda kod źródłowy takiej strony: Struktura języka HTML ZNACZNIKI Oto bardzo prosta strona WWW wyświetlona w przeglądarce: Rysunek 1: Przykładowa strona wyświetlona w przeglądarce A tak wygląda kod źródłowy takiej strony: Rysunek 2: Kod

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

FK - Deklaracje CIT-8

FK - Deklaracje CIT-8 FK - Deklaracje CIT-8 1. Wstęp. Moduł FK umoŝliwia przygotowanie i wydruk formularza deklaracji podatkowej CIT-8. W skład dostępnych formularzy wchodzą deklaracje CIT-8(21) oraz CIT- 8/O(8). Dane do formularza

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

Rozdział 4. Multimedia

Rozdział 4. Multimedia Rozdział 4. Multimedia Ćwiczenia zawarte w tym rozdziale pozwolą na wykorzystanie ogromnych moŝliwości multimedialnych systemu Windows XP. Większość narzędzi multimedialnych w Windows XP pochodzi z systemu

Bardziej szczegółowo

Systemy operacyjne I Laboratorium Część 3: Windows XP

Systemy operacyjne I Laboratorium Część 3: Windows XP Uniwersytet Rzeszowski Katedra Informatyki Opracował: mgr inŝ. Przemysław Pardel v1.01 2009 Systemy operacyjne I Laboratorium Część 3: Windows XP Zagadnienia do zrealizowania (3h) 1. Ściągnięcie i instalacja

Bardziej szczegółowo

SERTUM moduł Oferty. Spis treści

SERTUM moduł Oferty. Spis treści SERTUM moduł Oferty Spis treści 1 Jak stworzyć nową ofertę?... 2 2 Jak przekazać dodatkowe informacje dla hurtowni, umoŝliwiające poprawną realizację zamówienia?.. 6 3 Jak automatycznie przekazywać zamówienia

Bardziej szczegółowo

Edukacja na odległość

Edukacja na odległość Ćwiczenie 2. Edukacja na odległość Obsługa konta WWW na serwerze Linuksowym Tworzenie portalu edukacyjnego o określonej, wybranej przez studenta tematyce naukowej. Cel ćwiczenia: Projektowanie strony czołowej

Bardziej szczegółowo

AUTOCAD MIERZENIE I PODZIAŁ

AUTOCAD MIERZENIE I PODZIAŁ AUTOCAD MIERZENIE I PODZIAŁ Czasami konieczne jest rozmieszczenie na obiekcie punktów lub bloków, w równych odstępach. Na przykład, moŝe zachodzić konieczność zlokalizowania na obiekcie punktów oddalonych

Bardziej szczegółowo

WSCAD. Wykład 5 Szafy sterownicze

WSCAD. Wykład 5 Szafy sterownicze WSCAD Wykład 5 Szafy sterownicze MenedŜer szaf sterowniczych MenedŜer szaf sterowniczych w wersji Professional oferuje pomoc przy tworzeniu zabudowy szafy sterowniczej. Pokazuje wszystkie uŝyte w schematach

Bardziej szczegółowo

Zdarzenia Zdarzenia onload i onunload

Zdarzenia Zdarzenia onload i onunload Zdarzenia Zdarzenia onload i onunload Ćwiczenie 1. Rysunek 1. Okno powitalne wykorzystujące zdarzenie onload Na stronie mogą zachodzić różne zdarzenia, np. użytkownik kliknie myszą lub zacznie wprowadzać

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

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów. JĘZYK - HTML Hipertekst - możliwośd przechodzenia między różnymi fragmentami tego samego lub różnych dokumentów, które zostały ze sobą powiązane. Jest systemem odnośników (tzw. Skrótów), działających na

Bardziej szczegółowo

Znaczniki zbudowane są ze znaków '< >', pomiędzy którymi znajduje się litera lub krótki tekst okreslający rodzaj znacznika.

Znaczniki zbudowane są ze znaków '< >', pomiędzy którymi znajduje się litera lub krótki tekst okreslający rodzaj znacznika. Lekcja 1: Znaczniki Charakterystyczną cechą kodu HTML są tzw. znaczniki (tagi), które służą do formatowania wprowadzanych na stronę internetową treści, informując przeglądarkę jak powinna wyświetlić teksty

Bardziej szczegółowo

Zaznaczanie komórek. Zaznaczenie pojedynczej komórki polega na kliknięciu na niej LPM

Zaznaczanie komórek. Zaznaczenie pojedynczej komórki polega na kliknięciu na niej LPM Zaznaczanie komórek Zaznaczenie pojedynczej komórki polega na kliknięciu na niej LPM Aby zaznaczyć blok komórek które leżą obok siebie należy trzymając wciśnięty LPM przesunąć kursor rozpoczynając od komórki

Bardziej szczegółowo

Komponent Formularz. Rys. 1. Strona programu Joomla - http://joomla.pl. Rys. 2. Instalacja komponentu

Komponent Formularz. Rys. 1. Strona programu Joomla - http://joomla.pl. Rys. 2. Instalacja komponentu Komponent Formularz Instalacja Aby wykorzystać gotowy komponent do tworzenia formularzy w systemie CMS (Joomla), naleŝy uprzednio zaimplementować go, postępując według poniŝszego schematu: 1. Wejść na

Bardziej szczegółowo

Dodatkowe pakiety i polecenia L A TEXowe

Dodatkowe pakiety i polecenia L A TEXowe Dodatkowe pakiety i polecenia L A TEXowe 3 grudnia 2007 1 Ustawienia strony Do zmian ustawień strony warto użyć pakietu geometry, tj. w preambule wpisujemy: \usepackage[]{geometry} Dostępne opcje pakietu

Bardziej szczegółowo

Rys. 1. DuŜa liczba nazw zakresów. Rys. 2. Procedura usuwająca wszystkie nazwy w skoroszycie

Rys. 1. DuŜa liczba nazw zakresów. Rys. 2. Procedura usuwająca wszystkie nazwy w skoroszycie :: Trik 1. Hurtowe usuwanie niepotrzebnych nazw zakresów :: Trik 2. WyróŜnianie powtórzonych wartości w kolumnie :: Trik 3. Oznaczenie wierszy kolejnymi literami alfabetu :: Trik 4. Obliczanie dziennych

Bardziej szczegółowo

Dydaktyka Informatyki-internet i podstawy języka HTML

Dydaktyka Informatyki-internet i podstawy języka HTML Dydaktyka Informatyki-internet i podstawy języka HTML Instytut Matematyki Uniwersytet Gdański HTML-wprowadzenie HTML to język hipertekstowego znakowania, który jest ustanowiona przez konsorcjum World Wide

Bardziej szczegółowo

1. Dockbar, CMS + wyszukiwarka aplikacji Dodawanie portletów Widok zawartości stron... 3

1. Dockbar, CMS + wyszukiwarka aplikacji Dodawanie portletów Widok zawartości stron... 3 DODAJEMY TREŚĆ DO STRONY 1. Dockbar, CMS + wyszukiwarka aplikacji... 2 2. Dodawanie portletów... 3 Widok zawartości stron... 3 Omówienie zawartości portletu (usunięcie ramki itd.)... 4 3. Ikonki wybierz

Bardziej szczegółowo

HTML5 Nowe znaczniki header nav article section aside footer

HTML5 Nowe znaczniki header nav article section aside footer Specyfikacja HTML5 wprowadza nowe znaczniki pozwalające w łatwy i intuicyjny sposób budować szkielet strony, który przez zmniejszenie ilości kodu jest czytelniejszy i łatwiejszy w utrzymaniu, pozwala poza

Bardziej szczegółowo

I. Formatowanie tekstu i wygląd strony

I. Formatowanie tekstu i wygląd strony I. Formatowanie tekstu i wygląd strony Akapit: ... aby wyrównać tekst do lewego marginesu aby wyrównać tekst do prawego marginesu:

Bardziej szczegółowo

Spis treści. 1. Szerokość witryny WWW

Spis treści. 1. Szerokość witryny WWW Jednym z ważniejszych założeń webmasteringu jest to, by strona WWW była poprawnie wyświetlana na wielu różnych urządzeniach, w wielu różnych środowiskach. Wynikają z tego liczne trudności i komplikacje.

Bardziej szczegółowo

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.

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

Spis treści CZĘŚĆ I JĘZYK SIECI 17. Wstęp 13. Rozdział 1 Wprowadzenie do HTML5 19. Rozdział 2 Znajomość znaczników HTML5 37

Spis treści CZĘŚĆ I JĘZYK SIECI 17. Wstęp 13. Rozdział 1 Wprowadzenie do HTML5 19. Rozdział 2 Znajomość znaczników HTML5 37 Spis treści Wstęp 13 CZĘŚĆ I JĘZYK SIECI 17 Rozdział 1 Wprowadzenie do HTML5 19 Tworzenie przy pomocy znaczników: przegląd 20.Wprowadzanie nowych elementów HTML5 21 Korzystanie z kontynuowanych znaczników

Bardziej szczegółowo

Ćwiczenie 2 Tekst podstawowe znaczniki.

Ćwiczenie 2 Tekst podstawowe znaczniki. Ćwiczenie 2 Tekst podstawowe znaczniki. Ćwiczenie 2 poświęcone jest formatowaniu tekstu za pomocą znaczników. AŜeby uzyskać poŝądany wygląd tekstu musimy posłuŝyć się określonymi znacznikami. Ćwiczenie

Bardziej szczegółowo

Platforma Aukcyjna Marketplanet. Podręcznik Oferenta. Aukcje jedno- i wielopozycyjne

Platforma Aukcyjna Marketplanet. Podręcznik Oferenta. Aukcje jedno- i wielopozycyjne Platforma Aukcyjna Marketplanet Podręcznik Oferenta Aukcje jedno- i wielopozycyjne (c) 2008 Otwarty Rynek Elektroniczny S.A. Marketplanet 1 1. Spis treści 1. SPIS TREŚCI...2 2. WSTĘP...3 3. LOGOWANIE DO

Bardziej szczegółowo