Karol Wierzchołowski HTML. czyli tworzenie stron internetowych. Wydanie czwarte. Naucz się z nami tworzyć strony WWW w języku HTML

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

Download "Karol Wierzchołowski HTML. czyli tworzenie stron internetowych. Wydanie czwarte. Naucz się z nami tworzyć strony WWW w języku HTML"

Transkrypt

1 Karol Wierzchołowski HTML czyli tworzenie stron internetowych Wydanie czwarte Naucz się z nami tworzyć strony WWW w języku HTML Komputerowa Oficyna Wydawnicza HELP

2 Redakcja: Piotr Gomoliński by Komputerowa Oficyna Wydawnicza HELP Michałowice 2003, Kanie 2012 Ten kurs jest dla tych, którzy nie tylko chcą biernie czerpać informacje z sieci, ale zapragnęli coś do niej dodać od siebie. Jest to kurs tworzenia własnych stron internetowych. Napisanie własnej wizytówki nie jest trudne i jest w zasięgu każdego. Nie potrzeba mieć w tym zakresie żadnego większego doświadczenia, czy też posiadać znajomości dodatkowych języków. Nasza nauka sprowadzi się do opanowania podstaw języka HTML. To wystarczy na początek w zupełności do utworzenia własnych, prostych witryn WWW. Później, jeśli zajdzie taka potrzeba, będziesz mógł sięgnąć po inne pozycje uzupełniające wiadomości o języku HTML, szerzej omawiające aspekty arkuszy stylów CSS, czy też dotyczące podstaw języka JavaScript. Jeśli będziesz chciał utworzyć rozbudowany serwis, spokojnie będziesz mógł sięgnąć do literatury na temat języka PHP, czy też innych mu podobnych; nauczyć się tworzenia animacji we Flashu, czy też korzystania z baz danych. Jednak opanowanie języka HTML jest postawą, bo bez jego znajomości nie można ruszyć ani kroku dalej. Ta książka ułatwi Ci postawienie tego pierwszego kroku. Kod HTML możesz pisać za pomocą dowolnego edytora. Zachęcamy jednak do skorzystania z edytora EdHTML i jego następcy CoreEditor. Materiał nie jest trudny, więc nie powinieneś mieć problemów z jego opanowaniem. W książce umieściliśmy jak najwięcej rysunków, gdyż potrafią one zastąpić całe strony tekstu i dużo łatwiej jest zrozumieć zagadnienie oglądając je i porównując z kodem. W rozdziale zatytułowanym Zasady webmastera umieściliśmy opis błędów najczęściej popełnianych przez początkujących twórców stron WWW. Wydawca: Komputerowa Oficyna Wydawnicza HELP, Piotr Gomoliński ul. Górna 3a, Kanie (adres tylko do korespondencji) tel./faks (0-22) , tel. awaryjne: , , Druk cyfrowy ISBN

3 Spis treści 1. Wstęp 7 2. Podstawy HTML Znaczniki Szablon strony Pierwsza strona Analiza pierwszej strony Nowa linia i odstępy Znaki specjalne Proste formatowanie tekstu Argumenty znaczników Pozioma linia Nagłówki Czcionka EdHTML (CoreEditor) Instalacja i konfiguracja Obsługa programu Podgląd dokumentu Znaczniki Inspektor Tagów System pomocy Szybkie wstawianie Sekcje HEAD i BODY Sekcja HEAD Polskie znaki Sekcja BODY Formatowanie tekstu Kreator tworzenia stron 54 3

4 Proste formatowanie Podgląd dynamiczny Ustawienia czcionki EdHTML to znacznie więcej Listy Listy punktowane Listy numerowane Listy definicji Automatyczne tworzenie list Hiperłącza Odnośniki do stron zewnętrznych Odnośniki do własnych dokumentów Odnośniki lokalne Odsyłanie do poczty elektronicznej Odsyłacze w programie EdHTML Rysunki i mapy Znacznik IMG Ścieżki względne i bezwzględne Strona z grafiką Okno Wstaw rysunek Rysunki jako odnośniki Mapy rysunków Tabele Proste tabele Łączenie wierszy i kolumn Ramki Ramki Ramki pływające Uwagi HTML

5 9. Zasady webmastera Nazwy i ścieżki do plików Nazwy plików Ścieżki do plików Czcionki Kolory Kolory bezpieczne Estetyka Rysunki Publikacja strony WWW Serwer Zakładamy konto Zanim wyślemy pliki Wysyłanie plików Testowanie strony Zakończenie 127 Skorowidz 128 HTML 5

6 6 HTML

