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

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński PROGRAMOWANIE HTML W składni języka HTML wykorzystuje się charakterystyczne znaczniki. Każdy z nich zaczyna się i kończy ostrokątnym nawiasem a pomiędzy nimi znajduje się wyrażenie html. Rozróżniamy znaczniki

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

<html> </html> <body> </body> <p> [</p>] <br> <html> <head> </head> <body> </body> </html> 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

Ć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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language

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

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

Fragment tekstu zakończony twardym enterem, traktowany przez edytor tekstu jako jedna nierozerwalna całość.

Fragment tekstu zakończony twardym enterem, traktowany przez edytor tekstu jako jedna nierozerwalna całość. Formatowanie akapitu Fragment tekstu zakończony twardym enterem, traktowany przez edytor tekstu jako jedna nierozerwalna całość. Przy formatowaniu znaków obowiązywała zasada, że zawsze przez rozpoczęciem

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

Ć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

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Przedmiot: Grafika komputerowa i projektowanie stron WWW KARKONOSKA PAŃSTWOWA SZKOŁA WYŻSZA Kierunek: Dziennikarstwo i komunikacja społeczna Przedmiot: Grafika komputerowa i projektowanie stron WWW 1 opracował: dr inż. Jerzy Januszewicz HTML (HyperText Markup

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

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

Tekst podstawowe znaczniki

Tekst podstawowe znaczniki Wyświetlanie Tekst podstawowe znaczniki Język HTML przewiduje dwa podstawowe modele wyświetlania treści znaczników: w bloku - podczas wyświetlania bloku w przeglądarce, automatycznie dodawane są znaki

Bardziej szczegółowo

Pierwsza strona internetowa

Pierwsza strona internetowa HTML i CSS Pierwsza strona internetowa Rozpoczynając pracę na swoim komputerze powinieneś posiadać: dowolny edytor tekstowy (np. Notatnik), dostęp do Internetu, Microsoft Visual Studio. Podstawy formatowania

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

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

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

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

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

menu kontekstowe menu dostępne pod prawym klawiszem myszy, twarda spacja spacja nierozdzielająca (Ctrl + Shift + spacja).

menu kontekstowe menu dostępne pod prawym klawiszem myszy, twarda spacja spacja nierozdzielająca (Ctrl + Shift + spacja). Ćwiczenie: CV Podstawowe pojęcia: menu kontekstowe menu dostępne pod prawym klawiszem myszy, twarda spacja spacja nierozdzielająca (Ctrl + Shift + spacja). 1. Okno Style Włącz okno Style klikając na ikonę

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

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

Ć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

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

KATEGORIA OBSZAR WIEDZY

KATEGORIA OBSZAR WIEDZY Moduł 3 - Przetwarzanie tekstów - od kandydata wymaga się zaprezentowania umiejętności wykorzystywania programu do edycji tekstu. Kandydat powinien wykonać zadania o charakterze podstawowym związane z

Bardziej szczegółowo

Edytor tekstu MS Word 2010 PL. Edytor tekstu to program komputerowy umożliwiający wprowadzenie lub edycję tekstu.

Edytor tekstu MS Word 2010 PL. Edytor tekstu to program komputerowy umożliwiający wprowadzenie lub edycję tekstu. Edytor tekstu MS Word 2010 PL. Edytor tekstu to program komputerowy umożliwiający wprowadzenie lub edycję tekstu. SP 8 Lubin Zdjęcie: www.softonet.pl Otwieranie programu MS Word. Program MS Word można

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

Tekst humanistyczny. Tekst naukowy na stronie www

Tekst humanistyczny. Tekst naukowy na stronie www Tekst naukowy na stronie www W tej lekcji zostaną pokazane przykłady wprowadzania tekstu naukowego na stronę www. Ta umiejętność jest bardzo przydatna dla każdego nauczyciela, który zechce publikować na

Bardziej szczegółowo

Zadanie 10. Stosowanie dokumentu głównego do organizowania dużych projektów

Zadanie 10. Stosowanie dokumentu głównego do organizowania dużych projektów Zadanie 10. Stosowanie dokumentu głównego do organizowania dużych projektów Za pomocą edytora Word można pracować zespołowo nad jednym dużym projektem (dokumentem). Tworzy się wówczas dokument główny,

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

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

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

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

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

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

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

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

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

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

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

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

Ć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

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

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

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

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

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

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

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

ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 6.0 ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 6.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

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

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

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

Cel ogólny lekcji: Wprowadzenie do tworzenia stron WWW w języku HTML. Wprowadzenie pojęć: strona WWW, język HTML, dokument HTML.

Cel ogólny lekcji: Wprowadzenie do tworzenia stron WWW w języku HTML. Wprowadzenie pojęć: strona WWW, język HTML, dokument HTML. Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 23 lutego 2006 roku Czas trwania zajęć: 45 minut, przedmiot: TI Temat lekcji: Pierwsze kroki w języku

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

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

HTML (HyperText Markup Language)

HTML (HyperText Markup Language) HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy

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

Ustawianie wcięcia za pomocą klawisza TAB

Ustawianie wcięcia za pomocą klawisza TAB Ustawianie wcięcia za pomocą klawisza TAB Przycisk Plik => opcje => sprawdzanie => opcje autokorekty => autoformatowanie podczas pisania => ustaw wcięcie z lewej i pierwsze wcięcie klawiszami Tab i Backspace

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

Podstawy informatyki

Podstawy informatyki Podstawy informatyki semestr I, studia stacjonarne I stopnia Elektronika rok akademicki 2012/2013 Pracownia nr 5 Edytor tekstu Microsoft Word 2007 mgr inż. Adam Idźkowski Pracownia nr 5 2 Edytor tekstu

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

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

Przygotowanie własnej procedury... 3 Instrukcja msgbox wyświetlanie informacji w oknie... 6 Sposoby uruchamiania makra... 8

Przygotowanie własnej procedury... 3 Instrukcja msgbox wyświetlanie informacji w oknie... 6 Sposoby uruchamiania makra... 8 Przygotowanie własnej procedury... 3 Instrukcja msgbox wyświetlanie informacji w oknie... 6 Sposoby uruchamiania makra... 8 Podstawy programowania makr w Excelu 1 Aby rozpocząć pracę z makrami, należy

Bardziej szczegółowo

Formatowanie komórek

Formatowanie komórek Formatowanie komórek Korzystając z włączonego paska narzędziowego Formatowanie możemy, bez szukania dodatkowych opcji sformatować wartości i tekst wpisany do komórek Zmiana stylu czcionki (pogrubienie,

Bardziej szczegółowo

ZAŁĄCZNIK 1 LibreOffice Writer

ZAŁĄCZNIK 1 LibreOffice Writer inż. Tomasz Kowalski Wytyczne przygotowywania prac dyplomowych na Wydziale Budownictwa, Inżynierii Środowiska i Architektury Politechniki Rzeszowskiej Promotor: prof. dr hab. inż. JAN NOWAK ZAŁĄCZNIK 1

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

Ć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

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

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

Instrukcja obsługi uczelnianego cmsa

Instrukcja obsługi uczelnianego cmsa Instrukcja obsługi uczelnianego cmsa 1. Logowanie a. Aby się zalogować należy wpisać w adresie przeglądarki http://ur.krakow.pl/admin b. W okienku logowania w polu login wpisać identyfikator użytkownika

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

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

LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH. PODSTAWY JĘZYKA HTML (HyperText Markup Language)

LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH. PODSTAWY JĘZYKA HTML (HyperText Markup Language) LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH PODSTAWY JĘZYKA HTML (HyperText Markup Language) 1. STRUKTURA DOKUMENTU HTML Dokument HTML jest zwykłym nie skonwertowanym tekstem, z tak zwanymi znacznikami

Bardziej szczegółowo

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2 Young Programmer: HTML+PHP Dr inż. Małgorzata Janik, Zajęcia #2 Ramowy program warsztatów Zajęcia 1: Zajęcia wprowadzające, HTML Zajęcia 2: Style CSS (tabele i kaskadowe arkusze stylów) Zajęcia 3: Podstawy

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

podstawowego kodu strony Nowa strona WWW Dodał Administrator wtorek, 13 lipiec :21

podstawowego kodu strony Nowa strona WWW Dodał Administrator wtorek, 13 lipiec :21 Rozpoczniemy od stworzenia nowej, całkowicie czystej strony WWW. Nie jest to zadanie skomplikowane, jednak jego opanowanie jest niezwykle istotne: jeśli chcesz myśleć o tworzeniu większych serwisów WWW,

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

Utworzenie pliku. Dowiesz się:

Utworzenie pliku. Dowiesz się: Dowiesz się: 1. Jak rozpocząć pisanie programu 2. Jak wygląda szkielet programu, co to są biblioteki i funkcja main() 3. Jak wyświetlić ciąg znaków w programie 4. Jak uruchamiać (kompilować) napisany program

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

Podział na strony, sekcje i kolumny

Podział na strony, sekcje i kolumny Formatowanie stron i sekcji Formatowanie stron odnosi się do całego dokumentu lub jego wybranych sekcji. Dla całych stron ustalamy na przykład marginesy, które określają odległość tekstu od krawędzi papieru.

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