ZADANIE 1. Tak powinna wyglądać strona

Podobne dokumenty
HTML (HyperText Markup Language)

przygotował: mgr Szymon Szewczyk PODSTAWY

zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >

HTML (HyperText Markup Language) hipertekstowy język znaczników

Moduł IV Internet Tworzenie stron www

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Justyna Klimczyk Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie

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

HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.

Podstawy HTML. 2. Komendy ujęte są w nawiasy ostre - < > i występują najczęściej parami.

Wybrane znaczniki HTML

HTML jak zrobić prostą stronę www

za pomocą: definiujemy:

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

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.

Programowanie WEB PODSTAWY HTML

Edukacja na odległość

TWORZENIE STRON WWW. Zasady opisu stron w języku HTML:

Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.

Witryny i aplikacje internetowe

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

Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania na nich skryptów w języku JavaScript.

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

STRONY INTERNETOWE mgr inż. Adrian Zapała

Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML

HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego.

[ HTML ] Tabele. 1. Tabela, wiersze i kolumny

Podstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski

WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE OCENY. Przedstawianie i prezentowanie informacji

Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów.

Konspekt do lekcji elementy informatyki dla klasy 4e Liceum Ogólnokształccego


Tworzenie stron internetowych w oparciu o język HTML

Przepis. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć stronę internetową ze swoim ulubionym przepisem. Zadania do wykonania

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

Wprowadzenie do języka HTML

Responsywne strony WWW

Co to jest html? I.Struktura strony:

Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW)

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

Pierwsza strona internetowa

WYMAGANIA EDUKACYJNE INFORMATYKA KLASA 2 GIMNAZJUM

HTML podstawowe polecenia

Wymagania edukacyjne z informatyki na poszczególne oceny klasa III. Dział VIII O atrakcyjnym przedstawianiu i prezentowaniu informacji

Podstawy tworzenia stron internetowych

Odsyłacze. Style nagłówkowe

CSS - layout strony internetowej

CSS jest is an skrótem od Cascading Style Sheets (Kaskadowe Arkusze Stylów).

Hyper Text Markup Language

Krótki przegląd własności języka CSS

2. Projektowanie stron WWW podstawowe informacje

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

Wymagania z informatyki na poszczególne oceny przy realizacji programu i podręcznika Informatyka wyd. Operon dla klasy III.

PORADNIK KODOWANIA: CSS

Laboratorium 1: Szablon strony w HTML5

Technologie Informacyjne

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.

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

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>

Krok 1: Stylizowanie plakatu

WITRYNY I APLIKACJE INTERNETOWE

TEMAT: Moja pierwsza strona WWW. Grzegorz Mazur

Formatowanie czcionki polega na zmianie jej wyglądu, np. kroju i stylu pisma, wielkości,

I. Formatowanie tekstu i wygląd strony

Uwaga: znaczniki <body> </body> nie powinny byd umieszczane na stronie zawierającej ramki, w ramach FRAMESET.

Można też ściągnąć np. z:

plansoft.org Zmiany w Plansoft.org

WYŻSZA SZKOŁA TECHNICZNO-PRZYRODNICZA W POZNANIU

URL:

Zawartość specyfikacji:

Witryna internetowa. Należy unikać w nazwach plików używania polskich znaków.

SPECYFIKACJA SKÓREK NAPIPROJEKT

Podstawowe znaczniki języka HTML.

WSTĘP KOD HTML SZABLONU SKĄD GO WZIĄĆ, GDZIE I JAK GO WKLEIĆ... 3

Dział VIII O atrakcyjnym przedstawianiu i prezentowaniu informacji

Programy dedykowane do edycji stron internetowych dzielą się na dwa rodzaje:

Dziedziczenie. Dziedziczenie i kaskadowość. Dodał Administrator środa, 10 marzec :00. Tematy: Dziedziczenie Kaskadowość

Znaczniki języka HTML

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

Program szkolnego koła informatycznego

Z CSS3 szybciej i przyjemniej

HTML - podstawowe znaczniki

