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:

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

Download "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:"

Transkrypt

1 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 źródłowy przykładowej strony

2 Na dokument HTML składa się tekst, w który wplecione są znaczniki czyli polecenia języka HTML umieszczone w nawiasach kątowych. Znaczniki informują przeglądarkę jak wyświetlić stronę WWW na ekranie na ekranie nie widać znaczników, tylko efekty ich działania. W większości przypadków znaczniki występują w parach: <znacznik>...</znacznik>. Taką parę znaczników nazywa się elementem. Ten pierwszy <znacznik> jest nazywany znacznikiem otwierającym i mówi, odkąd działa polecenie podane w nawiasach kątowych. Drugi </znacznik> (uwaga na ukośnik /) to znacznik zamykający mówi nam, gdzie kończy się działanie podanego polecenia. Oto przykład: Polecenie <b> odpowiada za pogrubienie tekstu, zatem tekst otoczony takim znacznikiem w źródle dokumentu HTML, na ekranie zostanie wyświetlony jako tekst pogrubiony. W przypadku niektórych elementów, takich jak <hr> wstawienie linii albo <img> wstawienie obrazka, nie występują znaczniki zamykające. Elementy mogą być zagnieżdżone, ale nie mogą nachodzić na siebie, czyli element, który był otwarty jako ostatni, musi zostać zamknięty jako pierwszy, np. <b><i> ten tekst będzie pogrubiony i pochylony </i></b> (<b> pogrubienie, <i> pochylenie). Niektóre elementy, oprócz nazwy znacznika, mogą zawierać w ostrokątnym nawiasie dodatkowe informacje tzw. atrybuty służące do określenia cech elementu. Atrybuty definiuje się tylko w znaczniku otwierającym i dotyczą one całego elementu. Każdy atrybut ma swoją nazwę i wartość. Atrybuty oddzielane są od nazwy i pozostałych atrybutów znakami spacji, zaś wartość atrybutu ujęta jest w znaki cudzysłowu i zapisywana po znaku równości następującym po nazwie atrybutu: <nazwaznacznika atrybut1= wartość1 atrybut2= wartość2 >... </nazwaznacznika>. Jak widać, niektóre ze znaków mają w języku HTML specjalne znaczenie (np. nawiasy kątowe) lub nie mogą być wpisane ze standardowej klawiatury (np. znak c). Umieszczenie takich znaków w dokumencie nie spowoduje wyświetlenia ich na ekranie. Aby umieścić w tekście tego typu znaki tak, aby nie zostały zinterpretowane jako część składni HTML, należy użyć specjalnego zapisu czyli encji. Encja zawsze rozpoczyna się znakiem &, a kończy średnikiem, np. - odpowiedzialne jest za dodatkową spację. Układ tekstu w dokumencie HTML (łamanie wierszy, odstępy) nie ma wpływu na to, jak tekst będzie prezentował się na ekranie wygląd na ekranie zależy tylko i wyłącznie od znaczników. W języku HTML wielkość liter, jakimi zostaną zapisane znaczniki nie ma znaczenia, czyli element <html> i <HTML> to ten sam element. Na tym wykładzie znaczniki będą zapisywane małymi literami, ponieważ już następca języka HTML 4.01 (XHTML) wymaga, aby w nazwach znaczników (i atrybutów) używać małych liter. PODSTAWOWA STRUKTURA DOKUMENTU HTML Na Rysunku 2 oznaczone zostały pewne charakterystyczne elementy dla każdej strony WWW. Teraz elementy te zostaną omówione: 1. W tym miejscu umieszcza się deklarację typu dokumentu (DTD). <!DOCTYPE> określa format strony oraz informuje jakich standardów dana strona przestrzega. W tym przykładzie <!DOCTYPE> definiuje DTD dla HTML 4.01 Transitional. Lista poprawnych deklaracji typów DTD dostępna jest pod adresem: Deklaracja taka musi zostać umieszczona przed wszystkimi znacznikami znajdującymi się w dokumencie. 2. Wszystkie dokumenty HTML muszą zawierać trzy identyczne znaczniki: <html>, <head>, <body> oraz odpowiednie ich zamknięcia. Znaczniki te określają poszczególne części strony WWW. Znacznik <html> informuje przeglądarkę o tym, gdzie rozpoczyna oraz kończy się dokument czyli wszystko, co znajduje się na stronie musi znaleźć się między <html> a </html>. 3. Znacznik <head> otacza nagłówek dokumentu HTML. Większość informacji zawartych

