Sekcja <body>
- podstawowe znaczniki i ich atrybuty
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
●
Sekcja <body>,
●
Tytuły w HTML,
●
Atrybuty znaczników w HTML,
●
Akapity w HTML,
●
Akapity z atrybutem id,
●
Listy numerowane w HTML,
●
Listy nienumerowane w HTML,
●
Odsyłacze w HTML.
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
✔
Z reguły znacznik <body> nie posiada dodatkowych atrybutów.
Można stosować atrybuty standardowe: class, dir, id, lang,
style.
✔
Nie należy stosować przestarzałych już atrybutów znacznika
<body> (zmianę definiowanych przez nie parametrów należy
wykonać za pomocą stylów CSS):
background – określenie obrazu stosowanego jako tło,
bgcolor – określenie koloru tła,
text – określenie koloru tekstu,
link - określenie koloru nieodwiedzonego odnośnika,
vlink - określenie koloru odwiedzonego odnośnika,
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
alink - określenie koloru aktywnego odnośnika.
✔
Atrybut style – określa styl CSS danego elementu strony.
✔
Atrybut title – określa tytuł danego elementu. Przeglądarka po najechaniu na dany elementy kursorem może wyświetlić tytuł jako
podpowiedź.
✔
Atrybut id – umożliwia nadanie elementowi strony unikatowego identyfikatora wykorzystywanego później do odwoływania się do
tego elementu. Nazwa identyfikatora może składać się z cyfr, liter, znaku pokreślenia i kreski.
✔
Atrybut class – umożliwia określenie klasy, do której należy dany atrybut. Klasa decyduje o sposobie prezentacji elementu. Wiele
elementów na stronie może należeć do tej samej klasy, a jeden
element może należeć do różnych klas. Nazwa klasy może
składać się z cyfr, liter, znaku pokreślenia i kreski. Nazwy klas Konspek
o t z
d la
d bo
zirat
eolriu
a m
n p
erz
ed
s m
ą i otu
s „
p Pr
a oj
cejkto
a wa
m nii.e i ocena SI” IINiB UJ 2011/2012 - autor: Tomasz Rusin
✔
Atrybut lang – określa język, w którym napisana została treść danego elementu strony (np. pl en de fr ru). Uwaga! W XHTML
atrybut xml:lang
✔
Atrybut dir – określa kierunek odczytu tekstu będącego
zawartością danego elementu. Przyjmuje wartość ltr (od lewa do prawa) lub rtl (od prawa do lewa).
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
✔
Tytuły definiowane są za pomocą znaczników: <h1> </h1>, <h2> </h2>,
<h3> </h3>, <h4> </h4>, <h5> </h5>, <h6> </h6>.
✔
Tytuły i śródtytuły tworzą strukturę hierarchiczną dzieląc stronę na sekcje.
✔
Najwyżej w hierarchii znajduje się tytuł objęty znacznikami <h1>, najniżej <h6>.
✔
Każdy poziom hierarchii prezentowany jest na stronie WWW za pomocą innego rozmiaru czcionki.
✔
Pod każdym z tytułów zazwyczaj znajduje się treść ujęta w inny
znacznik blokowy np. akapit <p>.
✔
Tytuły i śródtytuły są elementami blokowymi – stanowią samodzielne elementy strony WWW. Nie mogą zaigrać w sobie innych elementów
blokowych.
Ko
✔ nspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
Znaczniki tytułów (np. <h1>) mogą zawierać atrybuty: class, dir, id, lang, title, xml:lang.
Tytuły w HTML
14 <h1>Architekci Informacji w Europie.
15 Sprawozdanie z konferencji berlińskiej</h1>
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
Tytuły w HTML
66 <h2>Zalecana literatura i rekomendowane miejsca w Internecie:</h2> Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
✔
Akapity definiowane są za pomocą znaczników <p> </p> .
✔
Akapity są elementami blokowymi – stanowią samodzielne
elementy strony WWW.
✔
Znaczniki akapitu <p> nie muszą ale mogą zawierać standardowe atrybuty: class, dir, id, lang, title, xml:lang. W przypadku stron zawierających teksty w różnych językach szczególnie przydatny
jest atrybut lang.
✔
Chociaż w języku HTML 4.01 stosowanie znacznika
zamykającego akapit (</p>) nie jest wymagane – zaleca się jego stosowanie.
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
Akapity w HTML
25 <p>W ostatni weekend września (29.09-1.10) 2006 r. w Berlinie spotkali się ludzie związani z architekturą informacji (...) autor książki Practical Information Architecture (Addison-Wesley, 2000).</p>
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
27 <p>W spotkaniu wzięło (…) ekskluzywnym hotelu proArte Maritim.</p> 29 <p>Przed omówieniem tematyki (…) definicje tego pojęcia:</p> 31 <p>Definicje te nie są jedynymi (…) polarnemu na okładce).</p> 37 <p>Program konferencji składał (…) możliwe do zrealizowania.</p> 39 <p>Peter Morville poruszył (…) 23 bilionów dolarów.</p> 41 <p>Kolejnym referującym był (…) iż jest ich więcej:</p> 51 <p>O połączeniu perswazji(...) zaprojektowany w sieci.</p> 53 <p>Szczególnie interesująca (…) schematami projektowymi.</p> 55 <p>Podczas berlińskiego szczytu (…) systemów nawigacji itp.).</p> 57 <p>Ostatnim punktem obrad (…) zakresie jak HTML.</p> 59 <p>Omówione referaty (…) także w Polsce.</p>
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
61 <p>W tym miejscu należy (…) na ten temat.</p>
63 <p>Zamykając obrady, (…) serwisów wielojęzycznych.</p> Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
Akapity z atrybutem id
18 <p id="autor">Stanisław Skórka</p>
20 <p id="jednostka">Instytut Informacji Naukowej i Bibliotekoznawstwa.
21 Akademia Pedagogiczna w Krakowie</p>
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
✔
Listy numerowane definiowane są za pomocą znacznika <ol>
</ol>
✔
Poszczególne elementy listy ujmowane są w znaczniki <li> </li>
✔
Standardowo każdy element listy punktowanej wyróżniony jest
kolejnym numerem cyfr arabskich (można to zmienić za pomocą
stylów CSS). Nie należy w tym celu stosować przestarzałego
znacznika type. Nie należy również stosować uznanego za
przestarzały atrybutu start umożliwiającego zmianę wartości początkowej listy np. od 3.
✔
Znacznik listy numerowanej <ol> może przyjmować standardowe atrybuty: class, dir, id, lang, style, title, xml:lang.
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
Listy numerowane w HTML
30 <ol>
31 Strukturalne projektowanie udostępnianych środowisk informacyjnych; Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
Listy numerowane w HTML
33 Powstające społeczeństwo praktyków skupionych na stosowaniu
podstawowych zasad projektowania i architektury do cyfrowego krajobrazu.
34 </ol>
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
Listy numerowane w HTML
31 <li>Strukturalne projektowanie (...) informacyjnych;</li> 32 <li>Sztuka i nauka (…) w nich informacji;</li>
33 <li>Powstające społeczeństwo (…) cyfrowego krajobrazu.</li> Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
42 <ol>
43 <li>Serwisy internetowe (…) razem on- i offline;</li> 44 <li>Strony internetowe (…) konkretnego miejsca;</li> 45 <li>Serwisy internetowe stają się prawdziwie multimedialne;</li> 46 <li>Mapy serwisów (stron) (…) (element dostawy) ai;</li> 47 <li>Mapy stron powinny (…) przez użytkowników;</li> 48 <li>Odchodzi się od umożliwiania (…) pomocą wyszukiwarek;</li> 49 <li>Ostatnim z wymienianych (…) (Morville 2000).</li> 50 </ol>
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
✔
Listy nienumerowane definiowane są za pomocą znacznika <ul>
</ul>
✔
Poszczególne elementy listy ujmowane są w znaczniki <li> </li>
✔
Standardowo każdy element listy niepunktowanej wyróżniony jest
kropką (można to zmienić za pomocą stylów CSS). Nie należy w
tym celu stosować przestarzałego znacznika type (przyjmował
wartość disc, square, circle).
✔
Znacznik listy nienumerowanej <ul> może przyjmować
standardowe atrybuty: class, dir, id, lang, style, title, xml:lang.
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
Listy nienumerowane w HTML
67 <ul>
68 The 2006 Euro IA Summit. Building Our Practice [on-line]. [dostęp listopad 2006]. Dostępny w World Wide Web: http://www.euroia.org Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
Listy nienumerowane w HTML
72 ROSENFELD, L., MORVILLE, P. Architektura informacji w serwisach internetowych. Gliwice: Wydaw. Helion, cop. 2003. 500 s. ISBN 83-7361-003-0
73 </ul>
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
Listy nienumerowane w HTML
68 <li>The 2006 Euro (…) http://www.euroia.org</li> 69 <li>Europe's first (…) http://www.euroia.org/2005</li> 70 <li>MORVILLE, P. (…) connections/strange004.html</li> 71 <li>MORVILLE, P. (…) .euroia.ppt</li>
72 <li>ROSENFELD, L. (…) 83-7361-003-0</li>
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
✔
Odnośniki można zamieścić na stronie przy użyciu znacznika <a>
</a> , którego wymaganym atrybutem jest href – adres zasobu.
Pomiędzy znacznik otwierający i zamykający należy wpisać treść
odnośnika wyświetlaną przez przeglądarkę.
✔
Znacznik odnośnika jest elementem wierszowym – nie może
samodzielnie występować na stronie (musi zawierać się w
elemencie blokowym np. akapicie <p>).
✔
Do najbardziej popularnych identyfikatorów zasobów nalezą: http,
file, ftp oraz malto.
✔
Zamieszczenie na stronie odnośnika z identyfikatorem malto
umożliwia po jego kliknięciu otwarcie domyślnego klienta poczty
elektronicznej.
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
Odsyłacze w HTML
68 <li>The 2006 Euro IA Summit. Building Our Practice [on-line]. [dostęp listopad 2006]. Dostępny w World Wide Web: <a
href="http://www.euroia.org" title="Przejdź na stronę http://www.euroia.org">http://www.euroia.org</a></li> Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin
69 <li>Europe's first Information Architecture Summit [on-line]. [dostęp listopad 2006]. Dostępny w World Wide Web: <a
href="http://www.euroia.org/2005/" title="Przejdź na stronę http://www.euroia.org/2005/">http://www.euroia.org/2005/</a></li> 70 <li>MORVILLE, P. Big Architect, Little Architect [on-line]. [dostęp październik 2006]. Dostępny w World Wide Web: <a href="http://argus-acia.com/strange_connections/strange004.html" title="Przejdź na stronę http://argus-acia.com/strange_connections/strange004.html">http://argus-acia.com/strange_connections/strange004.html</a></li> 71 <li>MORVILLE, P. Ambient Findability [on-line]. [dostęp listopad 2006].
Dostępny w World Wide Web: <a
href="http://www.semanticstudios.com/euroia.ppt" title="Przejdź na stronę http://www.semanticstudios.com/euroia.ppt">http://www.semanticstudios.co m/euroia.ppt</a></li>
Konspekt z laboratorium przedmiotu „Projektowanie i ocena SI”
IINiB UJ 2011/2012 - autor: Tomasz Rusin