Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML część 1 Prowadzący: Dariusz Jaruga djaruga@klub.chip.pl.

Slides:



Advertisements
Podobne prezentacje
HTML 5.0 Marcin Badurowicz .
Advertisements

Rafał Hryniów Tomasz Pieciukiewicz
Programowanie w Internecie (Internet Programming) Krystyna Dziubich p. 521 XSL Formatting Objects.
Zastosowanie technologii medialnych i internetowych Wygląd witryny krok po kroku Wykład dr in ż. Jacek Wachowicz
Podstawowe wiadomości
XHTML Podstawowe różnice.
XML w zarządzaniu formularzami ubezpieczeniowymi ZUS
XPath. XSL – część 1..
XML Schema XML Schema2 Definiowanie języków XML, SGML – metajęzyki. Definiowanie języków (zastosowań, typów dokumentów, schematów): –określanie.
Technologie XML Mgr inż. Michał Jaros Technologie XML wykład 1.
Aplikacje ASP.NET Arkadiusz Twardoń ZTiPSK
Przeglądarka Internetowa
Eclipse jako IDE III a.
PODSTAWY JĘZYKA PHP 1. czym jest 2. składnia 3. wersje 4. bazy danych
Kurs HTML.
Proszę skopiować eclipse najlepiej do c:\temp uruchamiamy rejestrujemy jako academic.
Made by Mateusz Szirch Kilka słów o JavaScript.
Tworzenie stron internetowych www World Wide Web
PODSTAWY <HTML>
Web Serwisy w praktyce Technologie internetowe ( )
Podstawy HTML-a Adam Rębisz.
Projektowanie Stron WWW
Projektowanie Stron WWW
Wprowadzenie do HTML, CSS, JavaScript, PHP
Damian Zawada
Tworzenie stron internetowych
HTML.
Tworzenie strony internetowej krok po kroku.
Autor: Kamil Szafranek
XML – eXtensible Markup Language
Temat 3: Podstawowa struktura dokumentu
Tworzenie stron internetowych www World Wide Web
Specjalizacja "Dziennikarstwo On-line„ asynchroniczny JavaScript i XML – AJAX Część 6 Prowadzący: Dariusz Jaruga
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML część 2 Prowadzący: Dariusz Jaruga
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML Część 4 Prowadzący: Dariusz Jaruga
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML – Warsztat Prowadzący: Dariusz Jaruga
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML część 3 Prowadzący: Dariusz Jaruga
Lekcja 2 Składnia języka XHTML
Wprowadzenie do HTML Informatyka Cele lekcji: Wiadomości:
HTML Czyli Publikowanie w Internecie. Publikowanie w sieci - problemy Różne platformy sprzętowe użytkowników Różne systemy operacyjne Różne programy służące.
Aplikacje internetowe
W W W Łukasz Stochniał.
Elementy multimedialne na stronie
XML Publisher Przedmiot i zakres szkolenia Przedmiot i zakres szkolenia Przeznaczenie XML Publisher Przeznaczenie XML Publisher Definiowanie Definiowanie.
Nieograniczone źródło informacji
Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r.
XML w przykładach mgr inż. Marek Malinowski Zespół Matematyki i Fizyki Wydz. BMiP PW Płock.
Projektowanie Aplikacji Internetowych
Struktura Dokumentu HTML tekst. Deklaracja dokumentu W każdym dokumencie HTML, na samym początku, powinna się pojawić deklaracja typu dokumentu (Document.
XML i nowoczesne technologie zarządzania treścią Wykład monograficzny Semestr zimowy 2008/09 Szymon ZiołoPatryk Czarnik
Temat 1: Ogólne cechy języka PHP
HTML (ang. HyperText Markup Language ) – język do tworzenia stron internetowych opierający się na znacznikach, czy inaczej je nazywając – tagach. Język.
Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski 1 informatyka +
Projektowanie Aplikacji Internetowych Artur Niewiarowski Wydział Fizyki, Matematyki i Informatyki Politechnika Krakowska.
Adobe Flash vs Hyper Text Markup Language 5
Projektowanie Aplikacji Internetowych Artur Niewiarowski Wydział Fizyki, Matematyki i Informatyki Politechnika Krakowska.
Czyli króciutki opis języka programowania jakim jest HTML.
HTML Hyper Text Markup Language komputerowe Esperanto cz. I historia, struktura dokumentu.
Temat 1: CSS Dołączanie stylów do dokumentu
Damian Urbańczyk xHTML Elementy graficzne.
Piotr Czapiewski Wydział Informatyki ZUT. Web Services Description Language.
Grafika komputerowa Graphics Image Manipulation Program (GIMP) - zaawansowany edytor grafiki rastrowej za darmo Virtual Reality Modelling Language (VRML)
Grafika komputerowa Dr inż. Piotr Gronek Wykład dla Studium Podyplomowego „Informatyka w Szkole”
I TY ZOSTAŃ WEBMASTEREM! CZĘŚĆ 2 – „STRUKTURA STRONY” STWORZYŁ GABRIEL ŚLAWSKI.
HTML 5.0. Projekt współfinansowany przez Unię Europejską w ramach Europejskiego Funduszu Społecznego 2 Program Literatura Historia HTML Koncepcja HTML.
Temat nr 5 Struktura strony www _________________________________________________________________________________________________________________ [ Przedmiot:
Języki i technologie wytwarzania stron WWW Autor: Michał Walkowski Referat.
HTML.  Wprowadzenie  Protokół HTTP  Język HTML  Definicja typu dokumentu  Nagłówek strony  Formatowanie treści dokumentu  Definiowanie struktury.
HTML + CSS = strony internetowe Krzysztof Geras. FAKTY I MITY Czym nie jest HTML: ● programem do tworzenia stron internetowych, ● interpreterem skryptów.
Czy mój serwis internetowy jest dostępny dla wszystkich?
Zapis prezentacji:

Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML część 1 Prowadzący: Dariusz Jaruga djaruga@klub.chip.pl

Historia rozwoju języka HTML HTML 1.0 – specyfikacja pierwotna języka używana w przeglądarce Mosaic (1993) HTML 2.0 – bardzo rozbudowany w stosunku do wersji 1.0 (tabele,formularze,kolory) HTML 3.2 – wprowadzenie CSS, apletów, otaczanie obrazków tekstem, dodanie atrybutów etc (1996). HTML 4.0 – wymuszenie do używania CSS, rezygnacja z atrybutów wersja 4.0 zawierała dużo błędów i wkrótce została zastąpiona kolejną. (1997) HTML 4.01 – kolejna wersja z naprawionymi błędami z poprzedniej wersji. XHTML 1.0 – połączenie XML i HTML XHTML 2.0 - rozwój został porzucony 2 lipca 2009 roku. HTML 5.0 – wersja wdrażana produkcyjnie – aktualnie - Candidate Recommendation 29 April 2014 http://www.w3.org/TR/html5/ Gotowość przeglądarek na nowy standard ? Test zgodności: http://www.html5test.com/ XHTML 1.1 – połączenie XML i HTML – standard obecnie obowiązujący. Źródło - http://www.w3.org/ http://blog.tiger.com.pl/www/html5-2/

Budowa strony HTML / XHTML Nagłówek dokumentu HTML lub XHTML Deklaracja XML Typ dokumentu Kodowanie dokumentu XHTML <?xml version="1.0" encoding="UTF-8"?> lub <?xml version="1.0" encoding="ISO-8859-2"?> lub ... itd. Nagłówek Treść strony WWW Typ dokumentu HTML lub XHTML Przykład: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Treść dokumentu HTML lub XHTML Ciało dokumentu HTML lub XHTML

Budowa strony HTML / XHTML – Deklaracja XML Deklaracja kodowania dokumentu XHTML: Domyślnie jest to UNICOD <?xml version="1.0" encoding="UTF-8"?> Dla polskiego kodowania w standardzie ISO <?xml version="1.0" encoding="ISO-8859-2"?>

Budowa strony HTML / XHTML – Typ dokumentu HTML wersja 5.0: <!DOCTYPE html> HTML wersja 4.01: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> Poprzednie wersje. HTML wersja 4.0: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <!DOCTYPE HTML PUBLIC "-//W30//DTD W3 HTML 4.0//EN//"> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 4.0//EN"> HTML wersja 3.2: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN//3.2"> <!DOCTYPE HTML PUBLIC "-//W30//DTD W3 HTML 3.2//EN//"> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML Level 3.2//EN"> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 Level 3.2//EN"> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//EN"> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//EN//"> HTML wersja 2.0: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML Level 2//EN"> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0 Level 2//EN"> HTML wersja 1.0: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 1.0 Level 1//EN"> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML Level 1//EN">

Budowa strony HTML / XHTML – Typ dokumentu XHTML wersja 1.0: Ścisła <!DOCTYPE html      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Przejściowa <!DOCTYPE html      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Ramkowa <!DOCTYPE html      PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Budowa strony HTML / XHTML – struktura dokumentu HTML 5 <!DOCTYPE HTML"> <html> </html> <head> <!– tu dane do nagłówka --> <meta charset=utf8" /> </head> <body> <!– tu właściwa treść strony WWW --> </body>

Budowa strony HTML / XHTML – struktura dokumentu XHTML <?xml version="1.0" encoding="ISO-8859-2"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> </html> <head> <!– tu dane do nagłówka --> <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2" /> </head> <body> <!– tu właściwa treść strony WWW --> </body>

Budowa strony HTML / XHTML – struktura dokumentu HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> </html> <head> <!– tu dane do nagłówka --> <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2" /> </head> <body> <!– tu właściwa treść strony WWW --> </body> Wychodzi z użycia

Budowa strony HTML / XHTML – Nagłówek <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <meta http-equiv="Creation-date" content=„16-05-2014"> <meta http-equiv="Reply-to" content=„djaruga@klub.chip.pl"> <meta name="Keywords" content=„HTML,kurs,programowanie"> <meta name="Description" content=„Kurs języka HTML"> <meta name="Author" content="Dariusz Jaruga"> <meta name="GENERATOR" content=„CMS System xyz…"> <title>Tytuł strony WWW</title>