TECHNOLOGIE SIECI WEB

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

Download "TECHNOLOGIE SIECI WEB"

Transkrypt

1 TECHNOLOGIE SIECI WEB Prowadzący: dr inż. Jan Prokop, Politechnika Rzeszowska, Wydział Elektrotechniki i Informatyki LABORATORIUM ĆWICZENIE nr 1 Temat: Język (X)HTML - Layout strony, nawigacja, formatowanie, walidacja Specyfikacja języka HTML: Kurs HTML-a pod adresem: Znacznik Atrybut Opis... Rozpoczyna i kończy dokument HTML... Nagłówek strony HTML <title>... </title> Tytuł strony... bgcolor= red background = rys.jpeg text= color <! > Komentarz Treść strony HTML Kolor tła strony URL-adres do pliku graficznego Kolor tekstu Layout - zastosowanie ramek znaczenie historyczne! <frameset rows="50%,50%" border="1"> <frame src="plik1.html" scrolling="no"> <frameset cols="40%,60%"> <frame src="plik2.html"> <frame src="plik3.html"> </frameset> </frameset> <p>ramka wewnątrz dokumentu HTML</p> <iframe src = "index.html" width="300" height="200"> </iframe><p/> Dalsza część strony HTML </p> cols rows = "800,600" lub "20%,80%" lub "2*,*" <frame name="nazwa_ramki" noresize> <a href="strona.htm" target="nazwa_ramki _blank _self _parent _top"> 2. Layout - zastosowanie tabel sposób nie zalecany! <title>my Title</title> <table width="100%" height="100%" border="1"> <tr> <td width="20%" valign="top" bgcolor="red"> Menu <br/> <a href="http://java.prz.edu.pl">strona przedmiotu</a> </td> <td width="80%" valign="top" bgcolor="blue"> <h1>content</h1> </td> </tr>

2 Jan Prokop, Technologie sieci Web, PRz, WEiI 2 Formatowanie tabeli Szerokość i wysokość tabeli <table width="600"> <table width="50%"> <table style="height:200px;width:60%;"> Szerokość komórki <td width="150">zawartość komórki</td> <td style="width: 150px;">zawartość komórki</td> <td style="width: 50%;">zawartość komórki</td> Odległości między komórkami <table border="1" cellspacing="10"> Odstępy w komórkach <table border cellspacing="10" cellpadding="15"> Wyrównywanie danych w komórkach <td align="left"> </td> <td style="text-align: left;"></td> Łączenie komórek tabeli - atrybuty rowspan i colspan <td rowspan="2">row 12 Cell 1</td> <td colspan="3">row 3 Cell 1</td> Obramowania tabeli - atrybut frame <table frame="border box void above below hsides vsides lhs rhs"> 3. Layout zastosowanie znacznika <div> - sposób preferowany! <title>div</title> <div id="menu" align="right" > <a href=" ">Strona domowa</a> <a href=" ">Kontakt</a> <a href=" ">O nas</a> <a href=" ">Linki</a> <div id="content" align="left" > <h2>tytuł 1</h2> <p>treść akapitu pierwszego</p> <h2>tytuł 2</h2> <p>treść akapitu drugiego</p> <div id="footer" align="center" > <p> 2009 Copyright</p> <title> Div layout </title> <div style="position:absolute; width:200px; height:100px; left:200px; top:100px; background-color:yellow;"> 4. Odsyłacze hipertekstowe Odsyłacze hipertekstowe <a href="http://www.prz.rzeszow.pl/index.html"> Tekst</a> <a href="url" target="_blank _self _parent _top">link</a> <a href="#label">tekst</a> <a name="label">tekst</a> <a <a href="url"><img src="rys.gif"></a> <a href="file.zip">plik do pobrania</a> <a href="url" title="podpis w dymku linka">tekst linku</a> Ścieżki względne href= file.html href= files/file.html href= files/morefiles/fil e.html href=.. /file.html href=.. /.. / files/file.html 5. Zadania 1. Zbudować 3 strony (każda w innej technice) o strukturze jak na rysunku (inne układy podaje prowadzący) stosując: - ramki - tabele - bloki oparte o znacznik div 2. Zrealizować nawigację pomiędzy stronami przez realizację odsyłaczy hipertekstowych oraz nawigację do odpowiednich bloków danej strony