3 w nagłówku nie jest wyświetlana poza tytułem strony (3a), który jest wymagany. Tytuł strony w dokumencie HTML znajduje się pomiędzy znacznikami <title>, zaś dla odbiorcy wyświetlany jest na pasku tytułu przeglądarki. Tytuł pełni jeszcze dodatkową rolę jego nazwa jest umieszczana jest w katalogu Ulubione. Część <head> dokumentu może również zawierać znaczniki <meta>, które służą do przekazywania informacji i poleceń przeglądarce zawierają dane na temat dokumentu. Jedną z ważniejszych informacji jest ta, dotycząca sposobu zakodowania polskich znaków diakrytycznych. Można wybierać pomiędzy Unicode, Normą ISO i kodowaniem windowsowym Win1250. Kodowanie polskich znaków należy ustawić w dwóch miejscach: w edytorze tekstu, w którym tworzona jest strona i w kodzie strony WWW. Jeżeli jedno i drugie ustawienie nie będzie się zgadzać, to tekst zostanie wyświetlony nieprawidłowo. Na przykład w edytorze ked kodowanie ustawia się za pomocą polecenia Zmień stronę kodową z menu Plik. Jeżeli edytor nie oferuje opcji wyboru kodowania to najprawdopodobniej używa kodowania Win1250. Jeżeli wiemy już jak koduje nasz edytor to powinniśmy taką informację umieścić w dokumencie HTML, np. dla kodowania iso należy to zrobić w następujący sposob: <meta http-equiv="contenttype" content="text/html; charset=iso ">. Element <meta> służy także do przekazywania informacji wyszukiwarkom, np. opis zawartości strony: <meta name="description" content="wstaw tu opis strony">, słowa kluczowe charakteryzujące zawartość strony: <meta name="keywords" content="wstaw tu słowa kluczowe rozdzielone przecinkami">, informacje o autorze strony: <meta name="author" content="dane autora">. 4. Główna, wizualna zawartość dokumentu znajduje się wewnątrz znacznika <body>. Tak przygotowaną stronę powinniśmy zapisać na dysku twardym komputera. Należy pamiętać o zapisywaniu wyników swojej pracy co pewien (nie za długi) czas. Dokumenty HTML powinny być zapisywane w plikach o rozszerzeniu.html (lub.htm). Rezultat każdej zmiany w kodzie można na bieżąco oglądać w oknie przeglądarki internetowej. Aby wyświetlić zawartość strony WWW w przeglądarce, należy dwukrotnie kliknąć ikonę pliku w oknie folderu. Innym sposobem jest wybranie z menu Plik przeglądarki opcji Otwórz plik (np. w przeglądarce Mozilla Firefox) i wskazanie odpowiedniego pliku. Aby przeglądarka wyświetliła stronę, aktualna wersja kodu strony musi być zapisana na dysku twardym. Jeżeli w oknie przeglądarki już jest otwarta potrzebna strona należy zaktualizować zawartość okna przeglądarki poprzez kliknięcie przycisku Odśwież lub naciśnięcie klawisza F5. FORMATOWANIE DOKUMENTU HTML HTML opisuje strukturę dokumentu i znaczenie poszczególnych jego części, czyli rozbija dokument na sekcje za pomocą nagłówków, układa tekst w akapity, listy i tabele oraz nadaje bardziej precyzyjne formatowanie słowom czy zdaniom, oznaczając ich rolę w dokumencie jak np. cytat lub odnośnik. Większość elementów HTML można zaliczyć do jednej z grup: Elementy blokowe otaczają tekst, najczęściej są same w linii, np. akapit, tabela, lista, nagłówek. Mogą zawierać w sobie elementy liniowe i niektóre elementy blokowe; Elementy liniowe są wplecione w tekst, np. wyróżnienie, odnośnik. Są przenoszone do nowej linii razem z tekstem, który zawierają. Elementy liniowe nie mogą zawierać elementów blokowych. Komentarze Szczególnym rodzajem znacznika jest znacznik komentarza: <!-- treść komentarza -->. To co znajduje się wewnątrz takiego znacznika nie jest wyświetlane na ekranie, nawet jeżeli tekst rozciąga się na kilka linijek. Komentarze mają za zadanie ułatwić pracę twórcy strony ułatwiają organizację pracy na stroną. Elementy blokowe Nagłówki HTML ma sześć predefiniowanych znaczników nagłówka. Są to znaczniki: <h1>, <h2>, <h3>, <h4>, <h5>, <h6> oraz ich zamknięcia. Znacznik <h1> definiuje najwyższy poziom