7 1. Wstęp Internet rozwija się z niebywałą prędkością. Z dnia na dzień przybywa w sieci tysiące nowych witryn internetowych. W dzisiejszych czasach każdy może mieć również własną stronę, na której może publikować niemalże dowolne informacje i to zupełnie za darmo. Internet to prawdziwa kopalnia wiedzy, z której można się dowiedzieć czegoś na prawie każdy temat. To nowe medium przyciąga nie tylko użytkowników domowych, ale również różne firmy, korporacje i instytucje. Poprzez sieć można rozmawiać ze znajomymi znajdującymi się na drugim końcu globu, dokonywać zakupów, brać udział w różnych aukcjach i konkursach. Sieć pozwala na sprawdzenie swojego konta w banku, dokonanie bezpiecznego i błyskawicznego przelewu, dostęp do najświeższych informacji, zapewnia też miejsce dla rozrywki i zabawy. Książka, którą trzymasz w rękach, przeznaczona jest dla tych wszystkich, którzy potrafią posługiwać się przeglądarką internetową, czy też programem pocztowym. Nie jest to więc wprowadzenie do zagadnień związanych z obsługą Internetu. To raczej poradnik dla tych, którzy nie tylko chcą biernie czerpać informacje z sieci, ale zapragnęli coś dodać od siebie. Czy to chcąc wypromować swoją osobę, czy firmę lub po prostu zaoferować innym dostęp do pewnych informacji. Podzielić się własną wiedzą i doświadczeniem. Jest to po prostu kurs tworzenia własnych stron internetowych. Napisanie własnej wizytówki nie jest trudne i jest w zasięgu każdego. Nie potrzeba mieć w tym zakresie żadnego większego doświadczenia, czy też znajomości żadnych dodatkowych języków. Niemniej projektowanie serwisów internetowych stało się pewną sztuką. Obecnie nie korzysta się już tylko z języka HTML (jak było to kiedyś), ale przy pisaniu serwisu wykorzystuje się tzw. style CSS, różne dodatkowe języki, np. JavaScript, PHP, ASP, Perla, bazy danych (np. MySQL). Często korzysta się także z kontrolek ActivX pisanych w jeszcze innych językach, czy też apletów Javy. Niektóre strony pisane są w całości we Flashu! Jak więc sam widzisz, chcąc poznać te wszystkie aspekty i podejścia do tworzenia własnych stron, należałoby posiąść ogromną wiedzę. Na pewno nie zmieściłaby się ona w tym jednym podręczniku. Ale nie jest ona również potrzebna! Szczególnie na początku. Nasza nauka sprowadzi się do opanowania podstaw języka HTML. To na początek wystarczy w zupełności do utworzenia własnych, prostych witryn WWW. Później, jeśli zajdzie taka potrzeba, będziesz mógł sięgnąć po inne pozycje uzupełniające wiadomości o języku HTML, omawiające szerzej 7

8 aspekty arkuszy stylów CSS, czy też omawiające podstawy języka JavaScript. Jeśli będziesz chciał utworzyć rozbudowany serwis, spokojnie będziesz mógł sięgnąć do literatury na temat języka PHP, czy też innych mu podobnych. Nauczyć się tworzenia animacji we Flashu, czy też korzystania z baz danych. Jednak opanowanie języka HTML jest postawą. Bez tej znajomości nie można ruszyć ani kroku dalej. Ta książka ułatwi Ci postawienie tego pierwszego kroku. Materiał nie jest trudny, więc nie powinieneś mieć problemów z jego opanowaniem. W książce starałem się umieścić jak najwięcej rysunków, gdyż potrafią one zastąpić całe strony tekstu i dużo łatwiej jest zrozumieć zagadnienie oglądając je i porównując z kodem. W przedostatnim rozdziale zatytułowanym Zasady webmastera umieściłem opis najczęściej popełnianych błędów przez początkujących twórców stron WWW. Niektóre z tematów się wówczas powtarzają, jednak z uwagi na ich priorytet i częste błędy, postanowiłem je powtórzyć. Życząc wspaniałej zabawy, zapraszam do wspólnej nauki! 8 HTML

9 2. Podstawy W tym rozdziale dowiemy się, czym jest język HTML i na czym polega filozofia pisania własnych stron WWW. Poznamy strukturę każdego pliku HTML oraz elementy z jakich się on składa. Są to wiadomości fundamentalne, których opanowanie jest niezbędne, aby móc kontynuować naukę tego języka HTML HTML to skrót od HyperText Markup Language, czyli język znaczników hipertekstowych. Przy jego pomocy pisze się tzw. strony internetowe, czyli dokumenty, które następnie można przeglądać i czytać za pomocą tzw. przeglądarki internetowej. Przeglądarka internetowa to program, który zna język HTML (i nie tylko ten), a tym samym potrafi odpowiednio interpretować jego słowa. Język HTML jest prosty w nauce. Składa się z niewielkiej ilości słów (tzw. znaczników, tagów), za pomocą których można dowolnie manipulować tekstem i grafiką na stronie. Nie ma potrzeby uczyć się tych słów na pamięć. W trakcie czytania tej książki, wpisywania kolejnych przykładowych fragmentów, spostrzeżesz, że nowe polecenia same utkwiły Ci w pamięci Znaczniki Język HTML składa się z tzw. znaczników (tagów). Każdy znacznik języka ma specyficzne i określone znaczenie. Przeglądarka internetowa po napotkaniu takiego obiektu odpowiednio go interpretuje. Wszystkie znaczniki objęte są nawiasami trójkątnymi. Oto jak one wyglądają: <html> znacznik dokumentu HTML <head> znacznik nagłówka dokumentu <body> znacznik ciała dokumentu <b> znacznik pogrubienia tekstu <p> znacznik nowego akapitu <a> znacznik hiperłącza 9