3 Jan Prokop, Technologie sieci Web, PRz, WEiI 3 6. HTML - Formularze Sprawdzić działanie poniższego formularza dla żądań HTTP typu GET i POST <title>html Form Example</title> <form method="post" action="http://java.prz.edu.pl/html/form/form_handler.php"> <table> <tr><td>user name: </td> <td><input type="text" name="username"></td></tr> <tr><td>password : </td> <td><input type="password" name="password"></td></tr> <tr><td><input type="submit" value="send"></td> <td><input type="reset" value="reset"></td></tr> </form> Zbudować formularz o strukturze podanej przez prowadzącego korzystając z następujących elementów: Składnia Opis <input type="text" name="first_name" /> Pole jednowierszowe <input type="text" name="password" /> Pole haseł <textarea rows="5" cols="50" name="description"> Obszary tekstowe Description... </textarea> <input type="checkbox" name="option1" value="on" checked> Option 1 Pole wyboru <input type="radio" name="subject" value="radio 1" /> Maths Przełączniki radiowe <select name="dropdown"> Pole opcji <option value="bmw" selected>bmw</option> <option value="audi">audi</option> </select> <select name="typ"> Lista wyboru <option value="audi">audi <option value="bmw" selected>bmw </select> <input type="submit" value="submit" /> Przyciski submit i <input type="reset" value="reset" /> reset <input type="hidden" name="number" value="10" /> <input type="submit" value="next" /> <input type="image" name="imagebutton" src="url" /> Przycisk obrazek <button type="button">click Me!</button> Przycisk <fieldset><legend>personalia:</legend> Legenda Name: <input type="text" size="30" /><br /> </fieldset> Zbudować formularz wysyłający list, strukturę podaje prowadzący <form method="post" action = </form> <form method="post" enctype="text/plain" </form> 7. HTML - Wykazy Wykazy nienumerowane <ul type="square disc circle"> <li>punkt 1 </li> <li>punkt 2</li> <ul> <li>podpunkt 2.1</li> <li>podpunkt 2.2</li> <ul> <li>podpunkt 2.2.1</li> <li>podpunkt 2.2.2</li> <li>punkt 3</li> <li>punkt 4</li> Wykazy numerowane <ol type= I > <li>punkt I</li> <li>punkt II</li> <ol type= i > <li>podpunkt i</li> <li>podpunkt ii</li> <ol type= a > <li>podpunkt a</li> <li>podpunkt b</li> <li>punkt III</li> <li>punkt IV</li>

4 Jan Prokop, Technologie sieci Web, PRz, WEiI 4 8. HTML - Grafika w tekście <img src="foto.jpg" alt="nazwa alternatywna" /> <img src="foto.jpg" width="100" height="50" alt="nazwa alternatywna" /> <img src="foto.gif" align="bottom middle top" width="100" height="50" /> <div style="text-align:center;"><img src = "foto.jpg" width="100" height="300" /> <img src="foto.gif" border="3" width="200" height="300" /> <img src="foto.jpg" width="200" height="300" style="border: 5px red solid;" /> <img src="foto.jpg" width="200" height="300" hspace= "100" vspace="50" /> <img src="foto.jpg" width="300" height="400" style="margin-left: 50px; margin-right: 50px;" /> <img src="foto.jpg" width="100" height="200" alt = "Tekst alternatywny" style="float: right;" /> <img src="foto.jpg" width="100" height="150" alt= "Tekst alternatywny" style="vertical-align: top;" /> <img src="foto.gif" align="top middle bottom" /> Aktywna mapa <img src="rysunek_odsyłacz.gif" usemap="#mapa" alt= Menu graficzne align="top" border="0" width="100" height="200" /> <map name="mapa"> <area shape= rect coords="1,1,50,50" href="1.html"> <area shape= rect coords="51,1,100,50" href="2.html"> <area shape= rect coords="1,51,51,100" href="3.html"> <area shape= rect coords="51,51,100,100" href="4.html"> <area shape= circle coords="50,150,10" href="5.html"> </map> 9. Język XHTML Struktura dokumentu XHTML <?xml version="1.0" encoding="utf-8"?> 1.0 Transitional//EN" transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl"> <title>xhtml</title>...body... Wersje DTD 1.0 Strict//EN" strict.dtd"> 1.0 Transitional//EN" transitional.dtd"> 1.0 Frameset//EN" frameset.dtd"> Zbudowane stony zapisać zgodnie z XHTML, zwalidować walidatorem i poprawić wszystkie błędy 10. HTML 5 Video Audio Canvas <video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> Your browser does not support the video tag. </video> <audio controls="controls"> <source src="song.ogg" type="audio/ogg" /> <source src="song.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> <canvas id="mycanvas"></canvas> <script type="text/javascript">

5 Jan Prokop, Technologie sieci Web, PRz, WEiI 5 var canvas=document.getelementbyid('mycanvas'); var ctx=canvas.getcontext('2d'); ctx.fillstyle='#ff0000'; ctx.fillrect(0,0,80,100); </script> 11. Kody znaków specjalnych w HTML-u 12. Tablica kolorów Znak Opis Nazwa Kod Kolor Szesnastkowo Słownie twarda spacja biały FFFFFF white < znak mniejszości < < czarny black > znak większości > > czerwony FF0000 red & ampersand & & zielony 00FF00 green " cudzysłów " " niebieski 0000FF blue ' apostrof &apos; &#39; żółty FFFF00 yellow copyright ciemnoszary gray srebrny C0C0C0 silver <body> - wyświetla tekst turkusowy 00FFFF agua - trzy twarde spacje kasztanowy maroon granatowy navy

HTML. 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 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ółowo

HTML podstawowe polecenia

HTML podstawowe polecenia HTML podstawowe polecenia Szkielet dokumentu:

Bardziej szczegółowo

Tworzenie stron internetowych w kodzie HTML Cz 5

Tworzenie 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ółowo

APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ

APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ PLAN PREZENTACJI Wprowadzenie do HTML Struktura dokumentu HTML Komentarze Znaczniki Nagłówki (tytuły) Akapit Znacznik końca wiersza Linia pozioma

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

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

Cel 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ółowo

Hyper Text Markup Language

Hyper Text Markup Language Podstawy projektowania dokumentów WWW Język znaczników HTML Hyper Text Markup Language Język słuŝący do zapisu dokumentów WWW. Opisuje wygląd dokumentu i definiuje łączniki hipertekstowe, pozwalające na

Bardziej szczegółowo

Podstawy (X)HTML i CSS

Podstawy (X)HTML i CSS Inżynierskie podejście do budowania stron WWW momat@man.poznan.pl 2005-04-11 1 Hyper Text Markup Language Standardy W3C Przegląd znaczników Przegląd znaczników XHTML 2 Cascading Style Sheets Łączenie z

Bardziej szczegółowo

obecnie tabeli nie stosuje się do budowy struktury witryny (stosuje się za to pozycjonowanie elementów i warstwy) faktycznie wymagają

obecnie tabeli nie stosuje się do budowy struktury witryny (stosuje się za to pozycjonowanie elementów i warstwy) faktycznie wymagają Tabela obecnie tabeli nie stosuje się do budowy struktury witryny (stosuje się za to pozycjonowanie elementów i warstwy) tabel używa się wyłącznie do prezentacji tych danych, które tego tabel używa się

Bardziej szczegółowo

Architektura WWW. HTML Część I - Podstawy. HTML język tworzenia stron WWW. Znaczniki HTML. Struktura dokumentu HTML. Kodowanie polskich liter

Architektura WWW. HTML Część I - Podstawy. HTML język tworzenia stron WWW. Znaczniki HTML. Struktura dokumentu HTML. Kodowanie polskich liter HTML Część I - Podstawy Beata Pańczyk Architektura WWW strona - jednostka informacji w WWW łączniki (ang. link) prowadzące do innych dokumentów przeglądarki (ang. browser) - programy klienta uŝywane do

Bardziej szczegółowo

przygotował: mgr Szymon Szewczyk PODSTAWY

przygotował: 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ółowo

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

Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania na nich skryptów w języku JavaScript. Instrukcja laboratoryjna do ćwiczenia: 1. Cel ćwiczenia Strona internetowa w systemach unix-owych Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania

Bardziej szczegółowo

Technologie Internetowe

Technologie Internetowe Arkadiusz Liber Emil Dziubecki Technologie Internetowe Laboratorium Ćwiczenie 3. Projektowanie i implementacja dokumentów hipertekstowych zawierających ramki i tabele Legnica 2005 1 1. Wymagania wstępne

Bardziej szczegółowo

Tworzenie i publikowanie stron www. Krzysztof Kadowski Wydział Zamiejscowy w Człuchowie Wyższa Szkoła Pedagogiczna TWP

Tworzenie i publikowanie stron www. Krzysztof Kadowski Wydział Zamiejscowy w Człuchowie Wyższa Szkoła Pedagogiczna TWP Tworzenie i publikowanie stron www. Krzysztof Kadowski Wydział Zamiejscowy w Człuchowie Wyższa Szkoła Pedagogiczna TWP Technologie stron www Strony www Statyczne HTML. CSS. Dynamiczne Oparte o bazy danych.

Bardziej szczegółowo

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 3 Formularze Agenda Podstawy formularzy HTML Podstawowe kontrolki formularzy HTML Nowe kontrolki z HTML

Bardziej szczegółowo

Specyfikacja techniczna dot. mailingów HTML

Specyfikacja 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ółowo

Formularze w PHP dla początkujących

Formularze w PHP dla początkujących Instrukcja numer 07 Formularze w PHP dla początkujących Zaawansowane techniki tworzenie stron WWW Bazy danych w PHP dla początkujących Formularze stworzone w HTML mogą służyć jako metoda pobierania informacji

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

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ Poznań, 2012-10-04 AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ NAZWA ADRES STRONY ILOŚĆ BŁĘDÓW WCAG 33 ILOŚĆ OSTRZEŻEŃ WCAG 3 TYP DOKUMENTU UŻYTY FORMAT (X)HTML JĘZYK OWANIE STRONY Urząd Marszałkowski Województwa

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

FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail.

FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail. 1 FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail.

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

Edukacja na odległość

Edukacja 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ółowo

Strony WWW - podstawy języka HTML

Strony WWW - podstawy języka HTML Strony WWW - podstawy języka HTML Jacek Krzaczkowski 2004 r. HTML (Hyper Text Markup Language) jest językiem opisu dokumentu używanym do tworzenia stron WWW. Znaczniki języka HTML informują przeglądarkę

Bardziej szczegółowo

Rys historyczny. HTML Część I - Wprowadzenie. Składniki architektury WWW. Zadania klienta HTTP (przeglądarki WWW - Web Browser)