4 nagłówka, znacznik <h6> określa poziom najniższy. Każdy nagłówek zaczyna się w nowym wierszu oraz po nagłówku występuje dodatkowy odstęp. Wyższy poziom nagłówka określony jest za pomocą większej czcionki. Nagłówki pozwalają nam podzielić stronę na rozdziały. Rysunek 3: Nagłówki w kodzie HTML Rysunek 4: Nagłówki w przeglądarce Akapit do wydzielenia akapitu na stronie służy znacznik <p>: <p>treść akapitu</p>. Każdy akapit na stronie powinien zostać otoczony znacznikiem <p>, gdyż gwarantuje to takie samo formatowanie dla każdego z nich. Każdy akapit rozpoczyna się w nowym wierszu, pomiędzy akapitami wstawiany jest dodatkowy odstęp. Tekst znajdujący się w akapicie jest na ekranie automatycznie łamany do szerokości akapitu, dlatego nie należy w akapitach wymuszać łamania wiersza, o ile nie jest to konieczne, np. w wierszach, przy dialogach. Przeglądarka pomija nadmiarowe białe znaki (spacje, tabulatory, podziały wiersza) występujące w kodzie źródłowym strony. Podział wiersza Aby ręcznie wstawić podział wiersza należy użyć znacznika <br>. Znacznik ten nie ma zamknięcia! Linia linie poziome służą do wizualnego oddzielania poszczególnych części dokumentu, np. akapitów. Znacznik <hr> (brak zamknięcia!) tworzy w wybranym miejscu linię od lewego do prawego marginesu. Rysunek 5: Akapity w kodzie źródłowym

5 Rysunek 6: Akapity w przeglądarce Cytowany fragment znacznik <blockquote> służy do cytowania długich fragmentów tekstu: <blockquote>długi cytat</blockquote>. Tekst preformatowany element <pre> służy do wyświetlania tekstu z zachowaniem wszystkich spacji i podziałów wiersza, tak jak zostały zapisane w kodzie źródłowym: <pre> tekst sformatowany w kodzie źródłowym </pre>. Tekst jest wyświetlany czcionką o stałej szerokości znaku (patrz Rysunek 7 i Rysunek 8). Rysunek 7: Znacznik pre w kodzie źródłowym Rysunek 8: Znacznik pre w przeglądarce

6 Listy HTML oferuje trzy rodzaje list: uporządkowane (numerowane), nieuporządkowane (punktowane), listy definicji (dla zaprezentowania par: termin i definicja). We wszystkich typach list obowiązują następujące zasady: listę definiujemy za pomocą pary znaczników początku i końca listy: lista uporządkowana: <ol> lista </ol>, lista nieuporządkowana: <ul> lista </ul>, lista definicji: <dl> lista </dl>; każdy element listy definiujemy osobnym znacznikiem (znaczniki elementów listy nie muszą zostać zamknięte): lista uporządkowana: <li> element listy, lista nieuporządkowana: <li> element listy, lista definicji: <dt> termin <dd> objaśnienie terminu. Rysunek 9: Wykazy kod źródłowy Rysunek 10: Wykazy w przeglądarce

7 Rysunek 11: Lista definicji - kod źródłowy Rysunek 12: Lista definicji w przeglądarce

8 Listy można zagnieżdżać: w tym celu wewnątrz elementu <li> listy nadrzędnej należy osadzić kolejny element listy (<ul> albo <ol>), a w nim jego własne elementy <li> tworzące pozycje listy podrzędnej. Sekcja div znacznik <div> umieszcza podziały w dokumencie, grupując wybrane akapity lub inne elementy blokowe. Jego znaczenie dokładniej zostanie przedstawione podczas omawiania kaskadowych arkuszy stylów. Elementy liniowe Znaczniki służące do wyróżniania tekstu to <em> oraz silniejszy <strong>. Domyślnie element <em> wyświetlany jest czcionką pochyłą, a element <strong> czcionką pogrubioną. Znaczniki te wprowadzają formatowanie logiczne dają możliwość stylom urozmaicenia wyróżnień. Istnieje też kilka znaczników formatowania wizualnego: Rysunek 13: Lista zagnieżdżona źródło Rysunek 14: Lista zagnieżdżona przeglądarka <b> - pismo pogrubione, <i> pismo pochyłe, <tt> pismo maszynowe, <big> powiększenie czcionki, <small> pomniejszenie czcionki. Do elementow liniowych zaliczają się także: <sup> indeks dolny, <sub> indeks górny, <code> kod programu, tekst pisany czcionką o stałej szerokości, <q> cytat służy do cytatów krótkich. Istnieje jeszcze jeden znacznik, który sam nie znaczy nic: <span>. Ogólnie definiuje on sekcję dokumentu dzięki temu możliwe jest zastosowanie do sekcji rożnych stylów. Jego znaczenie dokładniej zostanie przedstawione podczas omawiania kaskadowych arkuszy stylów.

9 Rysunek 15: Elementy liniowe w kodzie źródłowym Rysunek 16: Elementy liniowe w przeglądarce

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

[

]
Materiały dydaktyczne 1/5