10 <br> znacznik przejścia do nowej linii itd. Większość znaczników otwiera się i zamyka, a więc jakby obejmują one jakąś partię tekstu. Zamknięcie znacznika polega na umieszczeniu przed jego nazwą (ale po otwierającym nawiasie trójkątnym) slasha. Oto przykład: </html> znacznik zamykający dokument HTML </head> znacznik zamykający nagłówek dokumentu </body> znacznik zamykający ciało dokumentu </b> znacznik kończący blok pogrubionego tekstu </p> - znacznik kończący akapit itp. Np.: <b>ten tekst będzie pogrubiony.</b> Ten już nie. Jednak nie wszystkie znaczniki się zamyka (np. znacznik <br>), a niektóre można zamykać, ale nie trzeba (np. <p>). Znaczniki można w sobie zagnieżdżać, tzn. tekst objęty jedną parą znaczników (otwierającym i zamykającym) objąć jeszcze inną parą lub w jego wnętrzu wykorzystać znaczniki, których się nie zamyka. Oto przykład: <b>to jest pogrubione, <u>a to jest jeszcze podkreślone</u></b> lub <p>pierwsza linia <br>druga linia</p> 10 HTML

11 2.3. Szablon strony Każda strona napisana w języku HTML posiada pewien szablon. Oto jego najprostsza forma: <html> <head>... nagłówek... </head> <body>... ciało... </body> </html> Widzimy, że cały dokument HTML jest objęty znacznikami <html> i </html>. Składa się on z dwóch części. Części nagłówkowej (umieszczonej pomiędzy <head> i </head>) i z części głównej dokumentu (tzw. ciała), czyli <body> </body>. W części nagłówkowej umieszcza się informacje, które nie są wyświetlane w treści strony. Znajdują się tam takie dane jak: tytuł witryny, autor, krótki opis wyświetlany przez wyszukiwarki, słowa kluczowe, na które zwracają uwagę wyszukiwarki podczas poszukiwań itp. W części głównej strony (w jej ciele) umieszcza się natomiast treść właściwą dokumentu, a więc tę, która wyświetlana jest przez przeglądarkę. W języku HTML nie ma znaczenia czy znacznik napisany jest małymi literami, czy też wielkimi. Dlatego możesz wpisywać w taki sposób, w jaki Ci wygodniej. Może to więc być znacznik <html>, <HTML>, a nawet <Html>. Polecam jednak pisanie znaczników tylko małymi literami. HTML 11

12 2.4. Pierwsza strona WWW Utwórzmy teraz pierwszą stronę internetową. W tym celu uruchom systemowy Notatnik i wpisz do niego następującą treść: <html> <head> <title>pierwsza strona WWW</title> </head> <body> To jest nasza pierwsza strona internetowa. </body> </html> Zapisz plik pod nazwą index.htm i kliknij na nim dwukrotnie lewym przyciskiem myszy. Kiedy tego dokonasz uruchomi się domyślna przeglądarka internetowa (np. Internet Explorer), która wyświetli stronę, jaką przed chwilą napisaliśmy. Rysunek 2.1. Pierwsza strona WWW 12 HTML

13 Analiza pierwszej strony Treść strony internetowej jest zwykłym tekstem, dlatego do jej napisania nie potrzebujemy żadnych dodatkowych narzędzi. By tworzyć własne witryny wystarczy systemowy Notatnik, czy też dowolny inny edytor ASCII. Oczywiście istnieją specjalne programy, które ten proces znacznie ułatwiają i w przyszłości do nich również sięgniemy. Jednak w tym momencie, poznając fundamentalne podstawy języka, będziemy posługiwać się Notatnikiem, aby być bliżej języka i dokładniej go zrozumieć. Pliki ze stronami internetowymi zapisujemy z rozszerzeniem htm lub html. Plik główny (pierwszy) nazywamy zazwyczaj index, a więc pełna jego nazwa to index.htm lub index.html. Tak też nazwaliśmy plik naszej witryny. Kiedy wpisujesz adres jakiejś strony internetowej w swojej przeglądarce, zazwyczaj nie podajesz pliku, który chcesz z danej witryny wyświetlić. Przykładowo: W takich przypadkach serwer, na którym umieszczona jest dana strona poszukuje plików o nazwie index.htm, index.html itd. (co jest zależne od konfiguracji). Dlatego na Twojej stronie, dokument główny również powinien mieć taką nazwę. Dzięki temu, jak w przyszłości wyślemy go na zdalny serwer, nie będzie problemu z wyświetlaniem dokumentu. Wszystkie strony internetowe, jakie utworzymy, zapisujemy u siebie na dysku. Jednak w przyszłości będziemy je wysyłali na zdalny serwer w Internecie. Ponieważ większość serwerów pracuje pod systemami Unix, dla których wielkość liter w nazwach plików ma duże znaczenie, musimy konsekwentnie używać jednego stylu nazywania zbiorów. Najlepszym sposobem jest nazywanie plików za pomocą samych małych liter (i bez specyficznych polskich znaków tj. ą, ę, ś itd.). Kiedy mamy już utworzony plik (jak w przykładzie powyżej) i nakazujemy przeglądarce, aby go wyświetliła, następuje odpowiednie przetworzenie wskazanego dokumentu. Przeglądarka internetowa analizuje plik od lewej strony do prawej i od góry do dołu. Dlatego nie ma dla niej znaczenia, czy cała strona umieszczona będzie w jednej linijce, czy też każde słowo będzie w kolejnej linii. HTML 13