Rys historyczny. HTML Część I - Wprowadzenie. Składniki architektury WWW. Zadania klienta HTTP (przeglądarki WWW - Web Browser) HTML Część I - Wprowadzenie Beata Pańczyk 1 Rys historyczny Tim Berners-Lee (1989) - twórca koncepcji hipertekstu, związany ze szwajcarskim CERN (Organisation Européenne pour la Recherche Nucléaire) -

Bardziej szczegółowo

2. Prezentacja wizualna

2. Prezentacja wizualna 2. Prezentacja wizualna 2.1. Opis rozdziału Rozdział ten przedstawia jak stworzyć przykładowy układ graficzny dla naszej gry w HTML5 i CSS3, które w dalszej części poradnika zostaną wykorzystane do stworzenia

Bardziej szczegółowo

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM Język (X)HTML Podstawowe znaczniki i parametry Szablon dokumentu (X)HTML

Bardziej szczegółowo

HTML/XHTML. dr Beata Kuźmińska-Sołśnia

HTML/XHTML. dr Beata Kuźmińska-Sołśnia HTML/XHTML dr Beata Kuźmińska-Sołśnia HTML (ang. Hypertext Markup Language) hipertekstowy język znaczników HTML pozwala na formatowanie tekstu, kreślenie linii, dołączanie grafiki, dźwięków i filmów wideo

Bardziej szczegółowo

Tworzenie Stron Internetowych. odcinek 3

Tworzenie Stron Internetowych. odcinek 3 Tworzenie Stron Internetowych odcinek 3 odnośniki Uwaga do poprzedniego wykładu Każdy fragment tekstu umieszczony w kodzie HTML musi byd częścią jakiegoś elementu. Esencją HTML jest Hipertekst, czyli łączenie

Bardziej szczegółowo

JAK W NAGŁÓWKU STRONY LUB BLOGA

JAK W NAGŁÓWKU STRONY LUB BLOGA JAK W NAGŁÓWKU STRONY LUB BLOGA WSTAWIĆ FORMULARZ AUTORESPONDERA? - DLA STRON ZAINSTALOWANYCH NA SYSTEMIE WORDPRESS - http://www.michalandrzejczak.pl Copyright 2014 http://www.michalandrzejczak.pl Wszystkie

Bardziej szczegółowo

HTML. Witamy w wirtualnym języku HTML

HTML. Witamy w wirtualnym języku HTML HTML Witamy w wirtualnym języku HTML ostatni WYJAŚNIENIE: Określenie "HTML" będzie używane w znaczeniu ogólnego języka opisującego strukturę dokumentów stron WWW. Zapoznając się z tym językiem poznasz

Bardziej szczegółowo

HTML. Wyjaśnienie: Edytory: Początkowa strona WWW: Określenie "HTML" będzie używane w znaczeniu ogólnego języka opisującego

HTML. Wyjaśnienie: Edytory: Początkowa strona WWW: Określenie HTML będzie używane w znaczeniu ogólnego języka opisującego HTML Witamy w wirtualnym języku HTML Wyjaśnienie: Określenie "HTML" będzie używane w znaczeniu ogólnego języka opisującego strukturę dokumentów stron WWW. Zapoznając się z tym językiem poznasz zasady projektowania

Bardziej szczegółowo

Za pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco:

Za 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ółowo

JavaScript - wykład 4. Zdarzenia i formularze. Obsługa zdarzeń. Zdarzenia. Mysz. Logiczne. Klawiatura. Beata Pańczyk

JavaScript - wykład 4. Zdarzenia i formularze. Obsługa zdarzeń. Zdarzenia. Mysz. Logiczne. Klawiatura. Beata Pańczyk Obsługa zdarzeń JavaScript - wykład 4 Zdarzenia i formularze Beata Pańczyk zdarzenia - wszystko co zachodzi w związku z obiektami JavaScript (np. window) i elementami XHTML przeglądarka moŝe wywołać funkcję

Bardziej szczegółowo

Informatyka i Ekonometria Informatyka ekonomiczna Ćwiczenia Usługi sieciowe. Tworzenie serwisów internetowych.

Informatyka i Ekonometria Informatyka ekonomiczna Ćwiczenia Usługi sieciowe. Tworzenie serwisów internetowych. Kierunek: Przedmiot: Forma zajęć: Temat: Informatyka i Ekonometria Informatyka ekonomiczna Ćwiczenia Usługi sieciowe. Tworzenie serwisów internetowych. KORZYSTANIE Z USŁUG SIECIOWYCH Przesyłanie plików

Bardziej szczegółowo

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

Przy 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ółowo

Informatyka 2MPDI. Wykład 4