<html> </html> <body> </body> <p> [</p>] <br> <html> <head> </head> <body> </body> </html> Materiały dydaktyczne 1/5 PODSTAWOWE INFORMACJE HTML (HyperText Mark-up Language) język programowanie, który pozwala na publikowanie treści w sieci WWW. Nie jest to klasyczny język liniowy (w HTML mamy dostęp w każdym miejscu do

Bardziej szczegółowo

HTML podstawowe polecenia

HTML podstawowe polecenia HTML podstawowe polecenia Szkielet dokumentu:

Bardziej szczegółowo

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych rk Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych pojęć, prawdopodobnie zastanawiasz się, kiedy zaczniesz

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

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np.

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR> Język html to język znaczników inaczej tagów, czyli słów lub skrótów pochodzących z języka angielskiego ujętych w nawiasy ostrokątne , np.. . W większości przypadków spotykamy znaczniki początku (inaczej

Bardziej szczegółowo

Wykład 1: HTML (XHTML) Michał Drabik

Wykład 1: HTML (XHTML) Michał Drabik Wykład 1: HTML (XHTML) Michał Drabik 1 Czyli to wszystko co trzeba wiedzieć aby zacząć tworzyć strony internetowe. 2 HTML 4 HTML = HyperText Markup Language Hipertekstowy język znaczników umożliwiający

Bardziej szczegółowo

Zaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik

Zaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik Zaawansowana Pracownia Komputerowa - Ćwiczenia Krzysztof Miernik HTML - Podstawowe Informacje HTML to hipertekstowy język znaczników (ang. HyperText Markup Language) służacy do tworzenia stron internetowych

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

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów opracowanie I. K. używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów ISO-8859-2 - norma międzynarodowa określająca sposób kodowania

Bardziej szczegółowo

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM Język (X)HTML Podstawowe znaczniki i parametry Szablon dokumentu (X)HTML

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

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

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

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

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

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

Podręcznik edycji tekstu dla inteligentnych

Podręcznik edycji tekstu dla inteligentnych Podręcznik edycji tekstu dla inteligentnych Spis treści Ogólne zasady edycji tekstu...3 Struktura dokumentu tekstowego...3 Strona...3 Akapit...3 Znak...3 Znaki niedrukowane...4 Twarda spacja, miękki i

Bardziej szczegółowo

MATERIAŁY SZKOLENIOWE WORD PODSTAWOWY

MATERIAŁY SZKOLENIOWE WORD PODSTAWOWY MATERIAŁY SZKOLENIOWE WORD PODSTAWOWY 2013 Klawiatura narzędzie do wpisywania tekstu. 1. Wielkie litery piszemy z wciśniętym klawiszem SHIFT albo z włączonym klawiszem CAPSLOCK. 2. Litery typowe dla języka

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

Formatowanie c.d. Wyświetlanie formatowania

Formatowanie c.d. Wyświetlanie formatowania Formatowanie c.d. Wyświetlanie formatowania Dzięki tej funkcji można łatwo sprawdzić, w jaki sposób został sformatowany dowolny fragment tekstu. Aby jej użyć, wybierz polecenie naciśnij Shift+F1. Na prawo

Bardziej szczegółowo

ĆWICZENIA Z JĘZYKA HTML. 1. Znaczniki. 2. Struktura dokumentu HTML. 3. Tworzymy stronę WWW Podróże po stolicach Europy

ĆWICZENIA Z JĘZYKA HTML. 1. Znaczniki. 2. Struktura dokumentu HTML. 3. Tworzymy stronę WWW Podróże po stolicach Europy Informatyka - podstawowe tematy WSzPWN - Język HTML, podstawy str. 1 ĆWICZENIA Z JĘZYKA HTML Struktura dokumentu, znaczniki, tabele, hiperłacza Być może trudno w to uwierzyć, jednak strony WWW są tekstem

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

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

Zadanie 8. Dołączanie obiektów

Zadanie 8. Dołączanie obiektów Zadanie 8. Dołączanie obiektów Edytor Word umożliwia dołączanie do dokumentów różnych obiektów. Mogą to być gotowe obiekty graficzne z galerii klipów, równania, obrazy ze skanera lub aparatu cyfrowego.

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

Temat bardzo mądrego referatu maksymalnie na dwie linijki tekstu

Temat bardzo mądrego referatu maksymalnie na dwie linijki tekstu Tutaj logo szkoły Gimnazjum nr 72 ul. Wysoka 8/12 00-155 Warszawa Temat bardzo mądrego referatu maksymalnie na dwie linijki tekstu Opiekun merytoryczny: Zofia Zatorska Opiekun techniczny: Ewa Kołodziej

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

1. Wstawianie macierzy

1. Wstawianie macierzy 1. Wstawianie macierzy Aby otworzyć edytor równań: Wstaw Obiekt Formuła Aby utworzyć macierz najpierw wybieramy Nawiasy i kilkamy w potrzebny nawias (zmieniający rozmiar). Następnie w oknie formuły zamiast

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

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

Edytor tekstu Microsoft Office 2007 przewodnik dla gimnazjalisty Autor: Dariusz Kwieciński nauczyciel ZPO w Sieciechowie

Edytor tekstu Microsoft Office 2007 przewodnik dla gimnazjalisty Autor: Dariusz Kwieciński nauczyciel ZPO w Sieciechowie 1. Podstawowe pojęcia związane z edytorem tekstu Word 2007 a) Edytor tekstu program komputerowy przeznaczony do tworzenia (pisania) i redagowania tekstów za pomocą komputera. b) Redagowanie dokonywanie