14 Podczas analizy przeglądarka wyłapuje każdy znacznik (tzn. blok pomiędzy nawiasami trójkątnymi) i nie wyświetla go na stronie. Zamiast tego sprawdza, jakie dany znacznik ma znaczenie i odpowiednio konfiguruje sposób wyświetlania danych. Przykładowo, po napotkaniu znacznika <b> nie wyświetla go na stronie, tylko zapamiętuje, że cały tekst, który dalej nastąpi, ma być pogrubiony. Następnie w dokumencie znajdzie się zapewne ten tekst i w taki też sposób zostanie on pokazany. Po nim przeglądarka odnajdzie znacznik </b>, czyli znacznik zamykający. W tym momencie wyłączy pogrubienie, które wcześniej zostało ustawione. Przeanalizujmy teraz dokładnie naszą pierwszą witrynę. Przeglądarka odnajdzie w niej znacznik <html>, co jej komunikuje, że właśnie rozpoczął się dokument napisany w języku HTML. Kolejny znacznik to <head>. Przeglądarka wie już, że zaczyna się blok nagłówkowy dokumentu. Odnajduje znacznik <title>. Oznacza on, że od tego momentu w dokumencie będzie zapisany tytuł strony. Dlatego zapamiętuje go (nie wyświetlając) aż napotka koniec tytułu, czyli znacznik </title>. Wówczas zna cały tytuł i wyświetla go w pasku tytułowym programu (porównaj z Rysunek 2.1.). Następnie przetwarza plik dalej. Odnajduje znacznik </head>, a zatem blok nagłówkowy się skończył. Teraz występuje znacznik <body>, czyli rozpoczyna się ciało główne dokumentu, a więc tekst, który ma zostać wyświetlony. Tak też się staje. Na koniec odnajduje znacznik </body>, czyli koniec ciała i </html> koniec dokumentu HTML. Ponieważ każdy dokument HTML ma tę samą składnię i szablon, to prawie zawsze po znaczniku </head> występuje znacznik <body>. Dlatego użycie tego pierwszego nie jest konieczne. Kiedy przeglądarka analizując nagłówek napotka znacznik <body> domyśli się, że rozpoczyna się ciało dokumentu, a zatem jest to koniec nagłówka. Podobnie jest z innymi znacznikami, np. <li> - służący do wypunktowania. Jego także nie trzeba zamykać. Jednak aby nasze pierwsze strony były dla nas bardziej czytelne, będziemy zamykać wszystkie znaczniki wymagające lub dopuszczające zamykanie. 14 HTML

15 2.5. Nowa linia i odstępy Utwórz taki dokument i wyświetl go w przeglądarce: <html> <head> <title>nowa linia</title> </head> <body> To jest przykładowy tekst, który będzie wyświetlony na stronie. </body> </html> Rysunek 2.2. Nowa linia Celowo w dokumencie umieściliśmy wiele spacji pomiędzy wyrazami i rozbiliśmy go na kilka linii. W przeglądarce wygląda jednak zupełnie inaczej. Jakby tych spacji i tych przejść do nowej linii w ogóle nie było, prawda? Tak HTML 15

16 będzie zawsze, gdyż domyślnie przeglądarka jest w takim trybie, w którym wielokrotne spacje i przejścia do nowych linii są ignorowane. Więc jak sobie poradzić? Wystarczy użyć znacznika <br>, który tworzy przejście do nowej linii (tego znacznika nie zamykamy) i specjalnej sekwencji która tworzy tzw. twardą spację. Oto przykład: <html> <head> <title>nowa linia 2</title> </head> <body> To jest przykładowy<br>tekst. </body> </html> Język HTML posiada znacznik <pre> </pre>. Tekst, który zostanie nim objęty będzie wyświetlony czcionką o stałej szerokości znaków i będą w nim interpretowane wszystkie zwykłe spacje i przejścia do nowej linii. Sprawdź to samemu obejmując tekst z przykładu poprzedniego owymi znacznikami. Tym razem, pomimo iż cały tekst umieściliśmy w jednej linii, na stronie wyraz tekst jest w wierszu następnym. To dlatego, gdyż przed tym wyrazem umieściliśmy znacznik <br> co oznacza przejście do nowej linii (tego znacznika nie zamykamy). Pomiędzy wyrazami jest i przykładowy znajduje się więcej spacji. To z kolei zasługa twardej spacji. Bardzo często korzysta się ze znacznika <p>. Jest to tzw. akapit (paragraf). Kolejne partie tekstu objęte tymi znacznikami oddzielane są od siebie dodatkową linią pustą. Spójrz na przykład: <html> <head> <title>akapit</title> </head> <body> 16 HTML