SterBox. Przygotowanie Strony Użytkownika

Wymagania na poszczególne oceny w klasach 3 gimnazjum

Danuta ROZPŁOCH-NOWAKOWSKA Strona Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Języki programowania wysokiego poziomu. CSS Wskazówki

PROGRAM PRACY KOŁA INFORMATYCZNEGO NA ROK SZKOLNY 2016/2017 DLA UCZNIÓW SZKOŁY PODSTAWOWEJ IM. ADAMA MICKIEWICZA W SUŁKOWICACH

Podstawy. w HTML u HTML??? tworzenia stron internetowych. dla wszystkich. nie wiem co to jest, ale na pewno nie jest trudne.

MODUŁ 3. WYMAGANIA EGZAMINACYJNE Z PRZYKŁADAMI ZADAŃ

APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ

edycja szablonu za pomocą serwisu allegro.pl

Karta pracy dla Gimnazjum klasa I rok szkolny 2016/2017

Tworzenie stron internetowych w kodzie HTML Cz 5

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

Wykład 2 TINT. XHTML tabele i ramki. Zofia Kruczkiewicz

Wstęp Plik index.htm Plik zaglowce.htm Plik uprawnienia.htm Plik bezpieczeństwo.htm Plik szanty.htm...

Transkrypt:

ZADANIE 1 1. W Dokumentach, w folderze swojej klasa utwórz folder STRONA_Nazwisko 2. Otwórz Notatnik i przekopiuj tekst z ramki. Dokument zapisz pod nazwą zad1.html <HTML> <HEAD> <body bgcolor="red"> <TITLE> Moja strona www</title> <META http-equiv="content-type" control="tekst/html;charset=windows-1250"> <META http-equiv="content-language" content="pl"> <META> "IMIĘ I NAZWISKO" </HEAD> <BODY> <b><p> <center> Moja pierwsza strona WWW </b></p> </center> Nie umiem jeszcze formatować tekstu, wstawiać grafik, odnośników, tabel itp Ale zamierzam się tego nauczyć. </HTML> Tak powinna wyglądać strona 3.

UWAGA W miejscu imię nazwisko wpisz swoje dane Spróbuj samodzielnie zmienić wygląd strony: kolor tła kolor rodzaj czcionki zastosuj pochylenie, podkreślenie, pogrubienie

