HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl
|
|
- Janina Andrzejewska
- 7 lat temu
- Przeglądów:
Transkrypt
1 HTML 1 Gimnazjum nr 1 w Barcinie UWAGA: UTWÓRZ FOLDER HTML, a w nim HTML-1 dla pierwszego ćwiczenia. Imię_ nazwisko_html-1.html z dysku J: w folderze HTML 1. Tło strony - Jednolity kolor: <body bgcolor="kolor tła" > - lub <body bgcolor="#rrggbb" > 2. Marginesy strony: <body leftmargin= szerokość rightmargin= szerokość topmargin= szerokość bottommargin= szerokość > (leftmargin-lewy, rightmargin-prawy, topmargin-od góry, bottommargin-od dołu, wymiary w pikselach) 3. Formatowanie czcionki: - krój czcionki: <font face= nazwa czcionki >treść</font> - wielkość czcionki: <font size= x >treść</font> (gdzie x od 1 do 7) - kolor czcionki: <font color= kolor >treść</font> - pogrubienie: <b>tekst</b> - pochylenie: <i> tekst </i> - podkreślenie: <u> tekst </u> - indeks górny: <sup> tekst </sup> - indeks dolny: <sub> tekst </sub> - zmniejszenie o jeden stopień: <small> tekst </small> - zwiększenie o jeden stopień: <big> tekst </big> - przekreślenie: <s> tekst </s> 4. Formatowanie tekstu (akapitu): - justowanie: <p align= justify > tekst </p> - wyśrodkowanie: <p align= center > tekst </p> - do lewej: <p align= left > tekst </p> - do prawej: <p align= right > tekst </p> - nowa linia: <br> - dodatkowy odstęp między wierszami: <p> -  - dodatkowa spacja Ćwiczenie: Korzystając z NOTATNIKA utwórz stronę pod nazwą HTML-1 z następującymi elementami: - umieść nazwę strony w sekcji <TITLE> twoje imię i nazwisko</title> - ustaw kolor strony aqua, - ustaw marginesy po 50 pikseli, - wpisz tekst ćwiczenie 1 HTML i ustaw parametry: kolor czerwony, wielkość 3, - umieść Imię i nazwisko z parametrami (krój: calibri, kolor niebieski, wielkość 7,pogrubiona, środek strony), - umieść tekst Gimnazjum nr 1 z parametrami: (krój Arial, czerwony, wielkość 6, pochylona, środek strony), - umieść tekst w Barcinie z parametrami :(kolor zielony, wielkość 5, podkreślona, środek strony), - umieść dzisiejszą datę z parametrami : (czarny, po prawej, wielkość 3).
2 Fragment tabeli podającej różne sposoby podawania kolorów w HTML
3 HTML 2 Imię_ nazwisko_html-2.html 1. Tło strony z obrazka <body background= uwaga-1 > Uwaga-1: w to miejsce wstaw nazwę pliku z rozszerzeniem, jeżeli obrazek znajduje się w innym miejscu podaj także ścieżkę dostępu. Np. <body background= foto.jpg > lub <body background= h:\www\foto.jpg > 2. Animacja tekstu: <marquee>tekst< /marquee> <marquee behavior= typ >tekst< /marquee> Typ: scroll od prawej do lewej, alternate od prawej do lewej odbija i powraca, slide - od prawej do lewej tylko raz. <marquee direction= kierunek >tekst< /marquee> - Left w lewo, right w prawo, up w górę, down w dół <marquee bgcolor= kolor >tekst< /marquee> - kolor paska pod przesuwającym się tekście <marquee width= x height= y >tekst< /marquee> lub <marquee width= x% height= y% >tekst< /marquee> x- szerokość w pikselach, y wysokość, x%,y% szerokość i wysokość w % jaką zajmować będzie pasek. <marquee loop= k >tekst< /marquee> - k-ilość powtórzeń <marquee scrollamount= x >tekst< /marquee> - x-szybkość przesuwania tekstu Przykład: <marquee scrollamount= x width= x height= y direction= kierunek bgcolor= kolor behavior= typ >tekst< /marquee> <blink>tekst migający</blink> 3. Tekst migający: <blink>tekst migający</blink> 4. Kreska pozioma: <hr> <hr width = 50% > - linia na połowę ekranu <hr width = 250 > - o długości 250 pikseli <hr align= left > do lewej strony <hr align= center > do środka strony <hr align= right > do prawej strony <hr noshade> bez cienia <hr size= 20 > o grubości 20 pikseli <hr color= kolor x > o kolorze x Przykład: <hr width = 50% size= 20 color= red > z dysku J: \w folderze HTML 5. Lista numerowana: <ol> oraz <li> Przykłady: <ol> <li>pierwszy element listy</li> <li> drugi element listy</li> <li> trzeci element listy</li> <ol type= typ > <li>pierwszy element podlisty</li> <li> drugi element podlisty </li> <li> trzeci element podlisty </li> </ol></ol> - type= A wystąpią litery A,B,C stosujemy wewnątrz znacznika <ol> - type= a wystąpią litery a,b,c - type= I wystąpią liczby rzymskie I,II,III Ćwiczenie: Korzystając z NOTATNIKA utwórz stronę pod nazwą html-2.htm z następującymi elementami: - nazwa strony <TITLE>- twoje imię i nazwisko - kolor strony własne tło wykonane w programie Paint, - marginesy po 50 pikseli, - umieść tekst ćwiczenie 2 HTML (czarny, wielkość 3, po lewej, pogrubiony), - pierwsza linia pozioma bez dodatkowych parametrów, - umieść tekst Imię i nazwisko (niebieski, wielkość 24, ARIAL, pogrubiona, środek strony, animacja w prawo), -druga linia o grubości 5 pikseli, czerwona, na połowę ekranu, - umieść tekst Gimnazjum nr 1 w Barcinie wyśrodkowany, pogrubiony, o wielkości 5, - umieść tekst klasa nr (wielkość 5, animacja w lewo na pasku zielonym), -trzecia linia o grubości 10 pikseli, niebieska, o długości 850 pikseli, - lista numerowana trzy dowolne imiona numeracja typ: 1, 2, 3, -podlista numerowana trzy dowolne imiona numeracja typ: A, B, C, - umieść tekst Gimnazjum nr 1 w Barcinie (wielkość 28, poruszający się), - ostatnia linia pozioma bez dodatkowych parametrów.
4 HTML 3 Imię_ nazwisko_html-3.html 1. Grafika na stronie - <img src> <img src= ścieżka dostępu i nazwa pliku > lub <img src="tarcza.gif"> bez ścieżki dostępu plik graficzny znajduje się w tym samym folderze co strona 2. Bez ramki <img src="tarcza.gif" border="0"> Wyśrodkowanie <p align="center"><img src="tarcza.gif"></p> (inne: left, right) 3. Zmiana rozmiarów grafiki <img src="tarcza.gif" border="0" width="196" height="195"> Gimnazjum nr 1 w Barcinie Wielkości podajemy w pikselach 4. Etykieta rysunku (pojawia się po najechaniu myszką) <img src="tarcza.gif" border="0" width="196" height="195" title=opis rysunku> 5. Tekst alternatywny gdy obrazek się nie wyświetli <img src="tarcza.gif" alt= tekst alternatywny > 6. Wzajemne położenie tekstu i obrazu <p><img src="tarcza.gif" align="top">tekst</p> <p><img src="tarcza.gif" align="middle">tekst</p> <p><img src="tarcza.gif" align="bottom">tekst</p> z dysku J: \w folderze HTML 7. Odsyłacze -link do innej podstrony - <a href> - tekst jako odsyłacz do strony WWW: <a href= adres strony >opis słowny</a> <a href=" gimnazjum</a> <a href="wp.pl">wp.pl</a> <a href= adres strony > <img src="nazwa pliku></a> - link do strony na obrazku <a href= mailto:adres poczty> opis słowny</a> - odsyłacz do poczty Ćwiczenie: Korzystając z NOTATNIKA utwórz stronę pod nazwą html-3.htm z następującymi elementami: - kolor strony własne tło wykonane w programie Paint, - wstaw linie, - wstaw logo szkoły z pojawiającym się opisem (tarcza) po najechaniu myszką na obrazek - wstaw grafikę i opis wg wzoru, - wstaw link do pierwszej strony html-1.htm - na stronie html-1.htm wstaw link do strony html-2.htm i html-3.htm - na stronie html-2.htm wstaw link do pierwszej strony html-1.htm i html-3.htm - na stronie html-3.htm wstaw link do pierwszej strony html-1.htm i html-2.htm
5 HTML-3 <a href="../html-3/html-3.htm">link do HTML-3</a> HTML-1 <a href="../html-1/html-1.htm">link do HTML-1</a> HTML-2 <a href="../html-2/html-2.htm">link do HTML-2</a>
6 HTML 4 Imię_ nazwisko_html-4.html Tabela - <table> - Wiersz - - Komórka - <td> Parametry pomocnicze: - Grubość obramowania border= x - Położenie obiektu w komórce valign= middle Middle środek, top u góry, bottom na dole - align= center - położenie obiektu w komórce (left, right) - wysokość komórki height= y - szerokość komórki width= x - kolor wypełnienia bgcolor= kolor - kolor obramowania bordercolor= kolor Lewy i prawy margines marginwidth= x Dolny i górny margines marginheight= y z dysku J: \w folderze HTML <table border="2" width="100" height="70"> <td> <p align="center">treść1</td> </table> Poziome łączenie komórek - <td colspan="x"> gdzie "x" oznacza liczbę komórek do połączenia w poziomie <table border="1" width="23%" height="76"> <td align="center" width="100" valign="top">treść 1</td> <td align="center" width="100" valign="bottom">treść 2</td> </table> <table border="1" width="298" height="90"> <td height="60" align="center" bgcolor="blue">treść1</td> <td height="60" align="center">treść2</td> <td height="60" align="center" bgcolor="green">treść3</td> <td height="60" align="center">treść4</td> <td height="60" align="center" bgcolor="red">treść5</td> <td height="60" align="center">treść6</td> </table> Ćwiczenie: Korzystając z NOTATNIKA utwórz stronę pod nazwą html-4.htm z następującymi elementami: - kolor strony dowolne, - wstaw tabele wg wzoru, - połącz linkiem ze stroną główną (z 1 ćwiczenia)
zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >
tytuł dokumentu treść dokumentu
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ółowoTest z przedmiotu. Witryny i aplikacje internetowe
Test z przedmiotu Witryny i aplikacje internetowe Tylko jedna odpowiedź jest poprawna!!! Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch
Bardziej szczegółowoWprowadzenie do języka HTML
Radosław Rudnicki (joix@mat.umk.pl) 05.09.2009 r. Wprowadzenie do języka HTML Do tworzenia stron internetowych wystarczy użyd zwykłego Notatnika oferowanego przez system Windows, czy dowolny inny system
Bardziej szczegółowoCo to jest html? I.Struktura strony:
Co to jest html? Jak tworzyć strony internetowe? Jest ich przecież w Internecie tysiące, a może nawet miliony. Jednak jedne strony bardziej nam się podobają, inne mniej. Z czego to wynika? Atrakcyjność
Bardziej szczegółowoprzygotował: mgr Szymon Szewczyk PODSTAWY
S t r o n a 1 PODSTAWY Każdy dokument musi być w całości zawarty między znacznikami - i (większość znaczników musi być odwołana ). Dokument HTML a składa się z dwóch części: - głowy
Bardziej szczegółowoPrzy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.
JĘZYK - HTML Hipertekst - możliwośd przechodzenia między różnymi fragmentami tego samego lub różnych dokumentów, które zostały ze sobą powiązane. Jest systemem odnośników (tzw. Skrótów), działających na
Bardziej szczegółowoHTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
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ółowoZmiana kolorów tła strony
1 Zmiana kolorów tła strony sposób 1 parametr - Zdefiniowanie koloru tta strony następuje przez podanie angielskiej nazwy koloru, na przykład: black czarny white gray red green olive
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ółowoI. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Bardziej szczegółowowww.fwrl.pl/szkolenie
STRONA www.fwrl.pl/szkolenie MS WORD HTML HTML i dostarczają informację dla silnika przeglądarki o tym jak ma być zbudowana i wyświetlona strona HTML HTML HTML (warstwa logiczna co i gdzie ma być) (wastwa
Bardziej szczegółowoCel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.
Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 26 lutego 2006 roku Czas trwania zajęć: 90 minut, przedmiot: TI Temat lekcji: Tworzenie strony internetowej
Bardziej szczegółowoJęzyki programowania wysokiego poziomu. HTML cz.2.
Języki programowania wysokiego poziomu HTML cz.2. Model pudełkowy HTML Elementy blokowe w tym table oraz div są wyświetlane według tzw. modelu pudełkowego: Zawartość Odstęp (padding) Obramowanie (border)
Bardziej szczegółowoZnaczniki języka HTML
www.math.uni.lodz.pl/ radmat Elementy inline ... Elementy inline ... ... Elementy inline ... ... ... Elementy inline
Bardziej szczegółowoTworzenie i edycja dokumentów w aplikacji Word.
Tworzenie i edycja dokumentów w aplikacji Word. Polskie litery, czyli ąłóęśźżń, itd. uzyskujemy naciskając prawy klawisz Alt i jednocześnie literę najbardziej zbliżoną wyglądem do szukanej. Np. ł uzyskujemy
Bardziej szczegółowoĆwiczenie 4 - Tabele
Ćwiczenie 4 - Tabele W ćwiczeniu tym zajmujemy się tabelami. Tabele moŝna wykorzystywać do róŝnych celów. W tabelach moŝna prezentować dane i je wyliczać, moŝna ustalić określony układ treści i stworzyć
Bardziej szczegółowoProgramowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
Bardziej szczegółowoTabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>
Tabele Autorem niniejszego skryptu jest dr inż. Robert Kolud Tabele w HTML to nie tylko praktyczny sposób na przedstawianie zestawień informacji. Znacznie częściej jednak tabele są wygodnym narzędziem
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ółowoWstęp. Język HTML jest uniwersalnym jezykiem wykorzystywanym przy
HTML Wstęp Język HTML jest uniwersalnym jezykiem wykorzystywanym przy tworzeniu stron internetowych, rozpoznawanym przez wszystkie przeglądarki internetowe niezależnie od producenta. Składa on się z elementów
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ółowoFormaty obrazów wykorzystywane na stronach www. Dołączanie obrazów do strony Formatowanie obrazów na stronie Tło na stronie Multimedia
Grafika i multimedia na stronie Formaty obrazów wykorzystywane na stronach www. Dołączanie obrazów do strony Formatowanie obrazów na stronie Tło na stronie Multimedia Grafika na stronie HTML niezbędny
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ółowo[ HTML ] Tabele. 1. Tabela, wiersze i kolumny
[ HTML ] Tabele 1. Tabela, wiersze i kolumny Opis tabeli znajdowad się powinien wewnątrz znaczników . W ich ramach umieszczone są definicje rzędów, komórek w rzędach oraz dane w komórkach.
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ółowoZa pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco:
1 1. Ramki Najbardziej elastycznym sposobem budowania stron jest uŝycie ramek. Ułatwiają one nawigowanie w wielostronicowych dokumentach HTML, poprzez podział ekranu na kilka obszarów. KaŜdy z nich zawiera
Bardziej szczegółowoWitryny i aplikacje internetowe
Test z przedmiotu Witryny i aplikacje internetowe Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch
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ół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ółowoProste 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ółowoTworzenie stron internetowych w kodzie HTML Cz 5
Tworzenie stron internetowych w kodzie HTML Cz 5 5. Tabele 5.1. Struktura tabeli 5.1.1 Odcięcia Microsoft Internet Explorer 7.0 niepoprawnie interpretuje białe znaki w komórkach tabeli w przypadku tworzenia
Bardziej szczegół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ółowoFormatowanie czcionki polega na zmianie jej wyglądu, np. kroju i stylu pisma, wielkości,
Zadanie 1 Formatowanie czcionki polega na zmianie jej wyglądu, np. kroju i stylu pisma, wielkości, koloru, dodaniu efektów specjalnych. Otwórz dokument edytora tekstowego Word następnie przepisz zdania
Bardziej szczegółowoI. Menu oparte o listę
I. Menu oparte o listę We wcześniejszych przykładach założyliśmy, że menu posiada tylko jeden poziom nawigacji. Czasem jednak jeden poziom nie wystarczy za pomocą list elementów oraz kaskadowych arkuszy
Bardziej szczegółowoO HTML. R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski www.il.pw.edu.pl/~rg s-rg@siwy.il.pw.edu.pl
O HTML R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski www.il.pw.edu.pl/~rg s-rg@siwy.il.pw.edu.pl HTML! HTML jest skrótem od Hyper Text Markup Language. Jest to kolejny język opisu strony dotyczący
Bardziej szczegółowoDokument zawiera podstawowe informacje o użytkowaniu komputera oraz korzystaniu z Internetu.
Klub Seniora - Podstawy obsługi komputera oraz korzystania z Internetu Str. 1 Dokument zawiera podstawowe informacje o użytkowaniu komputera oraz korzystaniu z Internetu. Część 3 Opis programu MS Office
Bardziej szczegółowoCSS - layout strony internetowej
www.math.uni.lodz.pl/ radmat Ćwiczenie 1 Proszę przy pomocy listy stworzyć menu pionowe o następujących własnościach: Ćwiczenie 1 Proszę przy pomocy listy stworzyć menu pionowe o następujących własnościach:
Bardziej szczegółowoWłodzimierz Marciniak Nauczyciel informatyki w Szkole Podstawowej oraz Gimnazjum w Koziegłowach /k. Poznania E mail: marcinte@o2.
1 Włodzimierz Marciniak Nauczyciel informatyki w Szkole Podstawowej oraz Gimnazjum w Koziegłowach /k. Poznania E mail: marcinte@o2.pl HTML - PODSTAWOWE INFORMACJE I ĆWICZENIA DLA UCZNIÓW HTML język hipertekstowego
Bardziej szczegółowoKrótki przegląd własności języka CSS
Krótki przegląd własności języka CSS Stosując arkusze stylów CSS, w sposób wyraźny oddziela się formatowanie dokumentu XHTML od jego warstwy znaczeniowej umieszczonej w sekcji . Niżej zestawiono
Bardziej szczegół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ółowoAUTORSKI PROGRAM NAUCZANIA
Szkoła Podstawowa nr 2 w Lublinie AUTORSKI PROGRAM NAUCZANIA Programowanie w HTML - tworzymy strony WWW - koło informatyczne. Ireneusz Kołodziej 2013-09-01 I Co to jest HTML? HTML (HyperText Markup Language)
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ółowoOdsyłacze. Style nagłówkowe
Odsyłacze ... polecenie odsyłcza do dokumentu wskazywanego przez url. Dodatkowym parametrem jest opcja TARGET="...", która wskazuje na miejsce otwarcia wskazywanego dokumentu, a jej parametrami
Bardziej szczegółowoDział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW)
Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW) Określa pojęcia dotyczące prezentacji. Projektuje i wykonuje prezentację multimedialną
Bardziej szczegółowoTabela z komórkami nagłówkowymi (wyróżnionymi)
Tabela z komórkami nagłówkowymi (wyróżnionymi) Nagłówek poziomy ... ... Nagłówek pionowy ... ... Tytuł tabeli tytuł tabeli... gdzie
Bardziej szczegółowoZdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.
Style CSS Wstęp Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp. Podstawową zaletą i zadaniem stylów jest oddzielenie
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ółowoLaboratorium 1: Szablon strony w HTML5
Laboratorium 1: Szablon strony w HTML5 Czas realizacji: 2 godziny Kurs: WYK01_HTML.pdf, WYK02_CSS.pdf Pliki:, Edytor: http://www.sublimetext.com/ stabilna wersja 2 (portable) Ćwiczenie 1. Szablon strony
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ółowoPodstawy języka HTML (HyperText Markup Language)
Zasady pisania kodu Podstawy języka HTML (HyperText Markup Language) Kod HTML tworzymy używając znaczników, np. , . Niektóre znaczniki muszą być wprowadzane parami posiadają swoje odpowiedniki
Bardziej szczegółowoĆwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp
Barbara Łukawska, Adam Krechowicz, Tomasz Michno Ćwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp Najprostszym sposobem utworzenia strony internetowej jest użycie języka HTML.
Bardziej szczegółowoTWORZENIE STRON WWW. Zasady opisu stron w języku HTML:
TWORZENIE STRON WWW Strony WWW definiowane są za pomocą języków opisu stron. Najpopularniejszym językiem tego typu jest język HTML (Hyper Text Markup Language). Zasady opisu stron w języku HTML: - opis
Bardziej szczegółowoWord ćwiczenia ZADANIE 1
Word ćwiczenia ZADANIE 1 1. Otworzyć nowy dokument i zapisać go pod nazwą tekst.doc 2. Wpisać przedstawiony poniŝej tekst. KaŜda linijka ma stanowić odrębny akapit! To jest ćwiczenie sprawdzające i utrwalające
Bardziej szczegółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
Bardziej szczegółowoWybrane znaczniki HTML
Wybrane znaczniki HTML Struktura dokumentu HTML informacje o dokumencie i plikach zewnętrznych zawartość wyświetlana w przeglądarce wraz z tagami formatującymi
Bardziej szczegółowoProgramowanie w Internecie
Programowanie w Internecie Paweł Kasprowski pawel@kasprowski.pl Aplikacja internetowa Definicja: Aplikacja uruchamiana na serwerze WWW komunikująca się z użytkownikiem za pomocą przeglądarki internetowej
Bardziej szczegółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
Bardziej szczegółowoKonspekt do lekcji elementy informatyki dla klasy 4e Liceum Ogólnokształccego
mgr Tomasz Grbski Konspekt do lekcji elementy informatyki dla klasy 4e Liceum Ogólnokształccego Temat lekcji: Podstawy jzyka HTML. Czas trwania: 45 minut Cel ogólny: poznanie budowy i najwaniejszych polece
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. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych
HTML HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie sposobu wizualnej prezentacji dokumentu w przeglądarce
Bardziej szczegółowoOKNO NA ŚWIAT - PRZECIWDZIAŁANIE WYKLUCZENIU CYFROWEMU W MIEŚCIE BRZEZINY
Projekt OKNO NA ŚWIAT - PRZECIWDZIAŁANIE WYKLUCZENIU CYFROWEMU W MIEŚCIE BRZEZINY współfinansowany przez Unię Europejską ze środków Europejskiego Funduszu Rozwoju Regionalnego w ramach Programu Operacyjnego
Bardziej szczegółowop { color: yellow; font-weight:bold; }
Barbara Łukawska, Adam Krechowicz, Tomasz Michno Ćwiczenie nr 13: CSS Wstęp Cascading Style Sheets (Kaskadowe Arkusze Styli, w skrócie CSS) jest językiem, który opisuje sposób w jaki będzie wyświetlana
Bardziej szczegółowoPraca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku
Praca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku W swoim folderze utwórz folder o nazwie 29_10_2009, wszystkie dzisiejsze zadania wykonuj w tym folderze. Na dzisiejszych zajęciach nauczymy
Bardziej szczegółowoOkna dialogowe ustawień konfiguracyjnych
Zadania z luką 1. Utwórz folder dla nowego ćwiczenia i uruchom moduł JCloze. 2. Kliknij w ikonę by zapisać plik ćwiczenia. Nadaj mu nazwę (najlepiej bez polskich znaków) i zapisz w folderze ćwiczenia.
Bardziej szczegółowoDokument hipertekstowy
Dokument hipertekstowy Laboratorium 2 Podstawy HTML mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Cel poznanie podstawowych elementów HTML stworzenie strony ćwiczenie zadanie domowe Konstrukcja
Bardziej szczegółowoCSS. Kaskadowe Arkusze Stylów
CSS Kaskadowe Arkusze Stylów CSS CSS = Cascading Style Sheets Style określają sposób wyświetlania zawartości elementów HTML Arkusz stylów jest zbiorem takich reguł Pojawiły się w HTML 4.0 by rozwiązać
Bardziej szczegół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ółowoDzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.
Kaskadowe arkusze stylów CSS Geneza - oddzielenie struktury dokumentu HTML od reguł prezentacji - poszerzenie samego HTML Korzyści - przejrzystość dokumentów - łatwe zarządzanie stylem (wyglądem) serwisu
Bardziej szczegółowoBox model: Content. Content - obszar zawartości określany jest za pomocą deklaracji wysokości i szerokości.
Box model Box model: Content Content - obszar zawartości określany jest za pomocą deklaracji wysokości i szerokości. Box model: Padding Content Content - obszar zawartości określany jest za pomocą deklaracji
Bardziej szczegółowoPodstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski
Podstawy HTML i CSS Grzegorz Arkit Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski 13 października 2016 G. Arkit (WMIiE) Podstawy HTML i CSS 13 października 2016 1 / 20 Informacja
Bardziej szczegółowoHTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego.
HTML HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego. Dokument HTML to plik tekstowy, z ewentualnymi załącznikami, w którym znajduje się tekstowa treść przeplatana z rozkazami
Bardziej szczegółowoZnaczniki 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ółowoPodstawy HTML i styli CSS. selektor {właściwość1: wartość1; właściwość2: wartość2}
Kaskadowe arkusze stylów (CSS) W trakcie projektowania własnego serwisu w języku HTML napotkamy problem z określeniem precyzyjnego pozycjonowania tekstu i grafiki oraz elastycznym formatowaniem tekstu.
Bardziej szczegółowoPrezentacje multimedialne w Powerpoint
Prezentacje multimedialne w Powerpoint Ćwiczenie 1. Tworzenie prezentacji multimedialnej. POMOC DO ĆWICZENIA Dostęp do pomocy w programie: menu Pomoc Microsoft Office PowerPoint Pomoc. Aby ustawić tło
Bardziej szczegółowoLABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE 1. TABELE 1.1. Definicja tabeli Definicja tabeli musi być umieszczona między znacznikami. W ich ramach umieszczane są definicje rzędów
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ółowoRozwiązanie ćwiczenia 7a
Rozwiązanie ćwiczenia 7a Podpisy pod rysunkami, zdjęciami możesz wprowadzić w następujący sposób: 1. Kliknij obiekt (rysunek, zdjęcie) i wybierz przycisk Wstaw podpis z grupy narzędzi Podpisy na karcie
Bardziej szczegółowoWprowadzenie do Internetu zajęcia 2
Wprwadzenie d Internetu zajęcia 2 Zakres tematyczny zajęć Tabele Tabele prezentacja danych. Tabele mają szerkie zastswanie na strnach WWW i umżliwiają zaawanswane frmatwanie elementów na strnie. Definicja
Bardziej szczegółowoĆwiczenie 5 Multimedia
Ćwiczenie 5 Multimedia W ćwiczeniu tym zajmujemy się multimediami i osadzaniem ich na stronach WWW. Poprzez multimedia rozumiemy pliki graficzne, muzyczne, video i inne ozdobniki umieszczone na stronie.
Bardziej szczegółowoĆw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów.
Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów. Znaczniki HTML (tagi) postać ogólna: zawartość
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ół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ółowoĆwiczenie 3 - Odsyłacze
Ćwiczenie 3 - Odsyłacze Ćwiczenie to poświęcone jest odsyłaczom czyli powiązaniu plików wewnętrznych i zewnętrznych na róŝne sposoby. Linki, które natychmiast przenoszą w określone miejsce to istota stron
Bardziej szczegółowoPRÓBNY EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE CZĘŚĆ PRAKTYCZNA
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E14 Numer zadania: 01 Wypełnia zdający Numer PESEL zadającego Czas trwania egzaminu:
Bardziej szczegółowoEdukacja na odległość
Ćwiczenie 2. Edukacja na odległość Obsługa konta WWW na serwerze Linuksowym Tworzenie portalu edukacyjnego o określonej, wybranej przez studenta tematyce naukowej. Cel ćwiczenia: Projektowanie strony czołowej
Bardziej szczegółowoHTML cd. Ramki, tabelki
HTML cd. Ramki, tabelki Ramki Umożliwiają wyświetlanie kilku niezależnych dokumentów w tym samym oknie w układzie pionowym, poziomym lub mieszanym. Wady: kłopotliwe drukowanie, konieczność zapanowania
Bardziej szczegółowoAlfabetyczna lista stylów
Tematy: Kaskadowe arkusze stylów Alfabetyczna lista stylów Uwaga: wiele stylów CSS3 nie jest ciągle interpretowanych przez przeglądarki Styl Znaczen CSS1 CSS2 CSS3 IE FF A animation Zbiorcza definicja
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ółowoCzęsto używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów.
Tabele Często używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów. Ramy tabeli Ramy tabeli tworzone są za pomocą polecenia: Cała zawartość
Bardziej szczegółowo1. Otwórz skoroszyt Zadania 03.xlsx i zapisz pod nową nazwą: Wykonane zadanie 3.xlsx.
1. Otwórz skoroszyt Zadania 03.xlsx i zapisz pod nową nazwą: Wykonane zadanie 3.xlsx. 2. Przejdź do arkusza Arkusz 1. 3. W komórce F5 oblicz średnią komórek z zakresu C5:E5. Skopiuj formułę do komórek
Bardziej szczegółowoEdytor tekstu OpenOffice Writer Podstawy
Edytor tekstu OpenOffice Writer Podstawy Cz. 3. Rysunki w dokumencie Obiekt Fontwork Jeżeli chcemy zamieścić w naszym dokumencie jakiś efektowny napis, na przykład tytuł czy hasło promocyjne, możemy w
Bardziej szczegółowoPodstawy HTML. 2. Komendy ujęte są w nawiasy ostre - < > i występują najczęściej parami.
Podstawy HTML 1. HTML - to język formatowania dokumentów elektronicznych, który pozwala uformować tekst oraz połączyć go z grafiką. Dokument HTML ma postać pliku tekstowego, gdzie tekst przeplatany jest
Bardziej szczegółowo[HTML I XHTML ĆWICZENIE 0] dr Artur Bartoszewski
I. Znaczniki Jeśli wyświetlisz kod źródłowy strony WWW, zobaczysz, że zawiera on szereg poleceń języka HTML umieszczonych w nawiasach kątowych. Twory te noszą nazwę znaczników. Znaczniki informują przeglądarkę,
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ółowoTło CSS 3. Gabriela Panuś
Tło CSS 3 Gabriela Panuś body { background-color: kolor; TŁO - CSS } TŁO OBRAZKOWE background-image: url(tlo.jpg); /* podajemy ścieżkę do tła */ body { } background: #6495ed url(image/obrazek.png); Właściwości
Bardziej szczegółowoTutorial. HTML Rozdział: Ramki
Autor: Mateusz Wojtyna Opis ogólny Tutorial HTML Rozdział: Ramki Ramki są bardzo pomocnym narzędziem przy tworzeniu strony internetowej jeżeli na przykład chcemy stworzyć sobie menu wszystkich podstron
Bardziej szczegółowoTechnologia Informacyjna. semestr I, studia niestacjonarne I stopnia Elektrotechnika rok akademicki 2012/2013 Pracownia nr 2 mgr inż.
Technologia Informacyjna semestr I, studia niestacjonarne I stopnia Elektrotechnika rok akademicki 2012/2013 Pracownia nr 2 mgr inż. Adam Idźkowski Technologia informacyjna Pracownia nr 2 2 Edytor tekstu
Bardziej szczegółowo