17 <p>to jest pierwszy akapit. Cały ten tekst jest stosunkowo długi, dlatego zostanie zawinięty przez przeglądarkę i tym samym cały będzie widoczny. Będzie jednak umieszczony w kilku liniach (zależnie od szerokości okna przeglądarki).</p> <p>a to jest już drugi akapit. Można zauważyć, że w stosunku do poprzedniego, oddzielony jest od niego dodatkowym odstępem. To właśnie charakteryzuje poznany znacznik.</p> </body> </html> Rysunek 2.3. Nowy akapit HTML 17

18 2.6. Znaki specjalne Ponieważ każdy znacznik objęty jest nawiasami trójkątnymi, mógłbyś zadać pytanie w jaki sposób wyświetlić na stronie sam taki znak? Przykładowo, chcielibyśmy wyświetlić na naszej stronie zadanie matematyczne postaci: x+2<5. Jak tego dokonać? Zapis: <p> x+2<5 </p> Nie jest poprawny. Interpreter języka HTML (przeglądarka) po napotkaniu znaku mniejszości w tej nierówności, może potraktować go jako początek nowego znacznika HTML i przez to nie wyświetli na stronie liczby 5. Podobnie ma się sprawa w przypadku jeszcze wielu innych znaków, których nie wolno wyświetlać w tradycyjny sposób. Z tego też względu wprowadzono w języku HTML sekwencje specjalne, wstawiające specyficzne znaki. Jedną taką sekwencję już poznaliśmy, mianowicie twardą spację. W tabeli poniżej znajduje się wykaz najczęściej wykorzystywanych sekwencji. Tabela 2.1. Znaki specjalne Znak Kod HTML Opis twarda spacja & & ampersand < < mniejsze niż > > większe niż symbol praw autorskich " " cudzysłów funt szterling paragraf zarejestrowany znak towarowy º stopień ± ± plus/minus ² ² dwójka w indeksie 18 HTML

19 ³ ³ trójka w indeksie kropka w środku wiersza ½ ½ ułamek 1/2 ¼ ¼ ułamek 1/4 ¾ ¾ Ułamek ¾ β β Beta Zgodnie z powyższą tabelą, nierówność z przykładu poprzedniego powinniśmy zapisać: <p> x+2 < 5 </p> Jak widzimy, każda sekwencja specjalna rozpoczyna się znakiem & i kończy średnikiem. Oto kolejny przykład: <p>(2² + ½)³ β < ± 3³</p> Powyższy kod wyświetli napis: (2² + ½)³ β < ± 3³ 2.7. Proste formatowanie tekstu Za pośrednictwem stron internetowych można prezentować zarówno grafikę jak i muzykę. Jednak głównym celem jest przekazanie pewnych treści tekstu. Stąd też szczególnie rozbudowane w języku HTML zostały znaczniki umożliwiające formatowanie napisów. Niezwykle często wykorzystywanymi znacznikami są: <b> pogrubienie <u> podkreślenie <i> pochylenie <strike> przekreślenie HTML 19

20 <sup> indeks górny <sub> indeks dolny <big> czcionka powiększona <small> czcionka pomniejszona Każdy z tych znaczników rozpoczyna blok formatowany w dany sposób, a jego zamknięcie taki blok kończy. Oczywiście można zagnieżdżać znaczniki, a więc w pewnym bloku objętym jednym znacznikiem użyć innego. Znaczników <small> i <big> można użyć także kilkukrotnie, aby dany fragment jeszcze bardziej zmniejszyć lub zwiększyć. Oto przykład: <html> <head> <title>wiersz</title> </head> <body> <big><b>słowo</b></big> <br><br> Słowo tworzy słowo.<br> <b>czyż nie słowo tworzy wiedzę?</b><br> <u>może wiedza tworzy słowo?</u><br> <i>czyż nie wiedza tworzy wiedzę?</i><br><br> <b>czym <u>jest słowo bez</b> tej wiedzy?</u><br> <i>czym <strike>jest <u>wiedza</strike> bez tych</i> słów?</u><br>...<br> <i>karol W.</i> </body> </html> 20 HTML

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

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

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

Bardziej szczegółowo

Ć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

e r T i H M r e n L T n

e r T i H M r e n L T n s e r T t w o i H M r e o T n w z n L Podstawy 1. Nawigacja na stronie jest niezwykle istotna, powinna być możliwie jak najprostsza. Pamiętajmy, że im mniej kroków do celu tym lepiej. 2. Projekt graficzny

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

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

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

Bardziej szczegółowo

1. 2. Dobór formy do treści dokumentu w edytorze tekstu MS Word

1. 2. Dobór formy do treści dokumentu w edytorze tekstu MS Word 1. 2. Dobór formy do treści dokumentu w edytorze tekstu MS Word a. 1. Cele lekcji i. a) Wiadomości 1. Uczeń potrafi wyjaśnić pojęcia: nagłówek, stopka, przypis. 2. Uczeń potrafi wymienić dwie zasadnicze

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

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

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

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

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

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

Zastanawiałeś się może, dlaczego Twój współpracownik,