Bardziej szczegółowo

Strony WWW - podstawy języka HTML

Strony WWW - podstawy języka HTML Strony WWW - podstawy języka HTML Jacek Krzaczkowski 2004 r. HTML (Hyper Text Markup Language) jest językiem opisu dokumentu używanym do tworzenia stron WWW. Znaczniki języka HTML informują przeglądarkę

Bardziej szczegółowo

Moduł IV Internet Tworzenie stron www

Moduł IV Internet Tworzenie stron www Ze strony internetowej www.kaze.zut.edu.pl z folderu BUDOWA JACHTÓW pobierz i zapisz je do własnego folderu następujące pliki: znak_drogowy.png, morze.jpg, logo_ecdl.gif, logobj.png ZADANIE 1 Podstawy

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

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

Tematy lekcji informatyki klasa 4a luty/marzec 2013

Tematy lekcji informatyki klasa 4a luty/marzec 2013 Tematy lekcji informatyki klasa 4a luty/marzec 2013 temat 11. z podręcznika (str. 116-120) Jak uruchomić edytor tekstu MS Word 2007? ćwiczenia 2-5 (str. 117-120); Co to jest przycisk Office? W jaki sposób

Bardziej szczegółowo

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. Reformuje on znane zasady języka HTML 4 w taki sposób, aby były zgodne z XML (HTML przetłumaczony na XML).

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

Przypisy i przypisy końcowe

Przypisy i przypisy końcowe - 1 - Przypisy i przypisy końcowe Przypisami nazywamy pewne teksty służące do podawania wyjaśnień, komentarzy, odsyłaczy do tekstu, do bibliografii itp. Edytor WORD rozróżnia dwa rodzaje przypisów: przypisy

Bardziej szczegółowo

Podstawy tworzenia stron internetowych

Podstawy tworzenia stron internetowych Podstawy tworzenia stron internetowych HTML Wstęp Do edycji stron HTML (Hyper Text Markup Language) można wykorzystać dowolny edytor tekstowy (np. Notatnik) umożliwiający edycję zwykłych plików tekstowych.

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

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

Podstawy edycji tekstu

Podstawy edycji tekstu Podstawy edycji tekstu Edytor tekstu (ang. word processor) to program umożliwiający wprowadzanie, redagowanie, formatowanie oraz drukowanie dokumentów tekstowych. Wyliczmy możliwości dzisiejszych aplikacji

Bardziej szczegółowo

Lab.1. Praca z tekstem: stosowanie arkuszy stylów w dokumentach OO oraz HTML/CSS

Lab.1. Praca z tekstem: stosowanie arkuszy stylów w dokumentach OO oraz HTML/CSS Lab.1. Praca z tekstem: stosowanie arkuszy stylów w dokumentach OO oraz HTML/CSS Cel ćwiczenia: zapoznanie się z pojęciem stylów w dokumentach. Umiejętność stosowania stylów do automatycznego przygotowania

Bardziej szczegółowo

HTML jak zrobić prostą stronę www

HTML jak zrobić prostą stronę www HTML jak zrobić prostą stronę www Z tej prezentacji dowiemy się: - co to jest HTML - jak znając podstawy HTML'a zrobić prostą stronę Co to jest HTML? HTML = HyperText Markup Language, czyli język znaczników

Bardziej szczegółowo

Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki

Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5 Moduły i bloki 1 Spis treści 1. Dodawanie bloków... 3 2. Treść i Dodaj odstęp... 3 3. Galeria obrazów Amiant... 5 4. Lista stron... 8 5. Aktualności...

Bardziej szczegółowo

SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE

SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE Politechnika Gdańska Wydział Elektrotechniki i Automatyki Katedra Inżynierii Systemów Sterowania SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE Temat: Prosty serwis internetowy oparty o zestaw powiązanych

Bardziej szczegółowo

Ms WORD Poziom podstawowy Materiały szkoleniowe

Ms WORD Poziom podstawowy Materiały szkoleniowe Ms WORD Poziom podstawowy Materiały szkoleniowe Nota Materiał powstał w ramach realizacji projektu e-kompetencje bez barier dofinansowanego z Programu Operacyjnego Polska Cyfrowa działanie 3.1 Działania

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

Napisy w PHP. Drukowanie napisów instrukcją echo

Napisy w PHP. Drukowanie napisów instrukcją echo Napisy w PHP. Drukowanie napisów instrukcją echo 1. Ćwiczenia do samodzielnego wykonania Wszystkie poniższe ćwiczenia należy samodzielnie wykonać wpisując w edytorze bez stosowania techniki kopiuj-wklej.

Bardziej szczegółowo

Oprogramowanie Użytkowe ćwiczenia Semestr I mgr inż. Daniel Riabcew SWSPiZ

