Uniwersytet Warszawski
Wydział Fizyki
Marcin Mazurek
Nr albumu: 184462
Opracowanie strony WWW dla
II Pracowni Fizycznej Wydziału Fizyki
Uniwersytetu Warszawskiego
Praca licencjacka
na kierunku Fizyka
w zakresie Metod Komputerowych Fizyki
Praca wykonana pod kierunkiem
prof. dr. hab. Michała Nawrockiego
z Zakładu Fizyki Ciała Stałego
Instytutu Fizyki Doświadczalnej UW
Warszawa, lipiec 2006
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
Oświadczenie kierującego pracą
Oświadczam, \e niniejsza praca została przygotowana pod moim kierunkiem i
stwierdzam, \e spełnia ona warunki do przedstawienia jej w postępowaniu o
nadanie tytułu zawodowego.
Data Podpis kierującego pracą
Oświadczenie autora (autorów) pracy
Świadom odpowiedzialności prawnej oświadczam, \e niniejsza praca dyplomowa
została napisana przeze mnie samodzielnie i nie zawiera treści uzyskanych w
sposób niezgodny z obowiązującymi przepisami.
Oświadczam równie\, \e przedstawiona praca nie była wcześniej przedmiotem
procedur związanych z uzyskaniem tytułu zawodowego w wy\szej uczelni.
Oświadczam ponadto, \e niniejsza wersja pracy jest identyczna z załączoną
wersją elektroniczną.
Data Podpis autora (autorów) pracy
2
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
Streszczenie
Celem pracy jest stworzenie strony internetowej dla II Pracowni Fizycznej
Wydziału Fizyki. Serwis przeznaczony jest głównie dla studentów Wydziału Fizyki
UW oraz asystentów prowadzących ćwiczenia w II Pracowni. Zawiera
niezbędne informacje dla osób uczęszczających na zajęcia: instrukcje do
ćwiczeń, zdjęcia stanowisk pomiarowych, regulaminy, zasady zaliczeń,
linki, ogłoszenia, itd. Strona ma być te\ wizytówką Pracowni w wirtualnym
świecie. Do realizacji projektu wykorzystany został język HTML 4.01.
Funkcjonująca strona II Pracowni Fizycznej została umieszczona pod adresem:
http://www.fuw.edu.pl/IIPPRACOWNIA/index.html.
Słowa kluczowe
II Pracownia Fizyczna, fizyka, HTML, strona WWW, pomiary, fizyka subatomowa,
optyka, fizyka ciała stałego
Dziedzina pracy (kody wg programu Sokrates-Erasmus)
13200 fizyka
Tytuł pracy w języku angielskim
The study of WWW page for 2nd Physics Laboratory
Faculty of Physics Warsaw University
3
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
Spis treści
1. Wstęp 5
2. Cel powstania strony dla II Pracowni Fizycznej 6
3. Realizacja projektu: 7
3.1 Wstępna analiza zawartości serwisu na podstawie
charakterystyki II PF i konsultacji z asystentami 7
3.2 Lista zagadnień umieszczonych na stronie 10
3.3 Konstrukcja strony 11
4. Techniczna strona powstania serwisu internetowego dla II Pracowni
Fizycznej: 13
4.1 O języku HTML 13
4.2 Znaczniki 13
4.3 Szkielet Dokumentu HTML 15
4.4 Ramki 17
4.5 Kaskadowe arkusze stylów CSS 19
5. Opis gotowej strony 20
6. Podsumowanie 25
7. Bibliografia i specyfikacje internetowe 26
DODATEK A:
Wydruk kodu języka HTML
DODATEK B:
Funkcjonująca strona II Pracowni Fizycznej na płycie CD
Zdjęcia stanowisk pomiarowych na płycie CD
4
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
1. Wstęp
Stworzenie serwisu internetowego dla II Pracowni Fizycznej jest tematem
niniejszej pracy licencjackiej. W dzisiejszych czasach Internet jest bardzo łatwo
dostępny dla przeciętnego u\ytkownika. Firmy, urzędy, uczelnie a tak\e osoby
prywatne wykorzystują go w celu łatwego dotarcia do odbiorcy, któremu
przekazują ró\ne informacje. W tym samym celu powstała równie\ strona WWW II
Pracowni Fizycznej. Za jej pośrednictwem studenci będą mieli lepszy i łatwiejszy
dostęp do wszelakich spraw dotyczących II Pracowni Fizycznej. Nie wychodząc z
domu mo\liwe będzie sprawdzenie aktualnych ogłoszeń, wydrukowanie instrukcji
do zbli\ającego się doświadczenia bądz skontaktowanie się drogą elektroniczną z
asystentem prowadzącym dane ćwiczenie.
Obok opracowania projektu elementem pracy jest tak\e opis całego
przedsięwzięcia, który zawiera:
" cele stworzenia strony internetowej,
" kolejne etapy powstawania serwisu,
" opis techniczny powstania witryny,
" charakterystykę gotowej strony II Pracowni Fizycznej.
Do powstania projektu wykorzystany został bezpłatny program do edycji i
tworzenia stron internetowych ezHTML 2.0 Alef . Całość napisano w języku
HTML 4,01 (HyperText Markup Language). W edycji i obróbce zdjęć stanowisk
pracy pomocna okazała się testowa wersja programu Paint Shop Pro9.
5
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
2. Cel powstania strony internetowej dla II Pracowni
Fizycznej.
W XXI wieku komputer i Internet to dla wszystkich jedne z głównych
sposobów zdobywania wiedzy, szukania informacji, poznawania ciekawych
zjawisk. Wychodząc naprzeciw oczekiwaniom, jakie stawia rzeczywistość i
wykorzystując mo\liwości, jakie ona daje, przystąpiono do realizacji projektu
stworzenia strony internetowej II Pracowni Fizycznej.
Celem powstania strony o takiej tematyce jest przekazanie wszystkich
wa\nych informacji dotyczących tej właśnie pracowni jej głównym odbiorcom, czyli
studentom, którzy na te zajęcia będą uczęszczać. W tym te\ celu na stronie
muszą znalezć się takie wiadomości, które:
" ułatwią kontakt z Pracownią i asystentami,
" pomogą w dobrym przygotowaniu się do ćwiczeń, wykonaniu
opisów i ich pózniejszym zaliczeniu,
" zapewnią dostęp do aktualnych informacji o zmianach terminów
zajęć, dniach wolnych,
" w kompleksowy sposób zapoznają z II Pracownią.
Serwis, przeznaczony ma być tak\e, dla asystentów prowadzących
ćwiczenia. Za jego pośrednictwem będą w stanie szybko przekazać wszelkie
uwagi i wskazówki dla swych podopiecznych.
Strona, oprócz wymienionych celów, powinna być równie\ wizytówką II Pracowni
Fizycznej w wirtualnym świecie.
6
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
3. Realizacja projektu.
3.1 Wstępna analiza zawartości serwisu na podstawie
charakterystyki II PF i konsultacji z asystentami.
Przed przystąpieniem do tworzenia strony WWW pierwszym wa\nym
krokiem było zastanowienie się nad tym, co powinno się na niej znajdować.
Punktem wyjścia w tych rozwa\aniach było zapoznanie się z całą strukturą
Pracowni, jej zasobami, tym, co oferuje studentom i jakie ma w stosunku do nich
wymagania. Nale\ało się równie\ zastanowić nad tym, jakich informacji odbiorca
potrzebuje a jakie są mu zbędne. W tym celu przeprowadzona została krótka
charakterystyka II Pracowni Fizycznej. Dzięki niej mo\na było stworzyć pierwszy
zarys wyglądu strony internetowej i jej zawartości.
II Pracownia Fizyczna to wa\na jednostka całej struktury organizacyjnej i
nale\y do grupy przedmiotów obowiązkowych, będących w programie kształcenia
na Wydziale Fizyki Uniwersytetu Warszawskiego. Głównym jej celem jest
zapoznanie studentów z technikami eksperymentalnymi stosowanymi w ró\nych
działach fizyki. Zajęcia odbywają się tak w semestrze letnim jak i zimowym we
wtorki (w godz. 13 18) i w czwartki (w godz. 9 14). Wszystkie ćwiczenia
przeprowadzane są na trzecim piętrze i na parterze (ćwiczenia z Fizyki Jądrowej)
w budynku przy ul. Pasteura 7 w Warszawie. To tutaj studenci nie tylko zapoznają
się z technikami eksperymentalnymi stosowanymi w ró\nych działach fizyki, ale
równie\ swoją wiedzę teoretyczną mogą sprawdzić w praktyce wybierając
interesujące ich ćwiczenia. Do dyspozycji przygotowanych jest kilkadziesiąt
nowoczesnych, dobrze wyposa\onych i skomputeryzowanych stanowisk
(fotografie wszystkich stanowisk pomiarowych dostępne są w dodatku B, w
katalogu zdjęcia ).
7
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
Fot. 3.1
Stanowisko pracy do ćwiczenia C2 - Pomiar drogi dyfuzji i czasu \ycia nośników
mniejszościowych w germanie metodą Valdesa.
/ fot. M. Mazurek; 2006/
Pracownia mo\e pochwalić się te\ tym, \e posiada zródło neutronów termicznych.
Jest ono wykorzystywane do pomiarów widma energetycznego fragmentów
rozszczepienia uranu 236U wywołanego neutronami termicznymi oraz do pomiaru
energii wiązania deuteronu.
8
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
Fot. 3.2
yródło neutronów termicznych
/fot. M. Mazurek; 2006/
W celu zaliczenia II Pracowni studenci muszą wykonać trzy (wersja A), dwa
(wersja B) lub cztery (wersja dla NKF) doświadczenia. Wybrać je mogą spośród
trzech podstawowych działów:
" fizyka subatomowa (fizyka jądrowa + fizyka cząstek elementarnych)
" fizyka ciała stałego
" optyka.
Ćwiczenia wykonywane są indywidualnie pod opieką asystentów. Czas trwania
jednego doświadczenia to okres od dwóch do czterech tygodni.
Uczestnicząc w zajęciach studenci zapoznawani są równie\ z wszystkimi
etapami eksperymentu fizycznego. Ka\de ćwiczenie składa się mianowicie z kilku,
wykonywanych po kolei, części:
" przygotowania teoretycznego,
" kolokwium wstępnego,
" części doświadczalnej,
" sprawozdania na piśmie (opis),
" rozmowy końcowej.
9
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
Aby przystąpić do zajęć studenci powinni mieć zaliczoną całą I Pracownię
Fizyczną (a i b).
Pracownia ma tak\e za zadanie wpojenie studentom wszelkich zasad
bezpiecznej pracy podczas wykonywania ćwiczeń, prawidłowego zachowania się
na terenie pracowni oraz zapoznania się z instrukcjami dotyczącymi przyrządów.
Przed przystąpieniem do zajęć studenci przechodzą szkolenie BHP i ochrony
radiologicznej (w przypadku wykonywania ćwiczeń z zastosowaniem
promieniowania jonizującego). Odbycie takiego szkolenia potwierdzane jest
wpisem do odpowiedniej ewidencji. Wszystko to odbywa się pod opieką
asystentów prowadzących ćwiczenia oraz inspektora ochrony radiologicznej.
Po wstępnym ustaleniu zawartości strony, którą ułatwiła krótka
charakterystyka II Pracowni przyszła kolej na wybór metody, pozwalającej
wszystkie informacje umieścić na stronie (w tym przypadku skorzystano z języka
HTML 4.0) oraz na opracowanie szkieletu całego serwisu, jego wyglądu, czyli
wyborze kolorów tła i liter a tak\e, co jest wa\ne, dobrym i czytelnym
rozmieszczeniem całej zawartości.
Gdy powstał ju\ szczegółowy zarys całego serwisu nale\ało zebrać
wszystkie potrzebne materiały, których treść miała znalezć się na stronie.
Następnie prototypowa wersja strony trafiła w ręce asystentów
prowadzących ćwiczenia na II Pracowni. Ich zadaniem było zapoznanie się z
zawartością i wyglądem serwisu oraz zaproponowanie nowych rozwiązań i
ciekawych pomysłów. Po konsultacjach z całym zespołem wybrane zostały
zagadnienia, które następnie umieszczono na stronie.
3.2 Lista zagadnień umieszczonych na stronie.
W wyniku przeanalizowania charakterystyki II Pracowni i konsultacji z
asystentami powstała lista zagadnień, które powinny znalezć się na stronie
internetowej. Do listy dołączone zostały równie\ wymagania dotyczące zawartości
poszczególnych tematów. Oto one:
" Strona główna z danymi kontaktowymi,
10
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
" Ogłoszenia,
" Wykaz i instrukcje do ćwiczeń z dostępnymi instrukcjami w
formacie .doc i zdjęciami stanowisk wraz z opisem wybranych
przyrządów,
" Rozkład zajęć z planem zajęć II Pracowni i organizacją roku
akademickiego na Uniwersytecie Warszawskim,
" Lista osób prowadzących ćwiczenia z miejscem na przekazanie
informacji dla studentów oraz adresem e-mailowym,
" Wskazówki dla studentów dotyczące opisów i prezentacji ustnych,
" Regulamin pracowni zawierający zasady wykonywania i zaliczania
ćwiczeń i pracowni oraz regulamin porządkowy,
" Zasady bezpiecznej pracy,
" Instrukcje BHP przy pracy z laserami,
" Klasyfikacja laserów,
" Stałe fizycznej,
" Linki.
3.3 Konstrukcja strony.
W związku z du\ą liczbą zagadnień oraz obszerną ilością zawartych w
serwisie treści, konstrukcja strony powinna być tak pomyślana, aby ułatwić
poruszanie się po całym projekcie. W związku z tym wykorzystano następujące
elementy poprawiające czytelność i obsługę serwisu:
" Ramki sprawiają, \e spis treści jest zawsze widoczny, co pozwala
na szybkie przechodzenie między stronami serwisu (patrz więcej
rozdział 4.4)
" Odsyłacze odsyłają u\ytkownika do stron w obrębie serwisu oraz
do innych stron bez konieczności wpisywania ich adresów. Podczas
tworzenia projektu wykorzystano następujące typy odsyłaczy:
o do podstrony - serwis internetowy II Pracowni składa się z
pewnej liczby podstron, zapisanych w osobnych plikach
HTML. Aby umo\liwić w nich nawigację, nale\y u\yć
11
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
odsyłacza do podstron, który przeniesie u\ytkownika do
wszystkich podstron, ale tylko w obrębie serwisu. Jest to
pomocne przy tworzeniu spisu treści, chocia\ hiperłącza
mogą znajdować się równie\ w zwykłym tekście, odsyłając
u\ytkownika do miejsca, gdzie dany temat jest szerzej
opisany.
o do etykiety - dzięki nim nawigacja w serwisie staje się du\o
łatwiejsza. Po kliknięciu odsyłacza do etykiety, przeglądarka
internetowa przeniesie u\ytkownika bezpośrednio do
podrozdziału, a nie na początek strony, przez co nie jest on
zmuszony do samodzielnego odszukania wybranego tematu
(szczególnie w przypadku dokumentów o du\ych rozmiarach
trwa to długo). Etykietę mo\na zdefiniować w dowolnym
miejscu strony, tak\e wewnątrz zwykłego tekstu
o do adresu internetowego u\yty został w dziale Linki i jest
przydatny, jeśli chcemy umieścić w swoim serwisie tzw. linki
do dowolnych stron w obrębie całego Internetu. Adres ka\dej
ciekawej strony mo\na skopiować (z paska adresu
przeglądarki) i umieścić w odsyłaczu. Dzięki temu wszyscy
u\ytkownicy odwiedzający witrynę II Pracowni Fizycznej będą
mogli przenieść się bezpośrednio do wskazanej strony, bez
potrzeby wpisywania jej adresu.
Podczas projektowania strony internetowej wa\ną sprawą było takie jej
skonstruowanie, aby poszczególne dokumenty HTML, z których składa się serwis
miały mo\liwie najmniejszy rozmiar. Mo\e się zdarzyć, \e osoba, która odwiedzi
stronę II Pracowni będzie korzystała z wolnego łącza telefonicznego lub
radiowego. Długie ładowanie się serwisu mogłoby utrudnić potencjalnemu
odbiorcy korzystanie z jego zasobów. W tym celu strona pozbawiona jest
zbędnych elementów i ozdób graficznych zwiększających rozmiar pliku HTML.
Zdjęcia stanowisk są dostępne dopiero po kliknięciu odsyłaczy w postaci
miniaturek oryginalnych fotografii. Zatem ładowane są przez przeglądarkę tylko
obrazy o bardzo małych rozmiarach nie wydłu\ając tym samym czasu otwierania
się strony.
12
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
4. Techniczna strona powstania serwisu internetowego
dla II Pracowni Fizycznej.
Rozdział 4 przedstawia opis serwisu internetowego II Pracowni Fizycznej
od strony technicznej. Wszystkie przykłady, o których będzie mowa zamieszczone
są w DODATKU A umieszczonym na końcu pracy. Przy odwoływaniu się do tych
przykładów podana będzie linia kodu oraz skrót nazwy odpowiedniego z
dodatków, np.:
/p. L10 ; DA1/ - patrz linia 10 dodatek A1.
4.1 O języku HTML
Serwis II Pracowni Fizycznej został napisany przy u\yciu języka HTML
4.01, czyli Hyper Text Markup Language 4.01. HTML to język hipertekstowego
znakowania, którego twórcą jest Tim Berners-Lee. Nad standardem HTML-a
czuwa Konsorcjum W3C (World Wide Web Consorcium) między innymi poprzez
rozwój technologii i zatwierdzanie specyfikacji. Język HTML pozwala na
umieszczanie w Internecie dokumentów, w treści których występować mogą
tabele, nagłówki, tekst, zdjęcia, itp. śeby stworzyć stronę WWW potrzebny jest
dowolny edytor teksu (WordPad). Aby ułatwić sobie pracę mo\na skorzystać ze
specjalnie przygotowanych do tego celu edytorów (Pajączek, kED). Przy pisaniu
strony internetowej posłu\yłem się edytorem ezHTML 2.0 Alef.
4.2 Znaczniki
Stworzone dokumenty mają oprócz nazwy rozszerzenie htm lub html, np.
ogłoszenia.html. Gdy otworzymy taki dokument zauwa\ymy, \e oprócz zwykłego
tekstu jest tak\e szereg ostrych nawiasów, między którymi wpisane są litery bądz
całe wyrazy. To znaczniki, które są częścią składni języka HTML. Przewa\nie
13
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
stosowane są w parach (patrz przykład 4.2.1). Wyjątkami są między innymi:
- znacznik umieszczający poziomą linię /p. L17 ; DA3/,
- znacznik nowego
wiersza, które występują samotnie. Dzięki nim mo\emy ustalać wielkość liter, kolor
tła, pogrubić lub pochylić tekst, np.:
" tak wygląda to w edytorze:
Tekst, który ma się znalezć na stronie.
a tak na stronie internetowej:
Tekst, który ma się znalezć na stronie.
/przykład 4.2.1/
W tym przykładzie to znacznik otwierający, a zamykający. Ich zadaniem
jest pogrubienie tekstu.
Bardzo wa\nym elementem w składni języka HTML jest paragraf
, który
wykorzystując atrybuty znacznika pozwala sformatować tekst ukazujący się na
ekranie. Atrybuty te nale\y wpisać wewnątrz znacznika otwierającego, np.:
" tak wygląda to w edytorze:
Tekst, który ma być równany do lewej.
Tekst, który nie ma być wyrównany do lewej
a tak na stronie internetowej:
Tekst, który ma być wyrównany do lewej.
Tekst, który nie ma być wyrównany do lewej
/przykład 4.2.2/
Wykorzystany w przykładzie 4.2.2 atrybut znacznika align= left sprawił, \e tekst
pierwszej linii został wyrównany do lewej.
Analizując kody języka HTML mo\na zauwa\yć, \e znaczniki pisane są
wielkimi bądz małymi literami. Nie ma to jednak \adnego znaczenia, znacznik
oraz przeglądarka odczyta poprawnie i za ka\dym razem pochyli tekst
(kursywa).
14
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
4.3 Szkielet Dokumentu HTML
Pewne znaczniki oraz odpowiadające im atrybuty pełnią szczególną
funkcję, tworzą mianowicie cały szkielet dokumentu HTML. Na przykładzie kodu
zawartego w pliku home.html /p. DA2/ opisane zostana cechy poszczególnych
elementów kodu:
Linia pierwsza mówi o wersji, która przekazuje przeglądarce informacje o
zestawie reguł, jakich powinna u\ywać podczas edytowania strony. W projekcie
zastosowana została wersja najbardziej elastyczna, zawierająca ramki (punkt 4.4),
oraz elementy wersji przejściowej.
Pierwszym elementem w omawianym przykładzie jest znacznik otwierający
/p L2/ a ostatnim zamykający /p L46/. Ich zadaniem jest
informowanie przeglądarki internetowe odpowiednio o początku i końcu
dokumentu HTML oraz o tym, \e wszystko, co jest zawarte między nimi nale\y do
tego dokumentu.
Kolejne znaczniki to /p.L3/ i /p.L10/. Ich obecność
wyznacza element strony, jakim jest nagłówek. Między tymi znacznikami znajduje
się znacznik . Zawarte są tutaj wszystkie informacje przydatne
przeglądarkom, jednak nie są one wyświetlane na stronie internetowej:
" Linia 4 definiuje stronę kodową ISO-8859-2 (polskie znaki),
" Lina 5 definiuje opis strony. Z informacji tutaj zawartych korzystają
wyszukiwarki sieciowe. Opis powinien być krótki i zawierać
najistotniejsze wiadomości dotyczące strony,
" Lina 6 to słowa kluczowe, charakteryzujące zawartość serwisu (nale\y
rozdzielać je przecinkami),
" Linia 7 w tym miejscu umieszcza się informacji o twórcy strony (imię i
nazwisko lub nazwa firmy),
" Linia 8 Dzięki niej przeglądarka rozpoznaje język, w jakim będzie
wyświetlana zawartość strony,
" Linia 9 zawiera tytułu bie\ącej strony.
15
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
Całą, właściwą treść strony, w której zawierają się wszystkie inne znaczniki,
dotyczące formatowania, oraz sam tekst nale\y umieścić między znacznikami
/p.L11/ i /p. L45/. Podając ich dodatkowe atrybuty, mo\na
określić wygląd strony, czyli kolor tła /p.L11/ i tekstu, szerokość marginesów,
akapity, czcionkę. W jednym dokumencie nie mo\e być więcej ni\ jeden znacznik
.
A oto elementy i ich atrybuty, które zostały wykorzystane podczas tworzenia
strony głównej (home.html):
" & - określa rozmiar
czcionki i jej typ oraz kolor (czarny), /p.L28/
"
- pozwala umieścić na stronie obrazek/zdjęcie, w tym przypadku bez obramowania, /p.L14/
"
- umieszcza na
środku strony linię koloru białego, która zajmuje 60% całej szerokości
strony /p.L17/
"
Przy konstruowaniu lewej części serwisu, czyli spisu treści (spis.html)
/p.DA3/ między znacznikami zastosowano następujące elementy (opisane
zostaną te, o których nie było jeszcze mowy):
" - określa
kolor odnośników, przy czym: /p.L14/
o LINK oznacza te, które jeszcze nie zostały u\yte,
o VLINK oznacza te, które zostały ju\ u\yte,
o ALINK oznacza aktywne, czyli te, które właśnie zostały
u\yte.
" - odnośnik
do strony Wydziału Fizyki; znacznik
sprawiają, \e strona zostanie otwarta w nowym oknie,
16
Opracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego
" Rozkład
zajęć - odnośnik do podstrony, która otworzy się w
prawej części serwisu. Decyduje o tym znacznik
którego atrybutem jest nazwa prawej ramki /p.L20/.
4.4 Ramki
Przy tworzeniu konstrukcji strony dla II Pracowni Fizycznej wykorzystane
zostały tzw. ramki, które pozwalają wyświetlić w oknie przeglądarki więcej ni\
jeden dokument HTML. Rysunek 4.4.1 prezentuje układ ramek jaki został
zastosowany przy tworzeniu strony:
Część statyczna,
wyposa\ona w system Tutaj jest część informacyjna, strona
nawigacji, w tym główna serwisu
przypadku spis treści Plik o nazwie home.html
strony.
Plik o nazwie spis.html
Rys. 4.4.1
Układ ramek, jaki został zastosowany podczas tworzenia strony
II Pracowni Fizycznej.
To jak w przeglądarce wygląda strona, w której zastosowano ramki mo\na
zobaczyć na fotografii 5.1.
Podstawowym elementem przy tworzeniu ramek jest utworzenie
dokumentu HTML o nazwie index.html, który zawiera specjalny kod /p.DA1/ i
odpowiada za konstrukcję ramek. Jest to te\ jedyny taki plik, w którym element
zastąpiony jest przez znacznik