Zastanawiałeś się może, dlaczego Twój współpracownik, Kurs Makra dla początkujących Wiadomości wstępne VBI/01 Piotr Dynia, specjalista ds. MS Office Czas, który poświęcisz na naukę tego zagadnienia, to 15 20 minut. Zastanawiałeś się może, dlaczego Twój współpracownik,

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

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

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

Bardziej szczegółowo

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

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

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

Bardziej szczegółowo

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

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

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

Być może jesteś doświadczonym programistą, biegle programujesz w Javie,

Być może jesteś doświadczonym programistą, biegle programujesz w Javie, Kompendium PHP 01 Być może jesteś doświadczonym programistą, biegle programujesz w Javie, C++, Pythonie lub jakimś innym języku programowania, których jak myślę, powstało już tyle, że chyba nie ma osoby,

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

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

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

Ć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

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

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

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

Drugi rok nauczania semestr I. Ocena Tematyka Dopuszczająca Dostateczna Dobra Bardzo dobra 1 2 3 4 5 Multimedia

Drugi rok nauczania semestr I. Ocena Tematyka Dopuszczająca Dostateczna Dobra Bardzo dobra 1 2 3 4 5 Multimedia Drugi rok nauczania semestr I. Ocena Tematyka Dopuszczająca Dostateczna Dobra Bardzo dobra 1 2 3 4 5 Multimedia - Zna regulamin i przepisy BHP w pracowni komputerowej - Wie, co to jest prezentacja multimedialna

Bardziej szczegółowo

Proste kody html do szybkiego stosowania.

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

Bardziej szczegółowo

znajdowały się różne instrukcje) to tak naprawdę definicja funkcji main.

znajdowały się różne instrukcje) to tak naprawdę definicja funkcji main. Część XVI C++ Funkcje Jeśli nasz program rozrósł się już do kilkudziesięciu linijek, warto pomyśleć o jego podziale na mniejsze części. Poznajmy więc funkcje. Szybko się przekonamy, że funkcja to bardzo

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

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

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

[

]
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

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

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

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

Bardziej szczegółowo

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

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

Bardziej szczegółowo

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

Jak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu:

Jak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu: Jak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu: Klikasz Wpisy, a następnie Dodaj nowy i otwiera się taki ekran: 1 W tym miejscu tworzysz

Bardziej szczegółowo

Pokaz slajdów na stronie internetowej

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

Bardziej szczegółowo

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

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

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

Bardziej szczegółowo

OLIMPIADA INFORMATYCZNA 2010 ROK ETAP SZKOLNY

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

Bardziej szczegółowo

Damian Daszkiewicz 2010 www.damiandaszkiewicz.pl www.videowebmaster.pl. Tworzenie strony-wizytówki dla firmy XYZ

Damian Daszkiewicz 2010 www.damiandaszkiewicz.pl www.videowebmaster.pl. Tworzenie strony-wizytówki dla firmy XYZ Damian Daszkiewicz 2010 www.damiandaszkiewicz.pl www.videowebmaster.pl Tworzenie strony-wizytówki dla firmy XYZ Dokument może być dowolnie rozpowszechniany w niezmiennej formie. Nie możesz pobierać opłat

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

Wymagania edukacyjne na poszczególne oceny. z przedmiotu Informatyki. w klasie VI

Wymagania edukacyjne na poszczególne oceny. z przedmiotu Informatyki. w klasie VI Wymagania edukacyjne na poszczególne oceny z przedmiotu Informatyki w klasie VI Ocenę niedostateczna nie zna regulamin pracowni nie potrafi wymienić 3 dowolnych punktów regulaminu nie dba o porządek na

Bardziej szczegółowo

CMS- kontakty (mapa)

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

Bardziej szczegółowo

edycja szablonu za pomocą serwisu allegro.pl

edycja szablonu za pomocą serwisu allegro.pl edycja szablonu za pomocą serwisu allegro.pl 2 Do obsługi Twojego szablonu nie jest wymagane żadne dodatkowe oprogramowanie - jedyne czego potrzebujesz to aktywne konto w serwisie allegro.pl. Dokładne

Bardziej szczegółowo

Ja i moje zainteresowania tworzenie własnej strony internetowej

Ja i moje zainteresowania tworzenie własnej strony internetowej Ja i moje zainteresowania tworzenie własnej strony internetowej 1. Cele lekcji a) Wiadomości Uczeń: - potrafi wyjaśnić pojęcie strona WWW, - zna sposoby tworzenia stron internetowych. b) Umiejętności Uczeń

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

Tematyka i rozwiązania metodyczne kolejnych zajęć lekcyjnych wraz z ćwiczeniami.

Tematyka i rozwiązania metodyczne kolejnych zajęć lekcyjnych wraz z ćwiczeniami. Tematyka i rozwiązania metodyczne kolejnych zajęć lekcyjnych wraz z ćwiczeniami. Zagadnienie tematyczne (blok tematyczny): Internet i sieci (Podr.cz. II, str.37-69) Podstawa programowa: Podstawowe zasady

Bardziej szczegółowo

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

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

Bardziej szczegółowo

Ć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

Stawiamy pierwsze kroki

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

Bardziej szczegółowo

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

World Wide Web? rkijanka

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