Oprogramowanie Użytkowe ćwiczenia Semestr I mgr inż. Daniel Riabcew SWSPiZ Sekcje W czasie formatowania dokumentu może zaistnieć potrzeba podziału dokumentu na sekcje, czyli mniejsze części, z których każda może być inaczej sformatowana. Jest to konieczne w przypadku, gdy w jakiejś

Bardziej szczegółowo

Tworzenie dokumentów w edytorze tekstu. Wysyłanie dokumentów z wykorzystaniem poczty elektronicznej.

Tworzenie dokumentów w edytorze tekstu. Wysyłanie dokumentów z wykorzystaniem poczty elektronicznej. Gimnazjum Zespołu Szkół nr 1 im. Jana Brzechwy w Pile Szkoleniowa Rada Pedagogiczna 6 listopada 2006 r. prowadząca: Agata Demczar Tworzenie dokumentów w edytorze tekstu. Wysyłanie dokumentów z wykorzystaniem

Bardziej szczegółowo

1.5. Formatowanie dokumentu

1.5. Formatowanie dokumentu Komputerowa edycja tekstu 29 1.5. Formatowanie dokumentu Pisanie, kopiowanie czy przenoszenie tekstu to jedynie część naszej pracy z dokumentem. O tym, jak będzie się on prezentował, decydujemy, wykonując

Bardziej szczegółowo

ĆWICZENIE 1 SKŁAD TEKSTU DO DRUKU

ĆWICZENIE 1 SKŁAD TEKSTU DO DRUKU ĆWICZENIE 1 SKŁAD TEKSTU DO DRUKU 1. Skopiowanie przykładowego surowego tekstu (format.txt) wybranego rozdziału pracy magisterskiej wraz z tekstem przypisów do niego (w osobnym pliku) na komputery studentów.

Bardziej szczegółowo

Nawigacja po długim dokumencie może być męcząca, dlatego warto poznać następujące skróty klawiszowe

