Język HTML. Elementy projektowania stron WWW. Część 2. Idea języków znakowania. Znakowanie znaczeniowe i typograficzne. dr inŝ.
|
|
- Kinga Mróz
- 8 lat temu
- Przeglądów:
Transkrypt
1 Język HTML Elementy projektowania stron WWW Część 2 dr inŝ. Tomasz Traczyk Języki znakowania Znakowanie znaczeniowe i typograficzne Budowa dokumentu HTML Przegląd znaczników HTML Arkusze stylistyczne Narzędzia do tworzenia stron WWW Zasady tworzenia poprawnych stron WWW XHTML 2 Idea języków znakowania Znakowanie znaczeniowe i typograficzne Języki znakowania SłuŜą do reprezentowania informacji w postaci tekstu z określoną strukturą Znakowanie (markup) przestawienie struktury tekstu za pomocą znaczników (tags) Rodzina SGML SGML (Standard Generalised Markup Language) metajęzyk słuŝący do tworzenia języków znakowania powstał w 1969 r. standard ISO 8879 (1986) znaczniki w postaci <znacznik atrybut=""> </znacznik> najbardziej znani przedstawiciele rodziny HTML XML HTML (Hypertext Markup Language) Opracowany w przez T. Bernersa-Lee w CERN pierwotnie miał słuŝyć do wymiany informacji naukowo-technicznej Konkretyzacja SGML zawiera predefiniowany zbiór znaczników Standard W3C (World Wide Web Consortium) powszechnie uŝywana wersja: HTML 4.0 rozwiązania akceptowane przez poszczególne przeglądarki często odbiegają od standardu przyszłość: XHTML HTML ujęty w reguły składni XML Znakowanie znaczeniowe Znaczniki określanie znaczenie poszczególnych części tekstu w strukturze dokumentu odpowiadają logicznej strukturze tekstu nie niosą konkretnej informacji o wyglądzie Formatowanie przypisywane poszczególnym znacznikom za pomocą osobnego dokumentu (arkusza stylistycznego, stylesheet) albo domyślne (ustalane przez program klienta) Zalety znakowania znaczeniowego Czystość informacji informacja nie jest zaśmiecona oznaczeniami sterującymi formatowaniem jest więc łatwiejsza do wykorzystania i dalszego przetwarzania Elastyczność formatowania sposób formatowania nie jest sztywno narzucony moŝe być dostosowany do warunków środowiska wymagań/upodobań odbiorcy Znakowanie typograficzne Znaczniki określają sposób prezentacji poszczególnych części tekstu odpowiadają typograficznej strukturze tekstu nie muszą nieść informacji o strukturze logicznej Cechy znakowania typograficznego MoŜliwość narzucenia zaprojektowanego sposobu prezentacji Brak elastyczności formatowania Trudne lub niemoŝliwe dalsze przetwarzanie informacji Model znakowania w HTML Początkowo niemal czyste znakowanie znaczeniowe Burzliwy rozwój w kierunku znakowania typograficznego Odwrót w kierunku znakowania znaczeniowego i osobnej informacji o formatowaniu 3 4
2 Budowa dokumentu DTD definicja typu dokumentu Nagłówek tytuł strony znacznik meta, np. typ zawartości zestaw znaków» iso (preferowany)» windows-1250 Ŝądanie przekierowania dane autora, generatora Ciało znaczniki Znaczniki i atrybuty Znaczniki początkowe <znacznik> końcowe </znacznik> Atrybuty znaczników <znacznik atrybut="wartość" > Znaczniki moŝna zagnieŝdŝać Ciągi białych znaków są traktowane jako pojedynczy odstęp (z wyjątkiem zawartości znaczników takich jak pre) Znaczniki nieznane przeglądarce są ignorowane 5 Budowa dokumentu HTML Komentarze Ujęte w znaki <!-- i --> Nie mogą zawierać -- Encje Pozwalają wstawiać znaki specjalne i niestandardowe Encje predefiniowane < > & " µ ½ Ä è Kody liczbowe Rygory składni W HTML niektóre znaczniki mogą nie być jawnie zamknięte (np. <p>) znaczniki puste nie muszą być wyróŝnione (np. <br>) wielkość liter w nazwach znaczników i atrybutów nie ma znaczenia atrybuty nie muszą być ujęte w cudzysłowy W XHTML reguły składni są znacznie zaostrzone 6 Budowa dokumentu HTML przykład <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <title>struktura dokumentu HTML</title> </head> <p>prosty dokument zawierający jeden akapit.</p> </html> Znaczniki HTML przegląd Znaczniki HTML przegląd, c.d. Ramki frameset definicja zestawu ramek (moŝna zagnieŝdŝać) frame definicja ramki w zestawie Struktura dokumentu h1..h6 nagłówki kolejnych poziomów p akapit (paragraph) * div wydzielona część dokumentu* span wydzielony fragment tekstu Znakowanie znaczeniowe style logiczne address dane twórcy strony* blockquote cytat blokowy* cite odwołanie do innego tekstu code kod programu* em tekst wyróŝniony kbd tekst wpisany z klawiatury pre tekst preformatowany q krótki cytat strong tekst silnie wyróŝniony sub, sup indeks dolny/górny var nazwa zmiennej W kierunku znakowania typograficznego style fizyczne b pogrubienie big powiększenie tekstu blink mruganie br złamanie linii center centrowanie tekstu hr poziomy separator i kursywa s przekreślenie small zmniejszenie tekstu tt czcionka maszynowa u podkreślenie Znakowanie typograficzne basefont, font ustawienia czcionek Tabele table tabela tr wiersz tabeli th komórka nagłówka tabeli td komórka zawartości tabeli caption podpis pod tabelą Listy dl lista definicji dt hasło dd treść definicji ol lista numerowana li pozycja listy ul lista wypunktowana li pozycja listy Łączniki i mapy a określenie łącznika map definicja mapy aktywnej (musi być załadowana przez img) area określenie obszaru aktywnego Multimedia img wstawienie obrazu bgsound odtworzenie muzyki object wstawienie obiektu multimedialnego Formularze form formularz input umieszczenie pola standardowego przycisku select lista rozwijana option element listy textarea wielowierszowe pole tekstowe button przycisk Skrypty i aplety script wstawienie skryptu applet object wstawienie apletu param parametr apletu 7 8
3 Struktura dokumentu przykład <h1>tytuł rozdziału</h1> <p>pierwszy akapit rozdziału.</p> <p>drugi akapit rozdziału.</p> <h2>tytuł podrozdziału</h2> <p>pierwszy akapit podrozdziału.</p> <p>drugi akapit podrozdziału.</p> Struktura dokumentu przykład <h1>tytuł rozdziału</h1> <p>pierwszy akapit rozdziału.</p> <p>drugi akapit rozdziału.</p> <h2>tytuł podrozdziału</h2> <p>pierwszy akapit podrozdziału.</p> <p>drugi akapit podrozdziału.</p> 9 10 Style logiczne przykład Style logiczne przykład <p>język HTML stworzono z intencją stosowania znakowania <strong>znaczeniowego</strong>.</p> <p>w prawidłowo zbudowanym dokumencie, <em>jeśli to tylko moŝliwe</em>, naleŝy stosować znakowanie znaczeniowe.</p> <p>do włączania tekstów programów najwygodniej uŝyć znacznika <code><pre></code>, np.</p> <pre> <html> <head> </head> <body> </body> </html> </pre> <p>język HTML stworzono z intencją stosowania znakowania <strong>znaczeniowego</strong>.</p> <p>w prawidłowo zbudowanym dokumencie, <em>jeśli to tylko moŝliwe</em>, naleŝy stosować znakowanie znaczeniowe.</p> <p>do włączania tekstów programów najwygodniej uŝyć znacznika <code><pre></code>, np.</p> <pre> <html> <head> </head> <body> </body> </html> </pre> 11 12
4 Style fizyczne przykład <hr> Niestety, twórcy standardu HTML nie byli dość <s>ortodoksyjni</s> konsekwentni i zezwolili na stosowanie <i>stylów fizycznych</i>, co stanowi krok w kierunku <font color="red">znakowania typograficznego</font>. <br> Stosując tego typu znakowanie mamy duŝe moŝliwości wpływania na <u>wygląd</u> tekstu, ale tracimy moŝliwość jawnego określenia jego <b>struktury logicznej</b>, co prowadzi do <i><big>bałaganu</big></i> i trudności w interpretacji tej struktury. <hr> Style fizyczne przykład <hr> Niestety, twórcy standardu HTML nie byli dość <s>ortodoksyjni</s> konsekwentni i zezwolili na stosowanie <i>stylów fizycznych</i>, co stanowi krok w kierunku <font color="red">znakowania typograficznego</font>. <br> Stosując tego typu znakowanie mamy duŝe moŝliwości wpływania na <u>wygląd</u> tekstu, ale tracimy moŝliwość jawnego określenia jego <b>struktury logicznej</b>, co prowadzi do <i><big>bałaganu</big></i> i trudności w interpretacji tej struktury. <hr> Listy przykład Listy przykład W HTML moŝna uŝyć trzech rodzajów list: <dl> <dt>lista definicji</dt> <dd>słuŝy np. do tworzenia słowników</dd> <dt>lista numerowana</dt> <dd>słuŝy do podawania numerowanych <ol> <li>spisów <li>wyliczeń </ol> itp. </dd> <dt>lista wypunktowana</dt> <dd>pozwala wyróŝnić kolejne punkty tekstu <ul type="disc"> <li> kropką, <li type="circle">okręgiem, <li type="square">prostokątem. </ul> </dd> </dl> W HTML moŝna uŝyć trzech rodzajów list: <dl> <dt>lista definicji</dt> <dd>słuŝy np. do tworzenia słowników</dd> <dt>lista numerowana</dt> <dd>słuŝy do podawania numerowanych <ol> <li>spisów <li>wyliczeń </ol> itp. </dd> <dt>lista wypunktowana</dt> <dd>pozwala wyróŝnić kolejne punkty tekstu <ul type="disc"> <li> kropką, <li type="circle">okręgiem, <li type="square">prostokątem. </ul> </dd> </dl> 15 16
5 Obrazy i odsyłacze przykład Nasz wykładowca <a href="linki2.html#tt" target="_blank">tomasz T.</a> udostępnił nam przykłady HTML.<p> Uwagi i zapytania naleŝy więc kierować do <i><a href="mailto:ttraczyk@ia.pw.edu.pl">tomasza T.</a></i> Obrazy i odsyłacze przykład Nasz wykładowca <a href="linki2.html#tt" target="_blank">tomasz T.</a> udostępnił nam przykłady HTML.<p> Uwagi i zapytania naleŝy więc kierować do <i><a href="mailto:ttraczyk@ia.pw.edu.pl">tomasza T.</a></i> linki2.html <h1>tomasz T.</h1> <a href=" <img src="rudygosc.gif" alt="przybliŝony wygląd Tomasza T." align="left" height="169" width="132" hspace="30"> </a> Zajmuje się systemami informacyjnymi, takŝe systemami Web-owymi.<p> <a name="tt"> A teraz naucza podstaw języka HTML. linki2.html <h1>tomasz T.</h1> <a href=" <img src="rudygosc.gif" alt="przybliŝony wygląd Tomasza T." align="left" height="169" width="132" hspace="30"> </a> Zajmuje się systemami informacyjnymi, takŝe systemami Web-owymi.<p> <a name="tt"> A teraz naucza podstaw języka HTML Obrazy i odsyłacze przykład Obrazy i odsyłacze przykład Nasz wykładowca <a href="linki2.html#tt" target="_blank">tomasz T.</a> udostępnił nam przykłady HTML.<p> Uwagi i zapytania naleŝy więc kierować do <i><a href="mailto:ttraczyk@ia.pw.edu.pl">tomasza T.</a></i> Nasz wykładowca <a href="linki2.html#tt" target="_blank">tomasz T.</a> udostępnił nam przykłady HTML.<p> Uwagi i zapytania naleŝy więc kierować do <i><a href="mailto:ttraczyk@ia.pw.edu.pl">tomasza T.</a></i> linki2.html <h1>tomasz T.</h1> <a href=" <img src="rudygosc.gif" alt="przybliŝony wygląd Tomasza T. " align="left" height="169" width="132" hspace="30"> </a> Zajmuje się systemami informacyjnymi, takŝe systemami Web-owymi.<p> <a name="tt"> A teraz naucza podstaw języka HTML. linki2.html <h1>tomasz T.</h1> <a href=" <img src="rudygosc.gif" alt="przybliŝony wygląd Tomasza T." align="left" height="169" width="132" hspace="30"> </a> Zajmuje się systemami informacyjnymi, takŝe systemami Web-owymi.<p> <a name="tt"> A teraz naucza podstaw języka HTML
6 Tabele przykład Tabele przykład <table border="0"> <td>nasz wykładowca udostępnił nam przykłady HTML:</td> <td> <table border="1"> <th colspan="3">przykłady HTML</th> <td align="center">temat</td><td align="center">pliki</td> <td rowspan="2">struktura</td> <td><a href="strukt1.html">strukt1.html</a></td> <td><a href="strukt2.html">strukt2.html</a></td> <td rowspan="2">style logiczne i fizyczne</td> <td><a href="znak1.html">znak1.html</a></td> <td><a href="znak2.html">znak2.html</a></td> </td> <table border="0"> <td>nasz wykładowca udostępnił nam przykłady HTML:</td> <td> <table border="1"> <th colspan="3">przykłady HTML</th> <td align="center">temat</td><td align="center">pliki</td> <td rowspan="2">struktura</td> <td><a href="strukt1.html">strukt1.html</a></td> <td><a href="strukt2.html">strukt2.html</a></td> <td rowspan="2">style logiczne i fizyczne</td> <td><a href="znak1.html">znak1.html</a></td> <td><a href="znak2.html">znak2.html</a></td> </td> Ramki przykład Ramki przykład <!-- Nie ma elementu body! --> <frameset rows="100,*"> <frame src="linki1.html"> <frameset cols="30%,*"> <frame src="tabela2.html"> <frame name="ramka" src="linki2.html"> </frameset> </frameset> <noframes>nie ma obsługi ramek - nie uda się</noframes> <!-- Nie ma elementu body! --> <frameset rows="100,*"> <frame src="linki1.html"> <frameset cols="30%,*"> <frame src="tabela2.html"> <frame name="ramka" src="linki2.html"> </frameset> </frameset> <noframes>nie ma obsługi ramek - nie uda się</noframes> tabela2.html <table border="0"> <th>temat</th><th>pliki</th> <td rowspan="2" valign="top">struktura</td> <td><a href="strukt1.html" target="ramka">strukt1.html</a></td> <td><a href="strukt2.html" target="ramka">strukt2.html</a></td> tabela2.html <table border="0"> <th>temat</th><th>pliki</th> <td rowspan="2" valign="top">struktura</td> <td><a href="strukt1.html" target="ramka">strukt1.html</a></td> <td><a href="strukt2.html" target="ramka">strukt2.html</a></td> 23 24
7 Arkusze stylistyczne Arkusze stylistyczne przykład Idea arkusza stylistycznego Oddzielenie znakowania od formatowania UmoŜliwienie zróŝnicowanego formatowania w zaleŝności od sytuacji Język CSS (Cascading Style Sheets) Standard W3C (Level , Level ) Język formatowania dla HTML i XML Działanie CSS Reguły przypisują formatowanie typom elementów, pseudoklasom lub konkretnym elementom lub ich częściom (np. pierwszej literze) Klasy słuŝą do oznaczania fragmentów tekstu tzw. pseudoklasy oznaczają części będące w pewnym stanie, np. odwiedzone łącze tzw. pseudoelementy oznaczają pewne typowe fragmenty, np. pierwszą literę Dziedziczenie reguły określające poszczególne właściwości formatowania są dziedziczone od elementu nadrzędnego w dokumencie HTML Łączenie CSS z HTML Znacznik link Lokalny CSS: atrybut style <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <link rel="stylesheet" href="css.css"> <title>formatowanie za pomocą CSS</title> </head> <h1 style="text-decoration=underline">tytuł rozdziału</h1> <p>pierwszy <span class="akapit">akapit</span> rozdziału.</p> <p class="drugi">drugi <span class="akapit">akapit</span> rozdziału.</p> <h2>tytuł podrozdziału</h2> <p>pierwszy <span class="akapit">akapit</span> podrozdziału.</p> <p class="drugi">drugi <span class="akapit">akapit</span> podrozdziału.</p> </html> css.css h1:first-letter {font-size: 300%; font-weight: bold} p {font-family: sans-serif}.akapit {font-family: serif}.drugi {color="green"} Arkusze stylistyczne przykład Narzędzia do tworzenia stron WWW <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <link rel="stylesheet" href="css.css"> <title>formatowanie za pomocą CSS</title> </head> <h1 style="text-decoration=underline">tytuł rozdziału</h1> <p>pierwszy <span class="akapit">akapit</span> rozdziału.</p> <p class="drugi">drugi <span class="akapit">akapit</span> rozdziału.</p> <h2>tytuł podrozdziału</h2> <p>pierwszy <span class="akapit">akapit</span> podrozdziału.</p> <p class="drugi">drugi <span class="akapit">akapit</span> podrozdziału.</p> </html> Dla konserwatystów Edytor tekstowy (vi, notepad, itp.) Przeglądarka WWW Dla leniwych konserwatystów Edytor tekstowy z wbudowanym wsparciem dla HTML kolorowanie uzupełnianie składni Dla leniwych Specjalizowany edytor HTML css.css h1:first-letter {font-size: 300%; font-weight: bold} p {font-family: sans-serif}.akapit {font-family: serif}.drugi {color="green"} Firmowe Acrobat Flash itd
8 Zasady tworzenia poprawnych stron WWW Szablony stron WWW Zalecenia ogólne Zasada najprostszych środków stosować (X)HTML jeśli na pewno nie wystarczy, to JavaScript jeśli na pewno nie wystarczy, to Javę itd. w stosunku do wyglądu, grafiki i animacji uŝyć (X)HTML i stylów CSS jeśli na pewno nie wystarczy, to wstawić grafikę, ew. grafikę animowaną (.gif) jeśli na pewno nie wystarczy, uŝyć Flash lub SVG Zasada oddzielenia formatowania od informacji Zalecenia co do funkcjonalności stron Na stronie powinny istnieć łącze do strony nadrzędnej (działające nie tylko lokalnie!) kontakt do autora lub administratora Strony główne witryn powinny być krótkie (mieścić się na przeciętnym ekranie) Strony nie powinny być przeładowane grafiką, a zwłaszcza róŝnymi wodotryskami W głębi hierarchii stron poŝądana jest informacja o bieŝącym połoŝeniu w strukturze Estetyki stron WWW Estetyka ksiąŝki / dokumentu Estetyka gazety Estetyka pisma dla młodzieŝy Imię, nazwisko itp. Prezentacja osiągnięć, łączniki do dalszych stron. Pozycja>pozycja>pozycja Wyszukiwarka Typowe szablony stron WWW Strona osobista Witryna firmowa Strona startowa portalu Skrót Skrót Skrót Skrót Zawartość Logo Skrót Skrót Skrót Skrót Reklama Reklama Reklama Wyszukiwarka Site map Katalog Katalog Katalog Katalog Katalog Katalog Aktualności Aktualności Poprawność stron WWW XHTML Testowanie stron WWW Testować na róŝnych przeglądarkach co najmniej FireFox i MSIE dla konserwatystów lynx Testować przy aktywnych ograniczeniach przeglądarki wyłączone ładowanie grafiki wyłączone ładowanie tła włączone wymuszanie domyślnych czcionek, kolorów itp. Testować, czy da się pobrać fragment tekstu ze strony wydrukować dokument włączyć dokument do innej strony (np. w ramkę) zmienić wielkość liter Częste błędy na stronach WWW Zła koncepcja funkcjonalna strony bardzo napakowane naduŝywanie skryptów programowe przykrycie typowych funkcji przeglądarki uŝycie nietypowych gadŝetów programowych zamiast funkcjonalności HTML zbędne elementy wymagające wtyczek (np. Flash) Niefortunna realizacja formatowania grafika zamiast napisów brak alt w obrazkach bardzo jasne litery narzucony rozmiar liter (zwykle za mały) Łączniki martwe często zmieniane Zawartość generowana dynamicznie o zbyt często zmieniającej się strukturze z niepowtarzalnymi łącznikami Składnia HTML w rygorach składniowych XML prolog z nagłówkiem XML tam określa się m.in. stronę kodową znaczniki/atrybuty małymi literami wartości atrybutów obowiązkowe i w cudzysłowach prawidłowe zagnieŝdŝanie znaczniki obowiązkowo zamknięte znaczniki puste: <br/> Przestrzenie nazw pozwalają łączyć XHTML z innymi dialektami XML, np. SVG Moduły Pozwalają legalnie rozszerzać język definiują języki z rodziny XHTML pozwalają tworzyć kombinacje elementów istniejących i nowych nie muszą być obsługiwane przez wszystkie przeglądarki Przykład: XForms 31 32
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ółowoPodstawy (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ółowoHTML5 i CSS. Deklaracja <!DOCTYPE> musi być na początki dokumentu napisanego w HTML5 przed tagiem <html>.
Dokumenty HTML5 Każda przeglądarka dostępna na rynku obsługuje HTML5 w różnym stopniu. Możesz sprawdzić swoją testerem dostępnym pod adresem (http://html5test.com). HTML5 wprowadza cały zestaw zupełnie
Bardziej szczegółowoDokument hipertekstowy
Dokument hipertekstowy Laboratorium 2 Podstawy HTML mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Cel poznanie podstawowych elementów HTML stworzenie strony ćwiczenie zadanie domowe Konstrukcja
Bardziej szczegółowo5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów
Aplikacje internetowe KL. III Rok szkolny: 013/01 Nr programu: 31[01]/T,SP/MENIS/00.06.1 Okres kształcenia: łącznie ok. 170 godz. lekcyjne Moduł Bok wprowadzający 1. Zapoznanie z programem nauczania i
Bardziej szczegółowoHTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
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ółowoZakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów
Aplikacje internetowe KL. III Rok szkolny: 011/01 Nr programu: 31[01]/T,SP/MENIS/004.06.14 Okres kształcenia: łącznie ok. 180 godz. lekcyjne Wojciech Borzyszkowski Zenon Kreft Moduł Bok wprowadzający Podstawy
Bardziej szczegółowoStruktura języka HTML ZNACZNIKI. Oto bardzo prosta strona WWW wyświetlona w przeglądarce: A tak wygląda kod źródłowy takiej strony:
Struktura języka HTML ZNACZNIKI Oto bardzo prosta strona WWW wyświetlona w przeglądarce: Rysunek 1: Przykładowa strona wyświetlona w przeglądarce A tak wygląda kod źródłowy takiej strony: Rysunek 2: Kod
Bardziej szczegół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ółowoWstęp. Język HTML jest uniwersalnym jezykiem wykorzystywanym przy
HTML Wstęp Język HTML jest uniwersalnym jezykiem wykorzystywanym przy tworzeniu stron internetowych, rozpoznawanym przez wszystkie przeglądarki internetowe niezależnie od producenta. Składa on się z elementów
Bardziej szczegółowoFormat HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty
Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language
Bardziej szczegółowoProgramowanie internetowe
Programowanie internetowe Wykład 1 HTML mgr inż. Michał Wojtera email: mwojtera@dmcs.pl Plan wykładu Organizacja zajęć Zakres przedmiotu Literatura Zawartość wykładu Wprowadzenie AMP / LAMP Podstawy HTML
Bardziej szczegółowoWprowadzenie do języka HTML
Radosław Rudnicki (joix@mat.umk.pl) 05.09.2009 r. Wprowadzenie do języka HTML Do tworzenia stron internetowych wystarczy użyd zwykłego Notatnika oferowanego przez system Windows, czy dowolny inny system
Bardziej szczegółowoProgramowanie w Internecie
Programowanie w Internecie Paweł Kasprowski pawel@kasprowski.pl Aplikacja internetowa Definicja: Aplikacja uruchamiana na serwerze WWW komunikująca się z użytkownikiem za pomocą przeglądarki internetowej
Bardziej szczegółowoXHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.
XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. Reformuje on znane zasady języka HTML 4 w taki sposób, aby były zgodne z XML (HTML przetłumaczony na XML).
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ółowoTest z przedmiotu. Witryny i aplikacje internetowe
Test z przedmiotu Witryny i aplikacje internetowe Tylko jedna odpowiedź jest poprawna!!! Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch
Bardziej szczegół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ółowoWykład 1: HTML (XHTML) Michał Drabik
Wykład 1: HTML (XHTML) Michał Drabik 1 Czyli to wszystko co trzeba wiedzieć aby zacząć tworzyć strony internetowe. 2 HTML 4 HTML = HyperText Markup Language Hipertekstowy język znaczników umożliwiający
Bardziej szczegółowoużywane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów
opracowanie I. K. używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów ISO-8859-2 - norma międzynarodowa określająca sposób kodowania
Bardziej szczegółowoĆwiczenie 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ółowoPo zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych
rk Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych pojęć, prawdopodobnie zastanawiasz się, kiedy zaczniesz
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 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ół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ółowoProgramowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
Bardziej szczegółowoWymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203)
Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Technikum - kl. 3 Td, semestr 5 i 6 Ocena niedostateczna dopuszczająca Wymagania edukacyjne wobec ucznia: Uczeń nie
Bardziej szczegółowoextensible Markup Language, cz. 1 Marcin Gryszkalis, mg@fork.pl
extensible Markup Language, cz. 1 Marcin Gryszkalis, mg@fork.pl Plan wykładu Wprowadzenie: historia rozwoju technik znakowania tekstu Motywacje dla prac nad XML-em Podstawowe koncepcje XML-a XML jako metajęzyk
Bardziej szczegółowoO HTML. R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski www.il.pw.edu.pl/~rg s-rg@siwy.il.pw.edu.pl
O HTML R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski www.il.pw.edu.pl/~rg s-rg@siwy.il.pw.edu.pl HTML! HTML jest skrótem od Hyper Text Markup Language. Jest to kolejny język opisu strony dotyczący
Bardziej szczegółowoPodstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski
Podstawy HTML i CSS Grzegorz Arkit Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski 13 października 2016 G. Arkit (WMIiE) Podstawy HTML i CSS 13 października 2016 1 / 20 Informacja
Bardziej szczegółowoWYMAGANIA EDUKACYJNE. Witryny i Aplikacje Internetowe klasa I
WYMAGANIA EDUKACYJNE Witryny i Aplikacje Internetowe klasa I Dopuszczający definiuje pojęcia: witryna, portal, wortal, struktura witryny internetowej; opisuje rodzaje grafiki statycznej wymienia i charakteryzuje
Bardziej szczegółowo2 Podstawy tworzenia stron internetowych
2 Podstawy tworzenia stron internetowych 2.1. HTML5 i struktura dokumentu Podstawą działania wszystkich stron internetowych jest język HTML (Hypertext Markup Language) hipertekstowy język znaczników. Dokument
Bardziej szczegółowoJę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ół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ółowoNarzędzia informatyczne w językoznawstwie
Narzędzia informatyczne w językoznawstwie HTML i XHTML Marcin Junczys-Dowmunt junczys@amu.edu.pl Zakład Logiki Stosowanej http://www.logic.amu.edu.pl 17. października 2007 Marcin Junczys-Dowmunt Narzędzia
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ółowoO stronach www, html itp..
O stronach www, html itp.. Prosty wstęp do podstawowych technik spotykanych w internecie 09.01.2015 M. Rad Plan wykładu Html Przykład Strona www Xhtml Css Php Js HTML HTML - (ang. HyperText Markup Language)
Bardziej szczegółowoE.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści
E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, 2014 Spis treści Przewodnik po podręczniku 8 Wstęp 10 1. Hipertekstowe języki znaczników 1.1. Elementy i znaczniki
Bardziej szczegółowoZaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik
Zaawansowana Pracownia Komputerowa - Ćwiczenia Krzysztof Miernik HTML - Podstawowe Informacje HTML to hipertekstowy język znaczników (ang. HyperText Markup Language) służacy do tworzenia stron internetowych
Bardziej szczegółowoe r T i H M r e n L T n
s e r T t w o i H M r e o T n w z n L Podstawy 1. Nawigacja na stronie jest niezwykle istotna, powinna być możliwie jak najprostsza. Pamiętajmy, że im mniej kroków do celu tym lepiej. 2. Projekt graficzny
Bardziej szczegół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ółowoWprowadzenie do HTML, CSS, JavaScript, PHP. Kurs 18.11 2008 22 12. 2008
Wprowadzenie do HTML, CSS, JavaScript, PHP Kurs 18.11 2008 22 12. 2008 Narzędzia do tworzenia i utrzymania dokumentów web owych Edytory HTML Server WWW i baz danych Przeglądarka internetowa kompilator
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ółowoCopyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo Informatyczne
Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: The European Computer Driving Licence Foundation Ltd. Copyright wersji polskiej: Polskie Towarzystwo
Bardziej szczegółowoRAMOWY HARMONOGRAM SZKOLENIA
RAMOWY HARMONOGRAM SZKOLENIA Projektant stron www Miejsce szkolenia: Wyższa Szkoła Ekonomii i Innowacji, ul. Mełgiewska 7-9, 20-209 Lublin 7.11.2011 (g. 16.30-19.40) P. Zubkowicz Wprowadzenie do tematyki
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ółowoPodstawowe znaczniki języka HTML.
Podstawowe znaczniki języka HTML. Struktura dokumentu. Sposób użycia i dokumentu. Między nimi umieszczana jest cała treść dokumentu. Sposób użycia Sekcja HEAD zawiera podstawowe
Bardziej szczegółowoWYKŁAD 1 METAJĘZYK SGML CZĘŚĆ 1
WYKŁAD 1 METAJĘZYK SGML CZĘŚĆ 1 SGML (Standard Generalized Markup Language) Standardowy uogólniony język znaczników służący do ujednolicania struktury i formatu różnego typu informacji (danych). Twórcy
Bardziej szczegółowoTekst podstawowe znaczniki
Wyświetlanie Tekst podstawowe znaczniki Język HTML przewiduje dwa podstawowe modele wyświetlania treści znaczników: w bloku - podczas wyświetlania bloku w przeglądarce, automatycznie dodawane są znaki
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ół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ółowoWstęp do HTML. Najstarszym i najprostszym pierwowzorem hipertekstu są powszechnie znane odnośniki encyklopedyczne:
Wstęp do HTML Internet - sieć sieci, ogólnoświatowa intersieć, która łączy komputery z innymi komputerami poprzez protokoły z rodziny TCP/IP. Sieć WWW - zbiór serwerów WWW, który stanowi podzbiór całego
Bardziej szczegółowoHyper 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ółowoPROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński
PROGRAMOWANIE HTML W składni języka HTML wykorzystuje się charakterystyczne znaczniki. Każdy z nich zaczyna się i kończy ostrokątnym nawiasem a pomiędzy nimi znajduje się wyrażenie html. Rozróżniamy znaczniki
Bardziej szczegółowoInnowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY
Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY 1. Informacje o innowacji Nazwa szkoły: Zespół Szkół w Choroszczy Etap edukacyjny: Szkoła Podstawowa, klasy 4-6 Tytuł innowacji: Pasja
Bardziej szczegółowoJęzyki programowania wysokiego poziomu WWW
Języki programowania wysokiego poziomu WWW Zawartość Protokół HTTP Języki HTML i XHTML Struktura dokumentu html: DTD i rodzaje html; xhtml Nagłówek html - kodowanie znaków, język Ciało html Sposób formatowania
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ółowoTechnologie Informacyjne
Technologie Informacyjne Wykªad 6 Paweª Witkowski MIM UW Wiosna 2013 P. Witkowski (MIM UW) Technologie Informacyjne Wiosna 2013 1 / 18 HTML HyperText Markup Language J zyk oparty na znacznikach Opisuje
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ółowoDanuta 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ółowoElementarz HTML i CSS
Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych 1 Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych Treść, korekta, skład i oprawa graficzna
Bardziej szczegółowork 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ółowoLABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH. PODSTAWY JĘZYKA HTML (HyperText Markup Language)
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH PODSTAWY JĘZYKA HTML (HyperText Markup Language) 1. STRUKTURA DOKUMENTU HTML Dokument HTML jest zwykłym nie skonwertowanym tekstem, z tak zwanymi znacznikami
Bardziej szczegółowoJęzyki programowania wysokiego poziomu. Ćwiczenia
Języki programowania wysokiego poziomu Ćwiczenia Języki programowania Ćwiczenia Strukturalny HTML Arkusze CSS Formularze HTML i PHP Baza danych MySQL Forum internetowe Strukturalny HTML Zadania Dokument
Bardziej szczegółowoĆwiczenie 2 Tekst podstawowe znaczniki.
Ćwiczenie 2 Tekst podstawowe znaczniki. Ćwiczenie 2 poświęcone jest formatowaniu tekstu za pomocą znaczników. AŜeby uzyskać poŝądany wygląd tekstu musimy posłuŝyć się określonymi znacznikami. Ćwiczenie
Bardziej szczegółowo<html> </html> <body> </body> <p> [</p>] <br> <html> <head> </head> <body> </body> </html> Materiały dydaktyczne 1/5
PODSTAWOWE INFORMACJE HTML (HyperText Mark-up Language) język programowanie, który pozwala na publikowanie treści w sieci WWW. Nie jest to klasyczny język liniowy (w HTML mamy dostęp w każdym miejscu do
Bardziej szczegółowo29. Poprawność składniowa i strukturalna dokumentu XML
29. i strukturalna dokumentu XML 13 października 2015 1 2 Poprawny składniowo dokument XML powinien być tworzony zgodnie z poniżej przedstawionymi zasadami. Deklaracja XML Powinien zawierać deklarację
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ół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ółowoJęzyki programowania wysokiego poziomu. HTML cz.2.
Języki programowania wysokiego poziomu HTML cz.2. Model pudełkowy HTML Elementy blokowe w tym table oraz div są wyświetlane według tzw. modelu pudełkowego: Zawartość Odstęp (padding) Obramowanie (border)
Bardziej szczegółowoĆwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp
Barbara Łukawska, Adam Krechowicz, Tomasz Michno Ćwiczenie nr 12: Tworzenie stron internetowych z użyciem języka HTML Wstęp Najprostszym sposobem utworzenia strony internetowej jest użycie języka HTML.
Bardziej szczegółowoDział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW)
Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW) Określa pojęcia dotyczące prezentacji. Projektuje i wykonuje prezentację multimedialną
Bardziej szczegółowoSpis treści. Część I Elementarz... 17
Spis treści Rozdział 1. Wprowadzenie... 13 Dla kogo jest ta książka?... 13 Jak czytać tę książkę?... 14 Testowanie stron WWW... 14 Edycja kodu XHTML... 15 Część I Elementarz... 17 Rozdział 2. Składnia
Bardziej szczegółowoTechnologie Internetu HTML. Aleksander Denisiuk. denisjuk@pja.edu.pl
Technologie Internetu HTML Aleksander Denisiuk denisjuk@pja.edu.pl Polsko-Japońska Akademia Technik Komputerowych Wydział Informatyki w Gdańsku ul. Brzegi 55 80-045 Gdańsk Technologie Internetu p. 1 HTML
Bardziej szczegółowoPodstawy języka HTML. Natalia Kotsyba Studia Śródziemnomorskie, I rok 8 października 2009 r.
Podstawy języka HTML Natalia Kotsyba Studia Śródziemnomorskie, I rok 8 października 2009 r. Kilka podstawowych lektur PawełWimmer Kurs języka HTML -poradnik webmastera bardzo przystępny tutorial dla naprawdę
Bardziej szczegółowoCel ogólny lekcji: Wprowadzenie do tworzenia stron WWW w języku HTML. Wprowadzenie pojęć: strona WWW, język HTML, dokument HTML.
Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 23 lutego 2006 roku Czas trwania zajęć: 45 minut, przedmiot: TI Temat lekcji: Pierwsze kroki w języku
Bardziej szczegółowo[HTML I XHTML ĆWICZENIE 0] dr Artur Bartoszewski
I. Znaczniki Jeśli wyświetlisz kod źródłowy strony WWW, zobaczysz, że zawiera on szereg poleceń języka HTML umieszczonych w nawiasach kątowych. Twory te noszą nazwę znaczników. Znaczniki informują przeglądarkę,
Bardziej szczegółowoM o d e r n i z a c j a k s z t a ł c e n i a z a w o d o w e g o w M a ł o p o l s c e. Godziny szkolenia (od do) Ilość godzin. Liczba uczestników
Lp. 1. Data 05.05.2014 2 06.05.2014 3 12.05.2014 4.05.2014 5 19.05.2014 6 20.05.2014 7 22.05.2014 8 26.05.2014 9 02.06.2014 Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych)
Bardziej szczegółowoI. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
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ółowoPrezentacja dokumentów XML
Prezentacja dokumentów XML Patryk Czarnik Instytut Informatyki UW XML i nowoczesne technologie zarzadzania treścia 2007/08 Patryk Czarnik (MIMUW) 06 Prezentacja XML 2007/08 1 / 33 Plan 1 Arkusze stylu
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ółowoHarmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych) Grupa II
Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych) Grupa II Lp. 1. Data 05.05. Tematyka zajęć z zaznaczeniem zajęcia teoretyczne/zajęcia praktyczne modułu 7: Przeglądanie stron
Bardziej szczegółowoWst p do j zyka HTML. Krzysztof Szafran (IInf UW) Warszawa, 18 pa¹dziernika Warszawa, 18 pa¹dziernika / 20
Wst p do j zyka Krzysztof Szafran IInf UW Warszawa, 18 pa¹dziernika 2017 Warszawa, 18 pa¹dziernika 2017 1 / 20 Spis tre±ci 1 Czym jest? Znaczniki Strona Strkuktura i parametry strony Sekcja head Tworzenie
Bardziej szczegółowoStrony 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ół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ółowoJęzyki programowania wysokiego poziomu. Blog
Języki programowania wysokiego poziomu Blog Elementy obowiązkowe (2p.) Wyświetlanie wpisów Logowanie/wylogowanie Dodawanie wpisów Elementy obowiązkowe (2p.) Wyświetlanie wpisów - wszystkie wpisy na jednej
Bardziej szczegółowoPrezentacja dokumentów XML
Prezentacja dokumentów XML Patryk Czarnik Instytut Informatyki UW XML i nowoczesne technologie zarzadzania treścia 2007/08 Arkusze stylu Rozdzielenie treści od wygladu Przypisanie stylu do dokumentu CSS
Bardziej szczegółowoTworzenie Stron Internetowych. odcinek 5
Tworzenie Stron Internetowych odcinek 5 Nagłówek zawiera podstawowe informacje o dokumencie, takie jak: tytuł strony (obowiązkowy) metainformacje/metadane (obowiązkowa deklaracja
Bardziej szczegółowoHTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
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ół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ół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ółowoWprowadzenie do arkuszy stylistycznych XSL i transformacji XSLT
Wprowadzenie do arkuszy stylistycznych XSL i transformacji XSLT Marek Wojciechowski marek@cs.put.poznan.pl http://www.cs.put.poznan.pl/~marek/ Formatowanie dokumentów XML Język XML opisuje strukturę i
Bardziej szczegółowoJęzyki programowania wysokiego poziomu. Forum
Języki programowania wysokiego poziomu Forum Elementy obowiązkowe (2p.) Wyświetlanie wpisów Logowanie/wylogowanie Dodawanie wpisów Rejestracja użytkowników Elementy obowiązkowe (2p.) Wyświetlanie wpisów
Bardziej szczegółowoWitryna internetowa. Należy unikać w nazwach plików używania polskich znaków.
HTML Wstęp Język HTML jest uniwersalnym jezykiem wykorzystywanym przy tworzeniu stron internetowych, rozpoznawanym przez wszystkie przeglądarki internetowe niezależnie od producenta. Składa on się z elementów
Bardziej szczegółowoPrezentacja dokumentów XML
Prezentacja dokumentów XML Patryk Czarnik Instytut Informatyki UW XML i nowoczesne technologie zarządzania treścią 2011/12 Arkusze stylu Rozdzielenie treści i wyglądu Przypisanie stylu do dokumentu CSS
Bardziej szczegółowo