Bardziej szczegółowo

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

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

CAŁOŚĆ OPRACOWANIA POWINNA ZAWIERAĆ MAKSYMALNIE 10 STRON.

CAŁOŚĆ OPRACOWANIA POWINNA ZAWIERAĆ MAKSYMALNIE 10 STRON. CAŁOŚĆ OPRACOWANIA POWINNA ZAWIERAĆ MAKSYMALNIE 10 STRON. REDAKCJA NIE INGERUJE W ZAWARTOŚĆ MERYTORYCZNĄ NADESŁANYCH ARTYKUŁÓW I NIE DOKONUJE KOREKTY PISOWNI. REDAKCJA PRZYJMUJE PLIKI WYŁĄCZNIE W FORMACIE

Bardziej szczegółowo

INSTRUKCJA EDYCJI PROFILU OSOBOWEGO W SERWISIE WWW.UMCS.PL

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

Bardziej szczegółowo

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

Zajęcia komputerowe klasy I-III- wymagania

Zajęcia komputerowe klasy I-III- wymagania Zajęcia komputerowe klasy I-III- wymagania L.P miesiąc Klasa I Klasa II Klasa III 1. wrzesień Uczeń Uczeń Uczeń Zna regulaminpracowni komputerowej i stosuje się do niego; Wymienia 4 elementyzestawukomputerowego;

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

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

Wymagania dla cyklu dwugodzinnego w ujęciu tabelarycznym. Gimnazjum nr 1 w Miechowie

Wymagania dla cyklu dwugodzinnego w ujęciu tabelarycznym. Gimnazjum nr 1 w Miechowie Wymagania dla cyklu dwugodzinnego w ujęciu tabelarycznym Gimnazjum nr 1 w Miechowie Informatyka Lp. Uczeń: 1. Zna regulamin i przepisy BHP w pracowni komputerowej 2. Wie, na czym polega bezpieczna praca

Bardziej szczegółowo

URL: http://www.ecdl.pl

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

Bardziej szczegółowo

Aplikacje WWW - laboratorium

Aplikacje WWW - laboratorium Aplikacje WWW - laboratorium HTML + CSS Celem ćwiczenia jest przygotowanie prostej aplikacji internetowej składającej się z zestawu stron w języku HTML. Ćwiczenia można wykonać na dowolnym komputerze,

Bardziej szczegółowo

darmowe zdjęcia - allegro.pl

darmowe zdjęcia - allegro.pl darmowe zdjęcia - allegro.pl 1 Darmowe zdjęcia w Twoich aukcjach allegro? Tak to możliwe. Wielu sprzedających robi to od dawna i wbrew pozorom jest to bardzo proste. Serwis allegro oczywiście umożliwia

Bardziej szczegółowo

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

Cw.12 JAVAScript w dokumentach HTML

Cw.12 JAVAScript w dokumentach HTML Cw.12 JAVAScript w dokumentach HTML Wstawienie skryptu do dokumentu HTML JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania.skrypty Java- Script mogą być zagnieżdżane

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

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

5. Kliknij teraz na ten prostokąt. Powinieneś w jego miejsce otrzymać napis. Jednocześnie została wywołana kolejna pozycja menu.

5. Kliknij teraz na ten prostokąt. Powinieneś w jego miejsce otrzymać napis. Jednocześnie została wywołana kolejna pozycja menu. Dziś zastosujemy w naszym projekcie komponent MainMenu (menu główne). Ten element należy do grupy komponentów niewidocznych i daje możliwość skonstruowania rozwijanego menu i dostosowania go do potrzeb

Bardziej szczegółowo

WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE STOPNIE Z INFORMATYKI W KLASIE IV

WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE STOPNIE Z INFORMATYKI W KLASIE IV WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE STOPNIE Z INFORMATYKI W KLASIE IV Nauczyciel: mgr Magdalena Witczak PODSTAWOWE ZASADY Przestrzeganie zasad bezpiecznej pracy przy komputerze Stosowanie regulaminu pracowni

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

Konfiguracja szablonu i wystawienie pierwszej aukcji allegro

Konfiguracja szablonu i wystawienie pierwszej aukcji allegro Konfiguracja szablonu i wystawienie pierwszej aukcji allegro Metod na wystawienie aukcji na allegro jest co najmniej 2. W pierwszej przechodzimy do zakładki MOJA SPRZEDAŻ, w USTAWIENIACH SPRZEDAŻY odnajdujemy

Bardziej szczegółowo

Przedmiotowy system oceniania z informatyki

Przedmiotowy system oceniania z informatyki Przedmiotowy system oceniania z informatyki Przedmiotowy system oceniania został skonstruowany w oparciu o następujące dokumenty: Rozporządzenie MEN z dnia 7 września 2004 roku w sprawie zasad oceniania,

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

Wymagania na poszczególne oceny w klasach I gimnazjum

Wymagania na poszczególne oceny w klasach I gimnazjum Wymagania na poszczególne oceny w klasach I gimnazjum Prawo autorskie - zagadnienia etyczne i prawne związane z ochroną własności intelektualnej Podstawy języka HTML Tworzenie witryny WWW - tło i obrazki

