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:
|
|
- Sylwia Tomaszewska
- 8 lat temu
- Przeglądów:
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 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ółowoABC 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
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 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ółowoPo 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ółowoI. 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ółowoWykł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ółowouż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ółowoOczywiś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ółowoTworzenie 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ółowoHTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
Bardziej szczegółowo2 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ółowoZaawansowana 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ółowoZadanie 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ółowoJę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ółowoza 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ółowo1. 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ółowoFormatowanie 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ółowoProgramowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
Bardziej szczegółowoMATERIAŁ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ółowoFormat 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ółowoMS 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ółowoPodrę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ółowoFragment 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ółowoZadanie 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
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ółowoPrzedmiot: 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ółowoTemat 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ółowoJustyna 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ółowoTekst 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ółowoPierwsza 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ółowo1. 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ółowoECDL/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ółowoTworzenie 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ółowoKaskadowe 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ółowoZadanie 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ółowomenu 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ółowoEdytor tekstu OpenOffice Writer Podstawy
Edytor tekstu OpenOffice Writer Podstawy OpenOffice to darmowy zaawansowany pakiet biurowy, w skład którego wchodzą następujące programy: edytor tekstu Writer, arkusz kalkulacyjny Calc, program do tworzenia
Bardziej szczegółowoEdytor 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)
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ółowoStrony 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ółowoKATEGORIA 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ółowoEdytor 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 Celem ćwiczenia jest zastosowane automatycznej, wielopoziomowej numeracji nagłówków w wielostronicowym dokumencie. Warunkiem poprawnego wykonania tego ćwiczenia jest właściwe
Bardziej szczegółowoTekst 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ółowoZadanie 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ółowoZadaniem 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ółowo1.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ółowoTematy 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ółowoModuł 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ółowoPodstawy 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ółowoSylabus 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ółowoPrzypisy 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ółowoSIECI 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ółowoPrezentacja 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ółowoHTML 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ółowoLab.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ółowoXHTML - 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 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ółowoTABULATORY - 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ółowoPodstawy 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ółowoNawigacja 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ółowo1.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ółowo29. 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ółowoPunktowanie 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ółowoECDL/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ółowoPodstawowe 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ółowoNapisy 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ółowoTworzenie 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ółowoCel 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ółowoWstęp 5 Rozdział 1. Instalacja systemu 13. Rozdział 2. Logowanie i wylogowywanie 21 Rozdział 3. Pulpit i foldery 25. Rozdział 4.
Wstęp 5 Rozdział 1. Instalacja systemu 13 Uruchamianie Ubuntu 14 Rozdział 2. Logowanie i wylogowywanie 21 Rozdział 3. Pulpit i foldery 25 Uruchamianie aplikacji 25 Skróty do programów 28 Preferowane aplikacje
Bardziej szczegółowoWstę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ółowoHTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
Bardziej szczegółowoINTERSTENO 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ółowoUstawianie 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ółowoEdytor 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ółowoPodstawy 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ółowoMs 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ółowoPoradnik obsługi systemu zarządzania treścią (CMS) Concrete5. Moduły i bloki
Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5 Moduły i bloki 1 Spis treści 1. Dodawanie bloków... 3 2. Treść i Dodaj odstęp... 3 3. Galeria obrazów Amiant... 5 4. Lista stron... 8 5. Aktualności...
Bardziej szczegółowoPrzygotowanie 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ółowoFormatowanie 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ółowoZAŁĄ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ółowoZadanie 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 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ółowoOprogramowanie 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ółowoPodstawowe 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ółowoInstrukcja 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ółowoAkademia 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ółowoOGÓ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ółowoLABORATORIUM 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ółowoYoung 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ółowoInstrukcja 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ółowopodstawowego 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ółowoTemat 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ółowoProgramowanie 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ółowoUtworzenie 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ółowoEDYCJA 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ółowoPodział 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ółowoPodstawowe 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