Lekcja 2 Składnia języka XHTML

Slides:



Advertisements
Podobne prezentacje
Plan wykładu i18n o kontekście w aplikacji z GUI narzędzia ułatwiające życie: JOptionPane Swing i wielowątkowość użycie klasy SwingUtilities użycie klasy.
Advertisements

Technologie prezentacji medialnych, © 2006 Igor Garnik
Implementacja procesora XSLT w języku Ocaml
Podstawowe wiadomości
XHTML Podstawowe różnice.
Zaawansowana składnia XML XML Schema
Podstawowa struktura dokumentu HTML
XML. Pierwszy dokument XML Witaj świecie! Elementy i atrybuty niezwykle oryginalny Witaj świecie! Druga możliwość: Witaj świecie!
Tworzenie stron w języku WML jest zbliżone do tworzenia stron w HTML. W obydwu przypadkach używa się do tego celu znaczników (tagów). Zadaniem znaczników.
(ang. Hypertext Markup Language) - język znaczników hipertekstowych.
Kurs HTML.
Made by Mateusz Szirch Kilka słów o JavaScript.
Tworzenie stron internetowych www World Wide Web
HTML 4 Zebrał i opracował : dr inż. Jerzy Zgraja.
HTML 4 Zebrał i opracował : dr inż. Jerzy Zgraja.
PODSTAWY <HTML>
Czym są HTML i XHTML? Skrót HTML pochodzi od słów Hypertext Markup Language (język znakowania hipertekstu). Język HTML jest podstawą każdej strony WWW.
Projektowanie Stron WWW
Odczytywanie haseł Użytkowników w Windows
Wprowadzenie do edytorów tekstu.
Warsztaty programowania w języku Python
Programy do tworzenia stron internetowych
Otwieranie elementów w różnych ramkach
Podstawy tworzenia stron WWW
Technologie internetowe II
XML – eXtensible Markup Language
Robimy własne notatki - Notatnik
Temat 2: Edytory HTML.
Temat 3: Podstawowa struktura dokumentu
Temat 4: Znaki diakrytyczne i definiowanie języka dokumentu
Struktura dokumentu HTML. Formatowanie tekstu
Ujarzmić Worda Agnieszka Terebus.
Wprowadzenie do HTML Informatyka Cele lekcji: Wiadomości:
Lekcja 1 Składnia języka XHTML
Lekcja 3 Składnia języka XHTML
Projektowanie stron WWW
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML część 1 Prowadzący: Dariusz Jaruga
Aplikacje internetowe
HTML.
Aplikacje internetowe
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ł.
Beata Sanakiewicz. Spis treści  Program MS FrontPage Program MS FrontPage  Pierwsze spotkanie Pierwsze spotkanie  Ustawienia witryny Ustawienia witryny.
Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski 1 informatyka +
Programowanie Niskopoziomowe
WYKŁAD 2 Temat: Reprezentacja danych 1. Reprezentacja danych
Smart Portal – podstawy użytkowania. W celu uruchomienia aplikacji Smart Portal, należy: -uruchomić nowe okno przeglądarki internetowej, -wpisać w pole.
HTML Czyli Publikowanie w Internecie. Przeglądarka internetowa –Mosaic - pierwsza –Netscape –Internet Explorer –Opera –Mozilla Dokument HTML –Dokument.
LISTY HTML. Listy s ą definiowane za pomoc ą znacznika podstawowego innego dla ka ż dego rodzaju list Specyfikacja XHTML, zawiera specjalne znaczniki.
Struktura Dokumentu HTML tekst. Deklaracja dokumentu W każdym dokumencie HTML, na samym początku, powinna się pojawić deklaracja typu dokumentu (Document.
HTML.
1 Prowadzący: Dr inż. Sławomir Samolej D102 C, tel: , WWW: ssamolej.prz-rzeszow.pl INFORMATYKA.
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 +
Treści multimedialne - kodowanie, przetwarzanie, prezentacjaOdtwarzanie treści multimedialnych Andrzej Majkowski informatyka +
Treści multimedialne - kodowanie, przetwarzanie, prezentacjaOdtwarzanie treści multimedialnych Andrzej Majkowski informatyka +
Temat 4: Klasy i identyfikatory
Temat 1: CSS Dołączanie stylów do dokumentu
Temat 5: Instrukcje: print(), echo()
Formatowanie dokumentów
I TY ZOSTAŃ WEBMASTEREM! CZĘŚĆ 2 – „STRUKTURA STRONY” STWORZYŁ GABRIEL ŚLAWSKI.
XHTML + CSS Style definiujące tekst Damian Urbańczyk.
Temat nr 5 Struktura strony www _________________________________________________________________________________________________________________ [ Przedmiot:
Temat: Edytor tekstu Word – redagowanie tekstu. Szukanie i zamiana tekstu Znajdowanie tekstu w dokumencie Znajdowanie tekstu i jego zamiany dokonujemy.
Formatowanie tekstu Sabina Charasim. Informacje podstawowe HTML posiada bardzo wiele znaczników służących do formatowania tekstu. Jedne używa się bardzo.
HTML + CSS = strony internetowe Krzysztof Geras. FAKTY I MITY Czym nie jest HTML: ● programem do tworzenia stron internetowych, ● interpreterem skryptów.
Wprowadzenie do edytorów tekstu.
Dodatek – Technologie internetowe
Style definiujące tekst
Zapis prezentacji:

Lekcja 2 Składnia języka XHTML Łukasz Beczak

Polskie znaki diaktryczne Język polski posiada 18 liter specyficznych. Przygotowując dokument www należy pamiętać o: - kodowaniu znaków w pliku - elemencie meta w kodzie XHTML

Metody kodowania polskich znaków diaktrycznych Obecnie polskie znaki na stronach są kodowane na jeden z czterech sposobów: - iso-8859-2 - windows-1250 - utf-8 - znaki specjalne (encje)

Element meta ustalający kodowanie znaków <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Fizyczne kodowanie w pliku ustala się w opcjach edytora

Pangramy Do badania sposobu wyświetlania czcionek stosuje się pangramy (Zdania zawierające wszystkie litery alfabetu). The quick brown fox jumps over the lazy dog. Mężny bądź, chroń pułk twój i sześć flag.

Atrybut lang Każdy element może posiadać atrybut lang. Atrybut odpowiedzialny za ustalenie języka, w którym została zapisana zawartość elementu. <p lang ="en"> I like you </p> Jeżeli cała strona napisana została w danym języku to: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">

Jakiego kodowania używać? Komitet normalizacyjny (http://www.pkn.pl) zatwierdził kodowanie iso-8859-2 jako normę PN-93 T-42118 – jest to obowiązujący standard. Drugim dobrym rozwiązaniem jest użycie kodowania utf-8

Zadanie 1 Wykonaj stronę prezentującą pangram "Dzielny bądź, chroń pułk swój i sześć flag". Zastosuj kodowanie iso-8859-2

Zadanie 2 Wykonaj stronę prezentującą pangram "Dzielny bądź, chroń pułk swój i sześć flag". Zastosuj kodowanie utf-8

Zadanie 3 Wykonaj stronę prezentującą pangram francuski "Voyez le brick géant que j'examine prés du wharf". Zastosuj kodowanie utf-8.

Bibliografia 1. Włodzimierz Gajda – "HTML XHTML i CSS" Helion 2007

Dziękuję za uwagę