Bardziej szczegółowo

KATEGORIA OBSZAR WIEDZY

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

Bardziej szczegółowo

Po wpisaniu adresu w oknie przeglądarki powinien się ukazać formularz logowania.

Po wpisaniu adresu w oknie przeglądarki powinien się ukazać formularz logowania. Dodawanie i edytowanie treści jest możliwe poprzez panel administracyjny, do którego dostęp mamy poprzez wpisanie w przeglądarce adresu http://christianitas.jedryka.com/admin (na razie), a w przyszłości

Bardziej szczegółowo

JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania.

JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. IŚ ćw.8 JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript są zagnieżdżane w dokumentach HTML. Skrypt JavaScript

Bardziej szczegółowo

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

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

Bardziej szczegółowo

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

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

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

Bardziej szczegółowo

2. Projektowanie stron WWW podstawowe informacje

2. Projektowanie stron WWW podstawowe informacje 1. Uczeń: Uczeń: 2. Projektowanie stron WWW podstawowe informacje a. 1. Cele lekcji i. a) Wiadomości zna podstawowe zasady tworzenia stron internetowych, rozróżnia tryb tekstowy tworzenia stron www od

Bardziej szczegółowo

Tell a Story. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć własną stronę internetową, by opowiedzieć historyjkę, dowcip albo wiersz.

Tell a Story. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć własną stronę internetową, by opowiedzieć historyjkę, dowcip albo wiersz. HTML & CSS 1 Tell a Story Każdy Klub Kodowania musi być zarejestrowany. Zarejestrowane kluby można zobaczyć na mapie na stronie codeclubworld.org - jeżeli nie ma tam twojego klubu sprawdź na stronie jumpto.cc/18cplpy

Bardziej szczegółowo

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

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

Bardziej szczegółowo

INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ

INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ Spis treści: 1 Logowanie do panelu administracyjnego 2 Dodawanie obiektów na stronie 2.1 Wybór podstrony 2.2 Wybór obiektu 2.2.1 Dodawanie obiektów tekstowych

Bardziej szczegółowo

Stosowanie, tworzenie i modyfikowanie stylów.

Stosowanie, tworzenie i modyfikowanie stylów. Stosowanie, tworzenie i modyfikowanie stylów. We wstążce Narzędzia główne umieszczone są style, dzięki którym w prosty sposób możemy zmieniać tekst i hurtowo modyfikować. Klikając kwadrat ze strzałką w

Bardziej szczegółowo

Wyszukiwarki stosują różne metody oceny stron i algorytmy oceniające za indeksowane strony różnią się w poszczególnych wyszukiwarkach, ale można

Wyszukiwarki stosują różne metody oceny stron i algorytmy oceniające za indeksowane strony różnią się w poszczególnych wyszukiwarkach, ale można Wyszukiwarki stosują różne metody oceny stron i algorytmy oceniające za indeksowane strony różnią się w poszczególnych wyszukiwarkach, ale można jednak wyróżnić 3 główne elementy, które brane są pod uwagę:

Bardziej szczegółowo

Writer wzory matematyczne

Writer wzory matematyczne Writer wzory matematyczne Procesor Writer pracuje zazwyczaj w trybie WYSIWYG, podczas wpisywania wzorów matematycznych nie całkiem. Wzory wpisujemy w oknie edytora wzorów w postaci tekstu. Tekst ten jest

Bardziej szczegółowo

Jak posługiwać się edytorem treści

Jak posługiwać się edytorem treści Jak posługiwać się edytorem treści Edytor CKE jest bardzo prostym narzędziem pomagającym osobom niezaznajomionym z językiem HTML w tworzeniu interaktywnych treści stron internetowych. Razem z praktyka

Bardziej szczegółowo

www.plansoft.org plansoft.org Zmiany w Plansoft.org Panel wyszukiwania PLANOWANIE ZAJĘĆ, REZERWOWANIE SAL I ZASOBÓW

www.plansoft.org plansoft.org Zmiany w Plansoft.org Panel wyszukiwania PLANOWANIE ZAJĘĆ, REZERWOWANIE SAL I ZASOBÓW Zmiany w Plansoft.org Panel wyszukiwania... 1 Uruchamianie panelu wyszukiwania... 2 Wyszukiwanie poleceń menu... 2 Wyszukiwanie rozkładów zajęć wykładowców... 3 Wyszukiwanie rozkładów zajęć grup i użycia

Bardziej szczegółowo

Źródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385.

Źródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385. Źródła CSS: http://www.csszengarden.com/ XHTML: http://www.xhtml.org/ XML: http://www.w3.org/xml/ PHP: http://www.php.net/ JavaScript: http://devedgetemp.mozilla.org/library/manuals/2000/javas cript/1.5/reference/

Bardziej szczegółowo

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

uczyć się bez zagłębiania się w formalnym otoczeniu, CZĘŚĆ 3 - INTERNET 3.1 WSTĘP Internet jest globalnym zbiorem połączonych ze sobą komputerów, które przesyłają informacje między sobą za pośrednictwem szybkich połączeń sieciowych oraz linii telefonicznych.

Bardziej szczegółowo

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