Podstawy HTML i styli CSS. selektor {właściwość1: wartość1; właściwość2: wartość2}
|
|
- Dominika Kurek
- 8 lat temu
- Przeglądów:
Transkrypt
1 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. Te problemy mogą być rozwiązane przy pomocy stylów. Styl to po prostu zestaw parametrów dotyczących czcionki i akapitów, który przypisać można do określonego fragmentu tekstu. Aby zastosować styl w dokumencie HTML musimy wprowadzić poniższy zapis: 1. <style type="text/css"> 2. <! > 5. </style> Sam styl definiujemy pomiędzy drugim a trzecim wierszem i ma on postać: selektor {właściwość1: wartość1; właściwość2: wartość2} gdzie selektor oznacza dowolny znacznik któremu chcemy przypisać jakieś własności, np.: P { font-family: family: Helvetica; font-size: 12pt; color:blue} UL { font-weight: bold; color: #FF0000 } Aby ułatwić Tobie pracę ze stylami zebrałem najpopularniejsze własności styli i umieściłem je w pliku CSS.pdf, który znajduje się na dysku G w folderze zadania\html. Zadanie 1 Otwórz teraz w edytorze HTML plik wstep.html znajdujący się na dysku G w katalogu zadania/internet. Twoim celem będzie ustawienie następujących styli dla znaczników: body kolor tła na zielony, p kolor czcionki ustal na biały, wyrównanie tekstu wyjustowane, rodzina czcionek Arial, wielkość 12 pt. h1 tytuł stopnia pierwszego wyśrodkuj Zadanie 2 Utwórz teraz w edytorze HTML nowy dokument. W sekcji body umieść wizytówkę wprowadzając fikcyjne lub własne dane. Wprowadzając nazwisko i imię wykorzystaj znacznik nagłówkowy <h1>. Pozostałe wiersze opatrz znacznikiem akapitu <b> zaś odpowiednie elementy wyróżnij przez pogrubienie (znacznik <b>). Andrzej Kowalski Data urodzenia: 1 stycznia 1991 Miejsce urodzenia: Szczecin Wzrost 182 cm Waga 70 kg Oczy niebieskie czcionkę w pierwszym wierszu dla znacznika <h1> ustaw na kolor niebieski o rozmiarze 20 pt. rodzaj czcionki ustal Courier. Napis wyrównaj do środka. Korzystając z atrybutu border ustal obramowanie koloru czerwonego o rozmiarze 2 px w kolorze czerwonym kreskowane (dashed) -1-
2 tło ustal na kolor zielony, zaś domyślny kolor czcionki na czerwony (ustal to w znaczniku body. Wynik swojej pracy zapisz w pliku wizytowka.html na swoim dysku sieciowym. Zadanie 3 Język CSS przewiduje tworzenie tzw. klas, które pozwalają zróżnicować ten sam element (znacznik) zależnie od pojawiających się okoliczności. Jest oczywiste, że w większym dokumencie, składającym się z wielu akapitów, nie wszystkie akapity muszą mieć taki sam wygląd, np. czcionka Times, o rozmiarze 12 punktów, w kolorze czarnym. Może się przecież zdarzyć, że niektóre akapity będziemy chcieli wyróżnić pogrubieniem, inne zaznaczyć odmiennym kolorem, a jeszcze inne - mniejszą czcionką. Te "nietypowe" akapity możemy łatwo zdefiniować za pomocą klas i tylko w odpowiednim miejscu przywoływać stosowne definicje, podczas gdy gros tekstu będzie wyświetlane za pomocą podstawowego formatowania przewidzianego dla akapitu. Na przykład, definicja stylów akapitów w części nagłówkowej dokumentu może mieć taką postać: P {font-family: Helvetica; font-size: 10pt} P.wyrozniony { font-size: 14pt; font-weight: bold; color: navy;} Natomiast w samym tekście będziemy przywoływać klasy za pomocą polecenia <p class= wyrozniony >Akapit</p> Otwórz teraz dokument wizytówka.html, który modyfikowałeś w poprzednim zadaniu. Dodaj do niego nowa klasę o nazwie p.kolor. Tej klasy użyjemy aby akapit z kolorem Twoich oczu był ustawiony właśnie na ten kolor. Zapisz tak zmodyfikowany przez ciebie dokument na dysku. Zadanie 4 (odsyłacze) Podstawową ideą budowy serwisów www jest łączenie poszczególnych dokumentów odpowiednim zestawem hiperłaczy. Hiperłączem (odnośnikiem) w dokumencie HTML może być zarówno tekst, jak i obrazek. Hiperłącza definiuje znacznik <A> jego podstawowym atrybutem jest HREF za pomocą, którego określamy ścieżkę do dokumentu wyświetlanego po uruchomieniu hiperłącza. Najprostsze hiperłącze ma postać: <A HREF= nazwa dokumentu > Tekst hiperłącza </A> Otwórz teraz plik odsylacze.html znajdujący się na dysku g w katalogu zadania/internet. Umieść w nim odnośniki (możesz posłużyć się ikoną: ) do odpowiednich stron podanych w dokumencie. Znalezienie adresów tych stron nie powinno być dla Ciebie trudne. No może z jednym wyjątkiem. Aby utworzyć odnośnik do skrzynki pocztowej musisz użyć następującego znacznika: <A HREF= mailto: twój@adres.poczty.elektronicznej>..</a>. Zapisz tak zmodyfikowany dokument na swoim dysku sieciowym. Zadanie 5 Otwórz teraz zmodyfikowany plik wstep.html z Twojego dysku sieciowego. Dla znacznika nagłówka stopnia pierwszego ustal obramowanie wykropkowane o grubości 1 piksela w kolorze czerwonym. Aby to zrobić posłuż się następującymi atrybutami dla obramowania: border: 1px dashed #FF0000 Zapisz zmiany. -2-
3 Zadanie 6 (Tabele) Na stronie WWW można umieścić tabelę, która podobnie jak w edytorze Word może być wykorzystana do rozmieszczenia zawartości strony. Tworzymy ja za pomocą polecenia <TABLE>...</TABLE>, a poszczególne wiersze tabeli poprzedzamy poleceniem <TR>. Ponadto wiersz może być podzielony na komórki, każda poprzedzamy poleceniem <TD>. Między tymi znacznikami możemy umieścić tekst i grafikę. Oto przykład definicji tabeli złożonej z trzech wierszy i dwóch kolumn 1 : <TABLE> <TR> <TD> </TD><TD> </TD></TR> <TR> <TD> </TD><TD> </TD></TR> <TR> <TD> </TD><TD> </TD></TR> </TABLE> Utwórz teraz nowy dokument, zapisz go pod nazwą oceny.html. Zbuduj w nim tabelę podobną (no prawie) do poniższej: Przedmiot Ocena Matematyka 4 Informatyka 5 Biologia 6 Chemia 5 Średnia 5 Twoja tabela zapewne różni się od powyższej brakuje w niej obramowania, kolorów wypełnienia oraz w ostatnim wierszu przerywanej linii. Aby ustalić te elementy możesz posłużyć się stylami dla znacznika tabeli (<table>) i znacznika komórki (<td>). Możesz zdefiniować je np. w poniższy sposób table {border-width: 1px; border-color:red; border-style: solid; } td {border-width: 1px; border-style: solid;} W zadaniu tym musisz również posłużyć się dwoma klasami aby ustalić kolor i obramowanie pierwszego i ostatniego wiersza tabeli. Zapisz zmiany w dokumencie. 1 Uwaga: dla przejrzystości obrazu dokumentu w edytorze HTML warto umieszczać definicje wierszy tabeli jedną pod drugą, natomiast definicje kolejnych komórek obok siebie, co symuluje układ wierszy i kolumn w całej tabeli. -3-
4 Zadanie 7 Utwórz teraz nowy dokument HTML. W tym dokumencie zdefiniujemy klasy dla znacznika TD, tak aby otrzymać flagi niektórych państw, tak jak na rysunku poniżej: Polska Francja Włochy A oto przykładowe klasy: Monako TD ustaw szerokość na 100, zaś wysokość na 50 pikseli(klasa bazowa) TD.niebieski kolor niebieski TD.czerwony kolor czerwony TD.czarny kolor czarny TD.zielony kolor zielony Ćwiczenie zapisz jako flagi.html -4-
5 Zadanie 8 Definicję stylu możemy również umieścić w osobnym pliku (styl zewnętrzny), np. o nazwie styl.css wówczas jeśli chcemy go dołączyć do naszego dokumentu, to w nagłówku naszego dokumentu umieszczamy specjalny odsyłacz: Wówczas plik styl.css ma postać: <link href="styl.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- selektor1 {właściwość1: wartość1; właściwość2: wartość2} selektor2 {właściwość1: wartość1; właściwość2: wartość2}... --> </style> Na dysku G w katalogu zadania/internet znajduje się folder serwis z projektem serwisu bazującym na stylach CSS. Skopiuj ów folder na swój dysk sieciowy a następnie dodaj do każdego pliku HTML odsyłacz do definicji stylu zewnętrznego znajdującego się w pliku style.css Zadanie 9 W tym ćwiczeniu posłużymy się tzw. selektorami pseudoklas dla odsyłaczy aby utworzyć efekt zwany ROOL OVER (zmiana np. koloru obramowania odsyłacza zależnie od jego statusu). Wyróżniamy następujące pseudoklasy związane ze statusem odsyłaczy: 1. a:link pozwala nadać formatowanie odsyłaczowi na stronie, na przykład: a:link {color:yellow; background: blue} 2. a:visited nadaje formatowanie odsyłaczowi już odwiedzonemu, na przykład: a:visited {color:green} 3. a:hover selektor nadaje styl elementowi, gdy urządzenie wskazujące, np. myszka, znajduje się nad elementem, ale nie aktywizuje go, na przykład: a:hover {background:blue; color:red} 4. a:active selektor :active formatuje we wskazany sposób aktywny w danym momencie element, np. kliknięty odsyłacz. a:active {background:olive; color:black} Otwórz teraz plik odsylacze.htm, który modyfikowałeś w jednym poprzednich ćwiczeń. Określ teraz kolor tekstu odsyłacza: nieodwiedzonego i odwiedzonego na żółty, tło na zielony. wskazanego przez mysz na tak aby kolor tekstu zamienia się na zielony zaś tła na żółty. Pracę zapisz na swoim dysku sieciowym. Zadanie 10 Wykorzystaj selektory pseudokras poznane w poprzednim ćwiczeniu dla znacznika H1, aby wzbogacić twoją wizytówkę z pliku wizytowka.html o ciekawy efekt. -5-
6 Zadanie 11 Otwórz teraz plik wstep.html zapisany na Twoim dysku sieciowym. Przejdź do jego edycji i dla znacznika body ustal korzystając z atrybutów margin-left, margin-right, margin-top rozmiar lewego i prawego marginesu na 10% zaś górnego na 5% Ustal szerokość i wysokość znacznika nagłówkowego H1 odpowiednio na 150px 40 px. Zapisz swoją pracę, ale nie zamykaj pliku. Zadanie 12 Elementy blokowe Dodaj następnie na początku sekcji body znacznik blokowy div postaci: <div class="blok"> Wizytówka </div> Ustal dla klasy blok następujące formatowanie: wysokość 100px, szerokość 50 px odstęp wewnętrzny (atrybut padding) na 10 pt obramowanie ciągłe o rozmiarze 3 px w kolorze brązowym tło elementu na kolor biały tekst wyśrodkuj. Zadanie 13 Pływanie elementów Każdy element na stronie można ustawić w dowolnym miejscu. Służą do tego następujące atrybuty: position, którego wartością najczęściej są dwa elementy: relative : Obiekt jest przesuwany ze swojej normalnej pozycji, a inne obiekty są wyświetlane tak, jak gdyby nie był przesunięty. - absolute left, right, top, określające położenie bloku względem w bloku nadrzędnym. np.: lub position: absolute; top: 50px; left: 100px; position: relative; top: 50px; left: 100px; Przesuń blok klasy blok w lewo o 250 px i w dół o 150px. Wypróbuj dwa atrybuty: absolute i relative i porównaj ich działanie. Zapisz tak zmodyfikowany dokument. -6-
7 Zadanie 14 Modyfikowanie szablonu strony Posiadasz już spore umiejętności, więc najwyższy czas na poważniejszy projekt Skopiuj na swój dysk domowy katalog strona_szkoly z dysku G. Otwórz dokument index.html do edycji. Dokument ten wygląda następująco: 1. <html> 2. <head> 3. <meta http-equiv="content-type" content="text/html; charset=iso " /> 4. <title>strona Główna</title> 5. <link type="text/css" rel="stylesheet" href="style.css"> 6. </head> 7. <body> 8. <div class="logo"> 9. </div> 10. <div class="menu"> 11. </div> 12. <div class="glowna"> 13. </div> 14. </body> 15. </html> Zauważ, że w linii 5 zawiera on już dowiązanie do istniejącego pliku ze stylami. Liniae8 9 zawiera blok, który służy do utworzenia logo z pliku logo.png Linie 10 11to blok do budowy menu, zaś linie to blok w którym będzie pojawiała się treść. Otwórz teraz plik ze style.css, w którym będziesz modyfikował formatowanie poszczególnych bloków. Dopisz teraz wzorując się na poniższych opisach atrybuty dla poszczególnych znaczników lub klas: znacznik body: w tle dokumentu umieść obraz tlo.gif znajdujący się w katalogu grafika; domyślny rozmiar czcionki ustaw na 16pt; margines lewy ustal na 10% klasa logo w tle bloku umieść obraz logo.png znajdujący się w katalogu grafika o niepowtarzającym się elemencie i wyśrodkowany (background: url("grafika/logo.png") no-repeat center;) wysokość ustal na 150 px; obramowanie ustaw na kolor biały o rozmiarze 2 px kreskowane klasa menu w tle bloku umieść obraz logo.png znajdujący się w katalogu grafika o niepowtarzającym się elemencie i wyśrodkowany (background: url("grafika/logo.png") no-repeat center;) wysokość ustal na 150 px; klasa glowna tło bloku ustal na kolor żółty obramowanie 2px ciągłe w kolorze czerwonym szerokość bloku ustal na 750px -7-
8 Efekt Twojej pracy powinien być podobny do poniższego: Zadanie 15 Projekt szablonu (na ocenę) Przygotuj projekt szablonu strony internetowej koła informatycznego. Twój projekt powinien spełniać następujące kryteria: Kodowanie polskich znaków: iso Wykorzystanie kaskadowych arkuszy styli zdefiniowanych w osobnym pliku. Powinien być podzielony na co najmniej 4 bloków takich jak: blok logo, blok, menu, blok tekstu, blok stopki dokumentu, itp. W bloku menu wykorzystaj efekt ROOL-OVER. W stopce dokumentu powinny znajdować się twoje dane, takie jak: imię i nazwisko, oraz adres . Powinien być przetestowany na co najmniej dwóch przeglądarkach, w tym w Internet Explorerze. Ocenianiu podlega również czytelność i estetyka szablonu. Możesz skorzystać z poniższego wzorca: -8-
Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).
Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06 Moduł 4. Style Zajęcia poświęcone będą kaskadowym arkuszom stylów (por. slajdy 18.-27. z wykładu 2.) Wiele uwagi poświęcaliśmy do tej pory planowaniu szkieletu
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ół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ół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ół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ół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ół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ół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ółowoPierwsza strona internetowa
HTML i CSS Pierwsza strona internetowa Rozpoczynając pracę na swoim komputerze powinieneś posiadać: dowolny edytor tekstowy (np. Notatnik), dostęp do Internetu, Microsoft Visual Studio. Podstawy formatowania
Bardziej szczegół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ółowoProjektowanie aplikacji internetowych. CSS w akcji
Projektowanie aplikacji internetowych CSS w akcji Tak to ma wyglądać Strona : 2 Założenie Treść strony ma być oddzielona od informacji o jej wyglądzie. Kod HTML nie powinien zawierać żadnych informacji
Bardziej szczegółowoBlok dokumentu. <div> </div>
Blok dokumentu Polecenie div (blok, sekcja) jest jednym z najbardziej fundamentalnym poleceń języka HTML, które odgrywa kluczową rolę w grupowaniu wielu różnych elementów i pozycjonowaniu większych fragmentów
Bardziej szczegółowoKrok 1: Stylizowanie plakatu
HTML & CSS 1 Wanted! 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ół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ół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ółowoHTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
Bardziej szczegółowoZadanie 1. Stosowanie stylów
Zadanie 1. Stosowanie stylów Styl to zestaw elementów formatowania określających wygląd: tekstu atrybuty czcionki (tzw. styl znaku), akapitów np. wyrównanie tekstu, odstępy między wierszami, wcięcia, a
Bardziej szczegół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ół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ół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ółowoCSS pozwala przypisać poszczególnym elementom na. grubość, rozmiar czcionki, kolor tła, odległości między
Cascading Style Sheets CSS CSS pozwala przypisać poszczególnym elementom na stronie (HTML/XML) takie właściwości jak rodzaj, grubość, rozmiar czcionki, kolor tła, odległości między elementami, ich obramowania,
Bardziej szczegółowoYoung Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2
Young Programmer: HTML+PHP Dr inż. Małgorzata Janik, Zajęcia #2 Ramowy program warsztatów Zajęcia 1: Zajęcia wprowadzające, HTML Zajęcia 2: Style CSS (tabele i kaskadowe arkusze stylów) Zajęcia 3: Podstawy
Bardziej szczegółowoKaskadowe arkusze stylów (CSS)
Kaskadowe arkusze stylów (CSS) CSS (Cascading Style Sheets) jest to język opisujący sposób, w jaki przeglądarki mają wyświetlać zawartość odpowiednich elementów HTML. Kaskadowe arkusze stylów służą do
Bardziej szczegółowoRozwiązanie ćwiczenia 8a
Rozwiązanie ćwiczenia 8a Aby utworzyć spis ilustracji: 1. Ustaw kursor za tekstem na ostatniej stronie dokumentu Polska_broszura.doc i kliknij przycisk Podział strony na karcie Wstawianie w grupie Strony
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ół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ółowoABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści
ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop. 2012 Spis treści Wstęp 9 1 HTML 5 i XHTML w pytaniach i odpowiedziach 13 Co to jest HTML 5? 13 Co to jest XHTML? 15 Czy strony utworzone w HTML
Bardziej szczegół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ół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ółowoMożna też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable
W zadaniach można używać programu Notepad++ (jest wygodny, ponieważ m.in. koloruje składnię i uzupełnia funkcje) albo też jakiegoś innego edytora zainstalowanego w systemie (np. notatnika). Najnowszą,
Bardziej szczegółowoHTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl
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:
Bardziej szczegółowoI. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Bardziej szczegółowoMożna też ściągnąć np. z: http://portableapps.com/apps/development/notepadpp_portable
W zadaniach można używać programu Notepad++ (jest wygodny, ponieważ m.in. koloruje składnię i uzupełnia funkcje) albo też jakiegoś innego edytora zainstalowanego w systemie (np. notatnika). Najnowszą,
Bardziej szczegółowoNazwa implementacji: CSS i box model. Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie.
Nazwa implementacji: CSS i box model Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie. Wprowadzenie CSS (kaskadowe arkusze stylów, ang. Cascading
Bardziej szczegółowoJęzyki programowania wysokiego poziomu. CSS Wskazówki
Języki programowania wysokiego poziomu CSS Wskazówki CSS powinno się projektować hierarchicznie, zaczynając od elementów ogólniejszych, kończąc na szczegółowych - Źle: p.mid { text-align: center; p { color:
Bardziej szczegółowoHTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
Bardziej szczegółowoLABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH KASKADOWE ARKUSZE STYLÓW (Cascading Style Sheets) 1. Wprowadzenie Selektory należą do kluczowych pojęć, wskazują obiekty, którym przypisujemy jakiś zestaw
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ółowoUkłady witryn internetowych
1. CEL ĆWICZENIA Celem ćwiczenia jest zapoznanie się z możliwościami kaskadowych arkuszy stylów CSS w zakresie kontrolowania położenia elementów na stronie. 2. MATERIAŁ NAUCZANIA W normalnym układzie opartym
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ół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ół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ółowoSTRONY 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ółowoUwaga w niektórych przeglądarkach różnice mogą być niewidoczne zależy to od przeglądarki i ew. od jej ustawień.
Poprzednie zajęcia skończyliśmy ucząc się tworzenia odsyłaczy/hiperłączy/linków (można wrócić do poprzedniego scenariusza, jeśli ktoś go nie skończył). Skoro jesteśmy przy odsyłaczach, to warto poznać
Bardziej szczegółowoTECHNOLOGIE SIECI WEB
1. Wybrane elementy sk³adni CSS TECHNOLOGIE SIECI WEB Prowadz¹cy: dr in. Jan Prokop, e-mail: jprokop@prz.edu.pl, Politechnika Rzeszowska, Wydzia³ Elektrotechniki i Informatyki LABORATORIUM ÆWICZENIE nr
Bardziej szczegółowoTworzenie Stron Internetowych. odcinek 6
Tworzenie Stron Internetowych odcinek 6 CSS kaskadowe arkusze stylów CSS (Cascading Style Sheets), czyli Kaskadowe Arkusze Stylów "stylów" "arkusze" Reguły opisujące wygląd dokumentu opisanego za pomocą
Bardziej szczegółowoI. Dlaczego standardy kodowania mailingów są istotne?
1 Tabela zawartości: I. Dlaczego standardy kodowania mailingów są istotne? 3 II. Budowa nagłówka wiadomości. 4 III. Style kaskadowe CSS. 4 IV. Elementarna budowa szablonu. 6 V. Podsumowanie. 9 2 I. Dlaczego
Bardziej szczegółowoModel blokowy. Model blokowy w CSS
Model blokowy Model blokowy w CSS opisuje bloki, które są generowane dla elementów HTML. Model blokowy zawiera także dokładne opcje związane z ustawieniem maginesu zewnętrznego, wewnętrznego, obramowania
Bardziej szczegółowoZadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki
Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki Edytory tekstu oferują wiele możliwości dostosowania układu (kompozycji) strony w celu uwypuklenia
Bardziej szczegół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ół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ółowoFormatowanie dokumentu
Formatowanie dokumentu 1. Formatowanie strony Edytor tekstu Word umożliwia nadanie poszczególnym stronom dokumentu jednolitej formy przez określenie układu strony. Domyślnie są w nim ustawione marginesy
Bardziej szczegółowoĆwiczenie 9 - CSS i wstawianie CSS
Ćwiczenie 9 - CSS i wstawianie CSS Wprowadzenie: Od tego ćwiczenia zajmować się będziemy CSS czyli Kaskadowymi Arkuszami Stylów (Cascading Style Sheets). CSS stanowią uzupełnienie dla HTML-a. HTML odpowiada
Bardziej szczegółowoZnaczniki języka HTML
www.math.uni.lodz.pl/ radmat Elementy inline ... Elementy inline ... ... Elementy inline ... ... ... Elementy inline
Bardziej szczegółowoDziedziczenie. Dziedziczenie i kaskadowość. Dodał Administrator środa, 10 marzec :00. Tematy: Dziedziczenie Kaskadowość
Tematy: Dziedziczenie Kaskadowość Dziedziczenie Zrozumienie pojęcia dziedziczenia wymaga od nas zapoznania się z hierarchią ważności poszczególnych znaczników wewnątrz dokumentu. Kaskadowe arkusze stylów
Bardziej szczegółowoTechnologie informacyjne. semestr I, studia niestacjonarne I stopnia Elektrotechnika rok akademicki 2013/2014 Pracownia nr 2 dr inż.
Technologie informacyjne semestr I, studia niestacjonarne I stopnia Elektrotechnika rok akademicki 2013/2014 Pracownia nr 2 dr inż. Adam Idźkowski Podstawy Informatyki Pracownia nr 3 2 MS WORD 2007 Podstawy
Bardziej szczegółowoDeklarowanie tytułu związanej z tabelą
Tabele 1 Deklarowanie tytułu związanej z tabelą Przychody w latach 2007-2010 Położenie pozbawione stylu Treść nagłówka Formatowanie położenia w stylach
Bardziej szczegółowoDokument hipertekstowy
Dokument hipertekstowy Laboratorium 4 CSS mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Cel poznanie konceptu stylów tworzenie różnych typów reguł stylów Style służą do zmiany wyglądu elementów
Bardziej szczegółowoPROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński
PROGRAMOWANIE KASKADOWE ARKUSZE STYLÓW CASCADING STYLE SHEETS Za pomocą HTML tworzymy strukturę dokumentu, jego elementy oraz treść CSS służy do opisu wyglądu struktury dokumentu, elementów oraz treści
Bardziej szczegółowoCSS jest is an skrótem od Cascading Style Sheets (Kaskadowe Arkusze Stylów).
Co to jest CSS? CSS jest is an skrótem od Cascading Style Sheets (Kaskadowe Arkusze Stylów). Co mogę zrobić z CSS? CSS jest językiem stylu określającego układ graficzny dokumentów HTML. Na przykład, CSS
Bardziej szczegółowoSystemy internetowe Wykład 2 CSS
Systemy internetowe Wykład 2 CSS CSS - definicja CSS (Cascading Style Sheets) kaskadowe arkusze stylów CSS - język opisujący w jaki sposób elementy HTML będą wyświetlane na ekranie komputera, tabletu,
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ółowoKaskadowość stylów określa pierwszeństwo w oddziaływaniu na te same elementy strony różnych stylów.
Kaskadowe arkusze stylów Kaskadowe arkusze stylów CSS (Cascading Style Sheets) służą do definiowania sposobu wyświetlania elementów HTML. Pozwalają np. określać rozmiar i kolor czcionki, definiować odstępy
Bardziej szczegółowoRozwiązanie ćwiczenia 6a
Rozwiązanie ćwiczenia 6a Aby ponumerować strony: 1. Ustaw kursor tekstowy na pierwszej stronie dokumentu Polska_broszura.doc i kliknij przycisk Numer strony na karcie Wstawianie w grupie Nagłówek i stopka.
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ół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ółowoPodstawy informatyki
Podstawy informatyki semestr I, studia stacjonarne I stopnia Elektronika rok akademicki 2012/2013 Pracownia nr 5 Edytor tekstu Microsoft Word 2007 mgr inż. Adam Idźkowski Pracownia nr 5 2 Edytor tekstu
Bardziej szczegółowoAplikacje internetowe
Temat: Język HTML i style CSS Aplikacje internetowe Pracownia specjalistyczna, studia podyplomowe, rok 2011/2012 1. Stwórz formularz HTML pozwalający na rejestrację użytkownika w aplikacji internetowej.
Bardziej szczegółowoPrzepis. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć stronę internetową ze swoim ulubionym przepisem. Zadania do wykonania
HTML & CSS 1 Przepis 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ółowoWymagania na poszczególne oceny w klasach 3 gimnazjum
Wymagania na poszczególne oceny w klasach 3 gimnazjum Znaczenie komputera we współczesnym świecie Przypomnienie wiadomości na temat języka HTML Wstawianie tabeli na stronę WWW Wstawianie listy punktowanej
Bardziej szczegółowo1. Umieść kursor w miejscu, w którym ma być wprowadzony ozdobny napis. 2. Na karcie Wstawianie w grupie Tekst kliknij przycisk WordArt.
Grafika w dokumencie Wprowadzanie ozdobnych napisów WordArt Do tworzenia efektownych, ozdobnych napisów służy obiekt WordArt. Aby wstawić do dokumentu obiekt WordArt: 1. Umieść kursor w miejscu, w którym
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ółowoAplikacje 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ół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ół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ółowoURL: 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ół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ółowoWidżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.
Widżety KIWIPortal tworzenie umieszczanie na stronach internetowych opcje zaawansowane Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.3 Strona 1 z 17 1 SPIS TREŚCI 2 Metody osadzania widżetów... 3 2.1
Bardziej szczegółowoĆWICZENIA Z JĘZYKA HTML. 1. Znaczniki. 2. Struktura dokumentu HTML. 3. Tworzymy stronę WWW Podróże po stolicach Europy
Informatyka - podstawowe tematy WSzPWN - Język HTML, podstawy str. 1 ĆWICZENIA Z JĘZYKA HTML Struktura dokumentu, znaczniki, tabele, hiperłacza Być może trudno w to uwierzyć, jednak strony WWW są tekstem
Bardziej szczegółowoWykład 2: Kaskadowe arkusze stylów (CSS Cascade Style Sheets)
Wykład 2: Kaskadowe arkusze stylów (CSS Cascade Style Sheets) Przykład użycia stylu
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ółowoDokument hipertekstowy
Dokument hipertekstowy Laboratorium 5 Box model i layouty mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Wysokość i szerokość domyślna szerokość elementu inline jest związana z jego zawartością
Bardziej szczegółowoTworzenie infografik za pomocą narzędzia Canva
Tworzenie infografik za pomocą narzędzia Canva Spis treści Wstęp... 1 Układy... 3 Zmiana tekstu... 4 Obrazki... 5 Elementy... 6 Zdjęcia - Gratis... 6 Siatki... 8 Ramki... 10 Kształty... 12 Linie... 12
Bardziej szczegółowoRozwiązania zadań EGZAMINACYJNYCH- WITRYNY
Rozwiązania zadań EGZAMINACYJNYCH- WITRYNY Zadanie maj 2015 rok Wykonaj zestaw grafik oraz stronę internetową dla zespołów medycznych zgodnie z wymaganiami dotyczącymi bazy danych, grafiki i strony internetowej.
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ół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ół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ółowoSpis treści. Konwencje zastosowane w książce...5. Dodawanie stylów do dokumentów HTML oraz XHTML...6. Struktura reguł...9. Pierwszeństwo stylów...
Spis treści Konwencje zastosowane w książce...5 Dodawanie stylów do dokumentów HTML oraz XHTML...6 Struktura reguł...9 Pierwszeństwo stylów... 10 Klasyfikacja elementów... 13 Sposoby wyświetlania elementów...
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ółowoTworzenie Stron Internetowych. odcinek 7
Tworzenie Stron Internetowych odcinek 7 CSS dziedziczenie Drzewo dokumentu Drzewo dokumentu to hierarchia elementów umieszczonych w dokumencie źródłowym HTML. Każdy element w takim drzewie ma dokładnie
Bardziej szczegółowoFormatowanie komórek
Formatowanie komórek Korzystając z włączonego paska narzędziowego Formatowanie możemy, bez szukania dodatkowych opcji sformatować wartości i tekst wpisany do komórek Zmiana stylu czcionki (pogrubienie,
Bardziej szczegółowo1. Otwórz skoroszyt Zadania 04.xlsx i zapisz otwarty skoroszyt pod nazwą: Wykonane zadanie 4.xlsx.
1. Otwórz skoroszyt Zadania 04.xlsx i zapisz otwarty skoroszyt pod nazwą: Wykonane zadanie 4.xlsx. 2. Przejdź do arkusza Biuro. Wstaw pusty wiersz przed wierszem 2. 3. Scal komórki od A2:F3, wyśrodkowując
Bardziej szczegółowoSpecyfikacja techniczna dot. mailingów HTML
Specyfikacja techniczna dot. mailingów HTML Informacje wstępne Wszystkie składniki mailingu (pliki graficzne, teksty, pliki HTML) muszą być przekazane do melog.com dwa dni albo maksymalnie dzień wcześniej
Bardziej szczegółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2017 Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie
Bardziej szczegółowoDOKUMENTÓW W EDYTORACH
2015-10-12 TWORZENIE DOKUMENTÓW W EDYTORACH Microsoft Word Jan Kowalski UAM Tworzenie dokumentów w edytorach Spis treści Struktura a formatowanie... 1 Formatowanie za pomocą stylów... 1 Nagłówki... 2 Rysunki...
Bardziej szczegółowoZadanie 9. Projektowanie stron dokumentu
Zadanie 9. Projektowanie stron dokumentu Przygotowany dokument można: wydrukować i oprawić, zapisać jako strona sieci Web i opublikować w Internecie przekonwertować na format PDF i udostępnić w postaci
Bardziej szczegół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ółowo