Nawigacja po długim dokumencie może być męcząca, dlatego warto poznać następujące skróty klawiszowe Zestawienie wydatków rok 2015 1 Wstaw numerację stron. Aby to zrobić przejdź na zakładkę Wstawianie i w grupie Nagłówek i stopka wybierz Numer strony. Następnie określ pozycję numeru na stronie (na przykład

Bardziej szczegółowo

29. Poprawność składniowa i strukturalna dokumentu XML

29. Poprawność składniowa i strukturalna dokumentu XML 29. i strukturalna dokumentu XML 13 października 2015 1 2 Poprawny składniowo dokument XML powinien być tworzony zgodnie z poniżej przedstawionymi zasadami. Deklaracja XML Powinien zawierać deklarację

Bardziej szczegółowo

Wstęp 15. Rozdział 1. Elementy tworzące strony WWW 31

Wstęp 15. Rozdział 1. Elementy tworzące strony WWW 31 Spis treści S Wstęp 15 Internet, WWW oraz HTML 16 Otwarty, jednak nie identyczny 17 Wojny przeglądarek 18 Dążenie do wprowadzania standardów 19 CSS a możliwości przeglądarek 23 XHTML czy HTML: czego należy

Bardziej szczegółowo

INTERSTENO 2013Ghent World championship professional word processing

INTERSTENO 2013Ghent World championship professional word processing UŻYWANY SYSTEM OPERACYJNY UŻYWANA WERSJA EDYTORA TEKSTU COMPETITION ID NUMER IDENTYFIKACYJNY A 1 Instrukcjedlauczestników Otwórz document documenttransport.doc i od razu zapisz go pod nazwą TRANSPORTXXX.DOC

Bardziej szczegółowo

TABULATORY - DOKUMENTY BIUROWE

TABULATORY - DOKUMENTY BIUROWE TABULATORY - DOKUMENTY BIUROWE Autoformatowanie Znaczniki tabulacji Ćwiczenie 1 Ćwiczenie 2 Wcięcia i tabulatory Objaśnienia i podpisy Wcięcia w akapitach Ćwiczenia Tabulatory są umownymi znacznikami powodującymi

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

Podstawowe zasady edytowania dokumentów w Szkole Podstawowej w Wietlinie

Podstawowe zasady edytowania dokumentów w Szkole Podstawowej w Wietlinie Podstawowe zasady edytowania dokumentów w Szkole Podstawowej w Wietlinie Informacje ogólne dotyczące tekstu 1. Pamiętaj o podziale tekstu na akapity (zwłaszcza wtedy, kiedy tekst jest rozległy). Akapit

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

Punktowanie i numerowanie

Punktowanie i numerowanie Punktowanie i numerowanie Aby szybko ponumerować lub wypunktować dowolne akapity musimy zaznaczyć wybrany tekst, który ma być punktowany lub numerowany. Następnie wybieramy jedną z ikon na pasku narzędziowym

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

Wstęp 5 Rozdział 1. Instalacja systemu 13. Rozdział 2. Logowanie i wylogowywanie 21 Rozdział 3. Pulpit i foldery 25. Rozdział 4.

Wstęp 5 Rozdział 1. Instalacja systemu 13. Rozdział 2. Logowanie i wylogowywanie 21 Rozdział 3. Pulpit i foldery 25. Rozdział 4. Wstęp 5 Rozdział 1. Instalacja systemu 13 Uruchamianie Ubuntu 14 Rozdział 2. Logowanie i wylogowywanie 21 Rozdział 3. Pulpit i foldery 25 Uruchamianie aplikacji 25 Skróty do programów 28 Preferowane aplikacje

Bardziej szczegółowo

Zadanie 3. Praca z tabelami

Zadanie 3. Praca z tabelami Zadanie 3. Praca z tabelami Niektóre informacje wygodnie jest przedstawiać w tabeli. Pokażemy, w jaki sposób można w dokumentach tworzyć i formatować tabele. Wszystkie funkcje związane z tabelami dostępne

Bardziej szczegółowo

Temat 10 : Poznajemy zasady pracy w edytorze tekstu Word.

Temat 10 : Poznajemy zasady pracy w edytorze tekstu Word. Temat 10 : Poznajemy zasady pracy w edytorze tekstu Word. 1. Edytor tekstu WORD to program (edytor) do tworzenia dokumentów tekstowych (rozszerzenia:.doc (97-2003),.docx nowszy). 2. Budowa okna edytora

Bardziej szczegółowo

Programowanie internetowe

Programowanie internetowe Programowanie internetowe Wykład 1 HTML mgr inż. Michał Wojtera email: mwojtera@dmcs.pl Plan wykładu Organizacja zajęć Zakres przedmiotu Literatura Zawartość wykładu Wprowadzenie AMP / LAMP Podstawy HTML

Bardziej szczegółowo

Akademia Techniczno-Humanistyczna w Bielsku-Białej

Akademia Techniczno-Humanistyczna w Bielsku-Białej Akademia Techniczno-Humanistyczna w Bielsku-Białej Wydział Budowy Maszyn i Informatyki Laboratorium z sieci komputerowych Ćwiczenie numer: 8 Temat ćwiczenia: Tworzenie stron WWW (HTML, skrypty CSS). 1.

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

Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki

Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5 Moduły i bloki 1 Spis treści 1. Dodawanie bloków... 3 2. Treść i Dodaj odstęp... 3 3. Galeria zdjęć... 5 4. Lista stron... 8 5. Aktualności...

Bardziej szczegółowo

OGÓLNE WYMAGANIA DOTYCZĄCE SPOSOBU PRZYGOTOWANIA PRAC DYPLOMOWYCH (wytyczne dla Studentów)

OGÓLNE WYMAGANIA DOTYCZĄCE SPOSOBU PRZYGOTOWANIA PRAC DYPLOMOWYCH (wytyczne dla Studentów) OGÓLNE WYMAGANIA DOTYCZĄCE SPOSOBU PRZYGOTOWANIA PRAC DYPLOMOWYCH (wytyczne dla Studentów) W pracy dyplomowej należy zachować: Styl całego dokumentu: Styl Standardowy: rodzaj czcionki: Times New Roman

Bardziej szczegółowo

Ćwiczenie 1 - Arkusze kalkulacyjne

Ćwiczenie 1 - Arkusze kalkulacyjne Ćwiczenie 1 - Arkusze kalkulacyjne 1. Uruchomić program Excel, utworzyć plik o nazwie Ćwiczenia_excel.xls, a następnie zapisać go na dysku D w swoim folderze. 2. Ćwiczenia wstępne Zaznaczyć pojedynczą

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

Z nowym bitem Zajęcia komputerowe dla szkoły podstawowej. Wymagania na poszczególne oceny szkolne dla klasy IV

Z nowym bitem Zajęcia komputerowe dla szkoły podstawowej. Wymagania na poszczególne oceny szkolne dla klasy IV rok szkolny 2015/2016 Klasa IVa, b Nauczyciel prowadzący: mgr Aleksandra Grabowska Z nowym bitem Zajęcia komputerowe dla szkoły podstawowej. Wymagania na poszczególne oceny szkolne dla klasy IV Na lekcjach

Bardziej szczegółowo

Podstawowa instrukcja obsługi STRON stron internetowych serwisu www.smpn.pl zrealizowanych w systemie zarządzania treścią Wordpress.

Podstawowa instrukcja obsługi STRON stron internetowych serwisu www.smpn.pl zrealizowanych w systemie zarządzania treścią Wordpress. Podstawowa instrukcja obsługi STRON stron internetowych serwisu www.smpn.pl zrealizowanych w systemie zarządzania treścią Wordpress. Założenia użytkownik posiada założone konto w systemie z prawami Redaktora.

Bardziej szczegółowo

Tworzenie Stron Internetowych. odcinek 6

Tworzenie Stron Internetowych. odcinek 6 Tworzenie Stron Internetowych odcinek 6 CSS kaskadowe arkusze stylów CSS (Cascading Style Sheets), czyli Kaskadowe Arkusze Stylów "stylów" "arkusze" Reguły opisujące wygląd dokumentu opisanego za pomocą

Bardziej szczegółowo

Instrukcja dodawania obiektów do strony Ekonomika.

Instrukcja dodawania obiektów do strony Ekonomika. Instrukcja dodawania obiektów do strony Ekonomika. Klikasz na zaloguj, aby przejść do strony logowania Podajesz login i hasło na WWW i klikasz Zaloguj W dodatkowym menu wybierasz Dodaj artykuł W edytorze

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

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

<p> </ p> <p id= identyfikator > </p> Znacznik HTML jest specjalnym ciągiem znaków objętym nawiasami kątowymi. Schemat zapisu znacznika: przykład p - od paragraph służy do wstawiania

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

Ć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

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

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

Kadry Optivum, Płace Optivum

Kadry Optivum, Płace Optivum Kadry Optivum, Płace Optivum Jak seryjnie przygotować wykazy absencji pracowników? W celu przygotowania pism zawierających wykazy nieobecności pracowników skorzystamy z mechanizmu Nowe wydruki seryjne.

Bardziej szczegółowo

Jak założyć stronę na blogu?

Jak założyć stronę na blogu? Jak założyć stronę na blogu? lewej stronie widzisz menu: 1. Po zalogowaniu na blog znajdziesz się w panelu administracyjnym. Po 2. Klikasz Strony, a następnie Dodaj nową i otwiera się taki ekran: 1 3.

Bardziej szczegółowo

WSKAZÓWKI WYDAWNICZE DLA AUTORÓW

WSKAZÓWKI WYDAWNICZE DLA AUTORÓW Załącznik nr 2 do Regulaminu Wydawnictwa WSKAZÓWKI WYDAWNICZE DLA AUTORÓW 1) Komitet Redakcyjny nie przyjmuje prac (wydawnictwo zwarte lub artykuł), które zostały już opublikowane lub też zostały złożone