ZADANIE 2 1. Wyszukaj w Internecie obrazek z Czechowic- Dziedzic i zapisz go pod nazwą czechowice.jpg 2. Otwórz Notatnik i przekopiuj tekst z ramki. Dokument zapisz pod nazwą zad2.html <html> <head><title>czechowice-dziedzice</title></head> <html style="scrollbar-base-color: green"> <body bgcolor="green"> <body> <p align="center"><font color="white"><font face="paletaee"><i><h1>czechowice - Dziedzice</h1></p></font color="white"></font face="paletaee"></i> <hr wight="100%" height="2"> <p align="center"><img src="czechowice.jpg"></p> <p align="center"><font color="white"><font face="paletaee">czechowice - Dziedzice (niem. Czechowitz-Dzieditz, Czechowitz-Dziedzitz, 1943-45: Tschechowitz 1943-45; pol. w latach 1951-58 Czechowice) miasto w południowej Polsce, w województwie śląskim, w powiecie bielskim, w granicach aglomeracji bielskiej, w Dolinie Górnej Wisły, u zbiegu rzek Białej, Iłownicy i Wisły. Są siedzibą gminy miejsko-wiejskiej Czechowice-Dziedzice. Miasto powstało w 1951 r. pod nazwą Czechowice (do 1958) z połączenia dwóch wsi: Czechowic i Dziedzic, których historia sięga XV wieku i przez wieki była bezpośrednio związana z dziejami niedalekiego Bielska. Dziedzice od końca XIX w. rozwijały się też jako węzeł kolejowy oraz ośrodek przemysłu. Oprócz Czechowic i Dziedzic na współczesne miasto składają się: Lipowiec, Ochodza, Olszyna, Renardowice, Żebracz i kilka innych mniejszych osad. Obszar miasta leży w historycznych granicach Śląska Cieszyńskiego. Czechowice-Dziedzice stanowią ważny ośrodek przemysłowy (największe zakłady: rafineria, kopalnia węgla kamiennego, walcownia metali, fabryka zapałek, fabryka sprzętu elektrotechnicznego "Kontakt Simon") oraz węzeł kolejowy o znaczeniu międzynarodowym[. <hr wight="100%" height="2"> </html>

3. Tak powinna wyglądać strona

ZADANIE 3 1. Otwórz Notatnik i przekopiuj tekst z ramki. Dokument zapisz pod nazwą zad7.html <ol> <li>element 1</li> <li>element 2</li> <li>element 3</li> <ol type="a"> <li>element 1</li> <li>element 2</li> <ol type="i"> <li>element 1</li> <li>element 2</li> <ol> <li>pozycja 1 <ul> <li>podpozycja 1.1</li> <li>podpozycja 1.2</li> </ul></li> <li>pozycja 2 <ul> <li>podpozycja 2.1</li> <li>podpozycja 2.2</li> </ul></li> 2. Tak powinna wyglądać strona 1. element 1 2. element 2 3. element 3 A. element 1 B. element 2 I. element 1 II. element 2 1. pozycja 1 o podpozycja 1.1 o podpozycja 1.2 2. pozycja 2 o podpozycja 2.1 o podpozycja 2.2 3.Pomyśl i wypełnij kolorem czerwonym lub zielonym tło strony.

ZADANIE 4 1. Wyszukaj w internecie 2 obrazki przedstawiające Tolkiena i zapisz je pod nazwą ftolkien.jpg i ftolkien25.jpg 2. Otwórz Notatnik i przekopiuj tekst z ramki1. Dokument zapisz pod nazwą zad4.html 3. Otwórz Notatnik i przekopiuj tekst z ramki2. Dokument zapisz pod nazwą biografia.html <html> <head><title>j. R. R. Tolkien - strona tytułowa</title></head> <html style="scrollbar-base-color: white""> <body background="nambi_desert.jpg"> <marquee scrollamount="50" behavior="alternate"><body link="white" vlink="white" alink="white"><p align="center"><a href="biografia.html"><img src="ftolkien25.jpg"></body link="white" vlink="white" alink="white"></marquee></a></p> <p align="center"><font color="black"><font face="courier"><b><i>znużony wędrowcze (czytaj "surferze internetowy"), zejdź z obranej przez siebie ścieżki i wstąp na bezdroża. Zapraszam do odwiedzenia strony poświęconej Mistrzowi Fantasty - J. R. R. Tolkienowi.</i></p> <p align="right">"boski wiatr"</p></font color="black"></font face="courier"></b> </html>

<html> <head><title>j. R. R. Tolkien - biografia</title></head> <html style="scrollbar-base-color: blue""> <body bgcolor="blue"> <body> <p align="center"><i><b><font size="45"><font color="white">biografia</font size="45"></font color="white"></i></b></p> <hr width="100%" size="2" color="white"> <p align="center"><img src="ftolkien.jpg"></p> <p align="center"><i><font color="white"><font face="courier">j. R. R. Tolkien urodził się w angielskiej rodzinie w 1892 roku jako syn bankiera Arthura Tolkiena i jego żony Mabel Suffield. Przyszedł na świat w Bloemfontein w Wolnym Państwie Oranii (obecnie w RPA), gdzie jego ojciec był urzędnikiem w filii Banku Lloyda. Rodzina Tolkienów miała niemieckie korzenie (nazwisko Tolkien pochodzi od niemieckiego słowa tollkühn, czyli śmiały), jednak od wielu pokoleń mieszkała w Anglii.</p></i></font color="white"></font face="courier"> <hr width="100%" size="2" color="white"> </html> 4. Tak powinny wyglądać strony PO KLIKNIĘCIU NA POSTAĆ TOLKIENA MOŻNA PRZEJŚC DO JEGO BIOGRAFII