Informatyka 2MPDI. Wykład 4 Informatyka 2MPDI Wykład 4 Strony WWW (World Wide Web) Mosaic pierwsza przeglądarka 1993 Internet Explorer Opera Firefox(Mozilla) Safari Chrome(Google) HTML HTML (ang. HyperText Markup Language, pol. hipertekstowy

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

HTML KROK PO KROKU WSTĘP 2 EDYTOWANIE TEKSTU 4 HIPERLINKI 5 TABELE 7 MULTIMEDIA 8

HTML KROK PO KROKU WSTĘP 2 EDYTOWANIE TEKSTU 4 HIPERLINKI 5 TABELE 7 MULTIMEDIA 8 HTML KROK PO KROKU WSTĘP 2 EDYTOWANIE TEKSTU 4 HIPERLINKI 5 TABELE 7 MULTIMEDIA 8 WSTĘP Ten kurs dedykuje zarówno dla osób zupełnie "zielonych, jeśli chodzi, o html'a które chcą tą wiedze zdobyć jak i

Bardziej szczegółowo

Rysunek otaczany przez tekst

Rysunek otaczany przez tekst Tekst i obrazy 1 Rysunek otaczany przez tekst Wprowadzanie obiektu graficznego Rozmiar ramki: width= 200 deklaruje się tylko

Bardziej szczegółowo

Załącznik nr 2 do Uchwały Nr XIX/168/2013 Rady Gminy Stare Pole z dnia 6 marca 2013 r.

Załącznik nr 2 do Uchwały Nr XIX/168/2013 Rady Gminy Stare Pole z dnia 6 marca 2013 r. Załącznik nr 2 do Uchwały Nr XIX/168/2013 Rady Gminy Stare Pole z dnia 6 marca 2013 r.

Bardziej szczegółowo

HTML kurs podstawowy. nagłówek, linia pozioma, obraz, img, ramka, div, tabela, tabel, lista

HTML kurs podstawowy. nagłówek, linia pozioma, obraz, img, ramka, div, tabela, tabel, lista HTML kurs podstawowy Wykład: język znaczników, atrybuty, XML, XHTML, rodzaje znaczników, wybór edytora, struktura dokumentu, head, title, body, kodowanie, utf-8, iso-8859-2, meta, link, akapit, font, color,

Bardziej szczegółowo

Michał Bielecki, KNI 'BIOS'

Michał Bielecki, KNI 'BIOS' Michał Bielecki, KNI 'BIOS' PHP czyli język typu client side 1. przeglądarka www żąda dokumentu o rozszerzeniu.php 2. serwer odbiera żądanie i przesyła do parsera php 3. parser php znajduje żądany plik

Bardziej szczegółowo

Aplikacje internetowe

Aplikacje 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ółowo

I. Dlaczego standardy kodowania mailingów są istotne?

I. 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ółowo

www.fwrl.pl/szkolenie

www.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ółowo

WITRYNY I APLIKACJE INTERNETOWE

WITRYNY I APLIKACJE INTERNETOWE WITRYNY I APLIKACJE INTERNETOWE TECHNIKUM INFORMATYCZNE wg programu 351203 KLASA II 3 godz. tygodniowo 90 godziny Liczba godzin w cyklu kształcenia 180 rok szkolny 2013/2014 Sylwia Płonka 2. W 1980 fizyk

Bardziej szczegółowo

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

Kró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ółowo

Deklarowanie tytułu związanej z tabelą

Deklarowanie 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ółowo

Podstawy JavaScript ćwiczenia

Podstawy JavaScript ćwiczenia Podstawy JavaScript ćwiczenia Kontekst:

Bardziej szczegółowo

Politechnika Gdańska Wydział Elektrotechniki i Automatyki Kierunek: Automatyka i Robotyka Studia stacjonarne I stopnia: rok I, semestr II

Politechnika Gdańska Wydział Elektrotechniki i Automatyki Kierunek: Automatyka i Robotyka Studia stacjonarne I stopnia: rok I, semestr II SIECI KOPMPUTEROWE I TECHNOLOGIE INTERNETOWE (SKiTI) Wykład 11 Wprowadzenie do (X)HTML Politechnika Gdańska Wydział Elektrotechniki i Automatyki Kierunek: Automatyka i Robotyka Studia stacjonarne I stopnia:

Bardziej szczegółowo

TECHNOLOGIE SIECI WEB

TECHNOLOGIE SIECI WEB TECHNOLOGIE SIECI WEB Prowadzący: dr inż. Jan Prokop, e-mail: jprokop@prz.edu.pl, Politechnika Rzeszowska, Wydział Elektrotechniki i Informatyki LABORATORIUM ĆWICZENIE nr 8 Temat: Podstawy technologii

Bardziej szczegółowo

Wprowadzenie do Internetu zajęcia 4

Wprowadzenie do Internetu zajęcia 4 Wprowadzenie do Internetu zajęcia 4 Zakres tematyczny zajęć Rozmieszczanie elementów za pomocą CSS; JavaScript wprowadzenie, zagadnienia podstawowe; Wykorzystanie JavaScript-u do kontroli formularzy. Rozmieszczanie

Bardziej szczegółowo

Aplikacje Internetowe

Aplikacje Internetowe Piotr Bubacz Aplikacje Internetowe ITA-103 Wersja 1 Warszawa, październik 2008 Piotr Bubacz 2008 Piotr Bubacz. Autor udziela prawa do bezpłatnego kopiowania i dystrybuowania wśród pracowników uczelni oraz

Bardziej szczegółowo

Projektowanie stron www

Projektowanie stron www Projektowanie stron www Cel przedmiotu Celem przedmiotu jest poznanie podstaw projektowania stron WWW w zakresie stosowania języków ich przygotowania: HTML, CSS i JavaScript. Realizacja zajęć Zajęcia są

Bardziej szczegółowo

Moduł 1. Podstawy HTML

Moduł 1. Podstawy HTML Moduł 1 Spis treści... 1 Informacje o module... 2 Przygotowanie teoretyczne... 3 Przykładowy problem... 3 Podstawy teoretyczne... 3 Uwagi dla studenta... 18 Dodatkowe źródła informacji... 18 Informacje

Bardziej szczegółowo

Programy CGI dla baz danych

Programy CGI dla baz danych Programy CGI dla baz danych Zbigniew Jurkiewicz Instytut Informatyki UW 6 maja 2014 Dodawać poniższą instrukcję error_reporting(e_all) do skryptów PHP, żeby serwer WWW raportował wszystkie błędy. 1 WWW

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

Dokumentacja Skryptu Mapy ver.1.1

Dokumentacja Skryptu Mapy ver.1.1 Dokumentacja Skryptu Mapy ver.1.1 2 Dokumentacja Skryptu Mapy ver.1.1 Spis treści Dokumentacja skryptu... 3 Dodatkowe informacje i kontakt... 7 3 Dokumentacja Skryptu Mapy ver.1.1 Dokumentacja skryptu

Bardziej szczegółowo

Studia Podyplomowe dla nauczycieli w zakresie ICT, języka obcego i informatyki. (finansowane przez EFS oraz MEiN) JĘZYK HTML

Studia Podyplomowe dla nauczycieli w zakresie ICT, języka obcego i informatyki. (finansowane przez EFS oraz MEiN) JĘZYK HTML 1. Zasady nazywania i zapisywania plików: a. Nazwa pliku nie powinna zawierać znaków specjalnych typu: - polskie litery (tzw. ogonki): ĘęÓ󥹌śŁłŻżŹźĆćŃń; - puste znaki (spacja) zastępujemy je innymi znakami

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

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

Konspekt 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ół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

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

Tworzenie stron internetowych w kodzie HTML Cz 7

Tworzenie stron internetowych w kodzie HTML Cz 7 Tworzenie stron internetowych w kodzie HTML Cz 7 7. Ramki 7.1. Wstęp Przykład: Oto przykładowy wygląd strony startowej ramek: PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd">

Bardziej szczegółowo

Podstawy tworzenia stron internetowych

Podstawy tworzenia stron internetowych Podstawy tworzenia stron internetowych HTML Wstęp Do edycji stron HTML (Hyper Text Markup Language) można wykorzystać dowolny edytor tekstowy (np. Notatnik) umożliwiający edycję zwykłych plików tekstowych.

Bardziej szczegółowo

Aplikacje WWW - laboratorium

Aplikacje WWW - laboratorium Aplikacje WWW - laboratorium Język JavaScript Celem ćwiczenia jest przygotowanie formularza na stronie WWW z wykorzystaniem języka JavaScript. Formularz ten będzie sprawdzany pod względem zawartości przed

Bardziej szczegółowo

SSK - Techniki Internetowe

SSK - Techniki Internetowe SSK - Techniki Internetowe Ćwiczenie 2. Obsługa formularzy. Operatory, instrukcje warunkowe oraz instrukcje pętli w PHP. Obsługa formularzy Skryptu PHP moŝna uŝyć do obsługi formularza HTML. Aby tego dokonać,

Bardziej szczegółowo

Blok dokumentu.

Blok 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ółowo

UKŁAD INFORMACJI I POWIĄZAŃ MIĘDZY NIMI W INFORMACJI W SPRAWIE PODATKU LEŚNEGO (IL-1) W FORMACIE DANYCH XML

UKŁAD INFORMACJI I POWIĄZAŃ MIĘDZY NIMI W INFORMACJI W SPRAWIE PODATKU LEŚNEGO (IL-1) W FORMACIE DANYCH XML UKŁAD INFORMACJI I POWIĄZAŃ MIĘDZY NIMI W INFORMACJI W SPRAWIE PODATKU LEŚNEGO (IL-1) W FORMACIE DANYCH XML

Bardziej szczegółowo

XHTML, CSS i JavaScript. Pierwsza pomoc

XHTML, CSS i JavaScript. Pierwsza pomoc . Pierwsza pomoc Autorzy: Maria Sokó³, Rados³aw Sokó³ ISBN: 978-83-246-1071-6 Format: A5, stron: 100 Pocz¹tki tworzenie szkieletu strony WWW i struktury dokumentu HTML Wygl¹d strony kodowanie znaków, krój

Bardziej szczegółowo

TECHNOLOGIE SIECI WEB

TECHNOLOGIE 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ółowo

Załącznik Nr 2 do Uchwały Nr XXIX/181/2014 Rady Gminy Bojszowy z dnia 17 stycznia 2014 r.

Załącznik Nr 2 do Uchwały Nr XXIX/181/2014 Rady Gminy Bojszowy z dnia 17 stycznia 2014 r. Załącznik Nr 2 do Uchwały Nr XXIX/181/2014 Rady Gminy Bojszowy z dnia 17 stycznia 2014 r.

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

Wstęp 5 Rozdział 1. Informacje podstawowe 9

Wstęp 5 Rozdział 1. Informacje podstawowe 9 Wstęp 5 Rozdział 1. Informacje podstawowe 9 Co to jest internet? 9 Co to jest WWW? 10 Jak komunikują się komputery w internecie? 11 Surfowanie i przeglądarka 12 Jeszcze kilka słów o adresach URL 13 Co

Bardziej szczegółowo

Zaawansowane bazy danych i hurtownie danych studia zaoczne II stopnia, sem. I

Zaawansowane bazy danych i hurtownie danych studia zaoczne II stopnia, sem. I Wydział Informatyki Politechnika Białostocka Zaawansowane bazy danych i hurtownie danych MySQL studia zaoczne II stopnia, sem. I Plan wykładu 1. MySQL: funkcje, procedury, wyzwalacze 2. HTML : tworzenie

Bardziej szczegółowo

Tutorial. HTML Rozdział: Ramki

Tutorial. 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ółowo

Technologie informacyjne Mechatronika PWSW. W4-24.XI Pakiet Office edytor HTML

Technologie informacyjne Mechatronika PWSW. W4-24.XI Pakiet Office edytor HTML Technologie informacyjne Mechatronika PWSW W4-24.XI Pakiet Office edytor HTML Superaplikacja biurowa MS- OFFICE Microsoft Office to pakiet aplikacji biurowych wyprodukowany przez firmę Microsoft. Popularny

Bardziej szczegółowo

INSTRUKCJA OBSŁUGI STRONY INTERNETOWEJ WWW.MALA-ROSJA.PL

INSTRUKCJA OBSŁUGI STRONY INTERNETOWEJ WWW.MALA-ROSJA.PL INSTRUKCJA OBSŁUGI STRONY INTERNETOWEJ WWW.MALA-ROSJA.PL 1. Logowanie się do panelu administracyjnego 2. System newsów 3. Dodawanie i edycja podstron 4. Moduły strony 5. Zmiana wyglądu strony 6. Galeria

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

ASP.NET MVC. Podstawy. Zaawansowane programowanie internetowe Instrukcja nr 3

ASP.NET MVC. Podstawy. Zaawansowane programowanie internetowe Instrukcja nr 3 3 ASP.NET MVC Podstawy 1 1. Cel zajęć Celem zajęć jest zapoznanie się z podstawami ASP.NET MVC 2.0 Framework. 2. Zadanie Proszę zbudować prostą aplikację WWW przy zastosowaniu framework a ASP.NET MVC 2.0

Bardziej szczegółowo

Wstęp... 2. Plik index.htm... 2. Plik zaglowce.htm... 6. Plik uprawnienia.htm... 8. Plik bezpieczeństwo.htm... 9. Plik szanty.htm...

Wstęp... 2. Plik index.htm... 2. Plik zaglowce.htm... 6. Plik uprawnienia.htm... 8. Plik bezpieczeństwo.htm... 9. Plik szanty.htm... ZAWARTOŚĆ INSTRUKCJI Wstęp... 2 Plik index.htm... 2 Plik zaglowce.htm... 6 Plik uprawnienia.htm... 8 Plik bezpieczeństwo.htm... 9 Plik szanty.htm... 11 Połączenie podstron w witrynę... 11 Zobacz podgląd

Bardziej szczegółowo

FORMAT ELEKTRONICZNY DEKLARACJI O WYSOKOŚCI OPŁATY ZA GOSPODAROWANIE ODPADAMI KOMUNALNYMI

FORMAT ELEKTRONICZNY DEKLARACJI O WYSOKOŚCI OPŁATY ZA GOSPODAROWANIE ODPADAMI KOMUNALNYMI Załącznik Nr 2 do uchwały Nr 192/XXXVI/13 Rady Gminy Siemyśl z dnia 25 czerwca 2013 r. FORMAT ELEKTRONICZNY DEKLARACJI O WYSOKOŚCI OPŁATY ZA GOSPODAROWANIE ODPADAMI KOMUNALNYMI

Bardziej szczegółowo

JAVASCRIPT (cz. IV) ĆWICZENIA DO SAMODZIELNEGO WYKONANIA materiały dydaktyczne dla słuchaczy opracowanie: 2004-2007 by Arkadiusz Gawełek, Łódź

JAVASCRIPT (cz. IV) ĆWICZENIA DO SAMODZIELNEGO WYKONANIA materiały dydaktyczne dla słuchaczy opracowanie: 2004-2007 by Arkadiusz Gawełek, Łódź JAVASCRIPT (cz. IV) ĆWICZENIA DO SAMODZIELNEGO WYKONANIA Ćwiczenie 1 obliczanie daty Wielkanocy Napisz skrypt, który: poprosi użytkownika o podanie roku z przedziału 1900..2099 sprawdzi, czy podana wartość

Bardziej szczegółowo

Podstawy HTML i styli CSS. selektor {właściwość1: wartość1; właściwość2: wartość2}

Podstawy 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ółowo

Box model: Content. Content - obszar zawartości określany jest za pomocą deklaracji wysokości i szerokości.

Box 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ółowo

Gorzów Wielkopolski, dnia 3 lutego 2014 r. Poz. 301 UCHWAŁA NR XXXIX/253/14 RADY MIEJSKIEJ W CYBINCE. z dnia 30 stycznia 2014 r.

Gorzów Wielkopolski, dnia 3 lutego 2014 r. Poz. 301 UCHWAŁA NR XXXIX/253/14 RADY MIEJSKIEJ W CYBINCE. z dnia 30 stycznia 2014 r. DZIENNIK URZĘDOWY WOJEWÓDZTWA LUBUSKIEGO Gorzów Wielkopolski, dnia 3 lutego 2014 r. Poz. 301 UCHWAŁA NR XXXIX/253/14 RADY MIEJSKIEJ W CYBINCE z dnia 30 stycznia 2014 r. w sprawie warunków i trybu składania

Bardziej szczegółowo

Podstawy języka HTML (HyperText Markup Language)

Podstawy 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

Widż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. 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

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

Podstawy. w HTML u HTML??? tworzenia stron internetowych. dla wszystkich. nie wiem co to jest, ale na pewno nie jest trudne. Podstawy tworzenia stron internetowych w HTML u dla wszystkich HTML??? nie wiem co to jest, ale na pewno nie jest trudne. Opracował: Krzysztof Dzierbicki KADEK - 2003 - 1 - - 2 - Wiek XXI charakteryzuje

Bardziej szczegółowo

rk HTML 4 a 5 różnice

rk HTML 4 a 5 różnice rk HTML 4 a 5 różnice kompatybilność Pierwszym dużym plusem języka HTML 5 jest to, że jest zdefiniowany w sposób umożliwiający kompatybilność wstecz. Składnia Przykład dokumentu podporządkowującego się

Bardziej szczegółowo

HTML. Barbara Kołodziejczak

HTML. Barbara Kołodziejczak HTML HTML (ang. Hyper Text Markup Language, pl. hipertekstowy język znaczników), to język składający się ze znaczników (ang. tags) oraz reguł ich poprawnego stosowania (gramatyki, syntaktyki), stosowany

Bardziej szczegółowo

UCHWAŁA NR XL/179/13 RADY GMINY KAMPINOS. z dnia 11 lipca 2013 r.

UCHWAŁA NR XL/179/13 RADY GMINY KAMPINOS. z dnia 11 lipca 2013 r. UCHWAŁA NR XL/179/13 RADY GMINY KAMPINOS z dnia 11 lipca 2013 r. zmieniająca uchwałę w sprawie ustalenia wzoru deklaracji o wysokości opłaty za gospodarowanie odpadami komunalnymi położonymi na terenie

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

STANDARDY KODOWANIA MAILINGÓW

STANDARDY KODOWANIA MAILINGÓW STANDARDY KODOWANIA MAILINGÓW Tabela zawartości: I. Dlaczego standardy kodowania mailingów są istotne? II. Budowa nagłówka wiadomości. III. Style kaskadowe CSS. IV. Elementarna budowa szablonu. V. Podsumowanie.

Bardziej szczegółowo

Projektowanie aplikacji internetowych. CSS w akcji

Projektowanie 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ółowo

Układ informacji i powiązań między danymi w deklaracji o wysokości opłaty za gospodarowanie odpadami komunalnymi

Układ informacji i powiązań między danymi w deklaracji o wysokości opłaty za gospodarowanie odpadami komunalnymi Załącznik Nr 2 do uchwały nr XLIX/392/2013 Rady Miasta Marki z dnia 19 grudnia 2013 roku Układ informacji i powiązań między danymi w deklaracji o wysokości opłaty za gospodarowanie odpadami komunalnymi

Bardziej szczegółowo

Znaczniki HTML. Struktura dokumentu. Nagłówek strony

Znaczniki HTML. Struktura dokumentu. Nagłówek strony Znaczniki HTML HTML (HyperText Markup Language), po polsku język hipertekstowy. Podstawą budowy każdej strony internetowej jest język znaczników HTML. Składa się on z kilkudziesięciu komend, tzw. tagów.

Bardziej szczegółowo

HTML. Witam w wirtualnym języku HTML

HTML. Witam w wirtualnym języku HTML HTML Witam w wirtualnym języku HTML ostatni Wyja nienieś Okre lenie ąhtmlą będzie używane w znaczeniu ogólnego języka opisuj cego strukturę dokumentów stron WWW. Zapoznaj c się z tym językiem poznasz zasady

Bardziej szczegółowo