Bardziej szczegółowo

Andrzej Frydrych SWSPiZ 1/8

Andrzej Frydrych SWSPiZ 1/8 Kilka zasad: Czerwoną strzałką na zrzutach pokazuje w co warto kliknąć lub co zmieniłem oznacza kolejny wybierany element podczas poruszania się po menu Ustawienia strony: Menu PLIK (Rozwinąć żeby było

Bardziej szczegółowo

FORMATOWANIE DOKUMENTU

FORMATOWANIE DOKUMENTU FORMATOWANIE DOKUMENTU Poznamy narzędzia umieszczone na wstążce karty Narzędzia główne w grupie Czcionka i Akapit ZMIANA WIELKOŚCI I KROJU CZCIONKI Aby zmienić wielkość i krój czcionki, zaznaczamy część

Bardziej szczegółowo

Edytor tekstu OpenOffice Writer Podstawy

Edytor tekstu OpenOffice Writer Podstawy Edytor tekstu OpenOffice Writer Podstawy Cz. 5. Tabulatory i inne funkcje edytora OpenOffice Writer Tabulatory umożliwiają wyrównanie tekstu do lewej, do prawej, do środka, do znaku dziesiętnego lub do

Bardziej szczegółowo

Budowa aplikacji ASP.NET współpracującej z bazą dany do obsługi przesyłania wiadomości

Budowa aplikacji ASP.NET współpracującej z bazą dany do obsługi przesyłania wiadomości Budowa aplikacji ASP.NET współpracującej z bazą dany do obsługi przesyłania wiadomości Rozpoczniemy od zaprojektowania bazy danych w programie SYBASE/PowerDesigner umieszczamy dwie Encje (tabele) prawym

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

Czcionki bezszeryfowe

Czcionki bezszeryfowe Czcionki szeryfowe Czcionki szeryfowe wyposażone są w dodatkowe elementy ułatwiające czytanie. Elementy te, umieszczone w dolnej i górnej części liter tworzą poziome, optyczne linie ułatwiające prowadzenie

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

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

Technologia Informacyjna. semestr I, studia niestacjonarne I stopnia Elektrotechnika rok akademicki 2012/2013 Pracownia nr 2 mgr inż.

Technologia Informacyjna. semestr I, studia niestacjonarne I stopnia Elektrotechnika rok akademicki 2012/2013 Pracownia nr 2 mgr inż. Technologia Informacyjna semestr I, studia niestacjonarne I stopnia Elektrotechnika rok akademicki 2012/2013 Pracownia nr 2 mgr inż. Adam Idźkowski Technologia informacyjna Pracownia nr 2 2 Edytor tekstu

Bardziej szczegółowo