Przykład odwołania do innych dokumentów
Transkrypt
Przykład odwołania do innych dokumentów
Odsyłacze – mechanizm umożliwiający przejście do innych dokumentów lub miejsc w sieci: <A HREF = ”gws_tematy.htm”> odwołanie do innego dokumentu </A> <P> Strona główna <A HREF = ”http://www.gwsh.gda.pl”> odwołanie do strony WWW Gdańskiej Wyższej Szkoły Humanistycznej </A> <P> Aby wyslać pocztę e-mail do prowadzącego zajęcia, <A HREF = "mailto:[email protected]"> kliknij tutaj </A> <HTML><HEAD> <TITLE> Trzeci dokument </TITLE></HEAD> <BODY> Przykład odwołania do innych dokumentów <A HREF = ”dok1.html”> Odwołanie do dokumentu pierwszego </A> <A HREF = ”dok2.html”> Odwołanie do dokumentu drugiego </A> </BODY> </HTML> Przykład zastosowania: •listy wypunktowanej •listy numerowanej •odsyłaczy do dokumentów •odsyłaczy do miejsc w sieci Materiały do przedmiotu Podstawy informatyki i komputeryzacji Tabele <TABLE> Komórka w tabeli HTML może zawierać dane (liczby, tekst, obraz) lub etykietę opisującą kolumnę lub wiersz <TH> definiuje nagłówek tabeli <TR> kolejny wiersz <TD> kolejna komórka w wierszu dane w komórkach mogą być wyrównane odpowiednio do lewej lub prawej strony, lub wyśrodkowane; tabela może mieć obramowanie Przykład: Prognoza i realizacja zysków i strat za rok 2005: <TABLE><TR> <TH></TH> <TH>I Kwartał</TH><TH>II kwartał</TH><TR> <TD>Realizacja</TD><TD>12%</TD><TD>-2%</TD><TR> <TD>Prognoza</TD><TD>11%</TD><TD>4%</TD><TR> </TABLE> przyklad prostej tabeli ta sama tabela może być czytelniej sformatowana: <TABLE BORDER ALIGN=BLEEDRIGHT><TR> <TH></TH> <TH ALIGN=‘’LEFT”>I Kwartał</TH> <TH ALIGN=‘’LEFT”>II kwartał</TH><TR> <TD>Realizacja</TD><TD>12%</TD><TD>-2%</TD><TR> <TD>Prognoza</TD><TD>11%</TD><TD>4%</TD><TR> </TABLE> tabela sformatowana Ramki <FRAMESET> Ekran przeglądarki może zostać podzielony na obszary, które można niezależnie przeglądać Liczbę, rozmiary i położenie ramek definiuje się przy pomocy atrybutów COLS i ROWS <FRAMESET COLS="20/,80/" > <FRAME SRC ="przykl1.html"> <FRAME SRC="przykl2.html"> </FRAMESET> ekran zostanie podzielony na 2 pionowo rozdzielone części w proporcji odpowiednio 20% i 80%. W lewej ramce pojawi się dokument przykl1.html, w prawej odpowiednio przykl2.html. <HTML><HEAD><TITLE>Ramka</TITLE> </HEAD> <FRAMESET cols=50/,50/> <FRAME src="przykl1.html"> <FRAME src="przykl2.html"> </FRAMESET> </HTML> Przyklad z ramką GRAFIKA W dokumentach HTML używa się grafiki dwóch rodzajów: • grafiki wbudowanej pliki graficzne w formacie GIF, JPEG, BMP itd. • obrazy zewnętrzne – obrazy nie są obsługiwane przez przeglądarkę, są oglądane za pośrednictwem aplikacji pomocniczych Obrazy wbudowane umieszcza się w dokumentach HTML za pomocą znaczników postaci: <IMG SRC = ”nazwa pliku”> Teksty alternatywne: Z obiektem graficznym powinien być stowarzyszony krótki opis tekstowy, który pojawia się w miejscu obrazu jeżeli grafika jest wyłączona lub niemożliwa: <IMG ALT=”[logo firmy]” SRC =”logo.gif”> Skąd brać obrazy do swoich stron? Można je: •przygotować samemu w programie graficznym (PaintShop, Corel Draw itp.), •można zrobić zdjęcie aparatem cyfrowym, •za pomocą skanera zeskanować ilustrację, zdjęcie •posłużyć się gotowym rysunkiem z tzw. clip-art., •ściągnąć obraz z internetu <HTML><HEAD> <TITLE>Materiały do przedmiotu Podstawy informatyki i komputeryzacji </TITLE> </HEAD><BODY> <IMG ALT="[logo GWSH]" ALIGN="center" HEIGHT="150" WIDTH="500" SRC="logo.GIF"> <STRONG><H1> Podstawy </H1></STRONG> informatyki i komputeryzacji <BR><H2> 15 godz. wykładu </H2> <BR><H3> Program wykładu <UL><LI> </LI> <LI> </LI><LI> </LI> </UL></P></H3> </BODY></HTML> Podstawy informatyki i komputeryzacji Inne aspekty języka HTML •specyfikowanie podstawowego języka dla dokumentu HTML <HTML LANG = ”pl”> • metainformacje – informacje te nie stanowią treści dokumentu, ale opisują go informacja o zawartości, sposobie kodowania: <META HTTP-EQUIV = ”CONTENT-TYPE” CONTENT = ”text/html ;charset=ISO-8950-2”> termin ważności strony: <META HTTP-EQUIV = ”expires” CONTENTS = ”30August2005”> Promowanie strony: <META NAME = ”keywords” LANG = ”pl” CONTENT = ”pedagogika studia licencjackie kierunek resocjalizacja” > liczba słów kluczowych nie jest ograniczona, warto podawać synomimy, aby ułatwić wyszukiwanie „pająkom” – „robotom” warto zamieszczać informacje o dacie ostatniej modyfikacji