Przodek Pracy Domowej…

Transkrypt

Przodek Pracy Domowej…
Przodek Pracy Domowej
12/11/2005
Co to jest przodek i po co?
Przodek Pracy
Domowej…
!
!
www.il.pw.edu.pl/~s-rrg
Plik index.html
Plik zdjecia.html
Do roboty!
!
!
Generalnie jestem wrogiem tak zwanych Przodków
Prac Domowych, które… ogłupiają
Z wrodzonego lenistwa zamiast pisać dokładną
instrukcję, której pewnikiem i tak nikt nie przeczyta
(jak polecenia na sprawdzianie…) pozostawiam
wam w prezencie mikołajkowym przodka a w
zasadzie przodki.
Jak powinny wyglądać prezentacje – spójrzcie na
materiały wykładowe.
Jak powinna wyglądać wyrzeźbiona ręcznie strona?
2/12
Plik index.html
Mierz siły…
Jest to plik startowy – jeśli chcemy, aby nasz serwis
WWW uruchamiał się automatycznie po wpisaniu
adresu ten plik musi się znaleźć w public_html
<html>
<head>
<title>Praca domowa</title>
</head>
<body>Tu coś będzie…</body>
</html>
!
!
3/12
5/12
©2005 R. Robert ‘RoG@j’ Gajewski
©2005 R. Robert ‘RoG@j’ Gajewski
Jeśli nie masz serca i zapału do tej pracy i będziesz
miał w swoim serwisie tylko kilka plików wszystkie
one mogą być po prostu w katalogu public_html
!
!
!
Nie musisz tworzyć w nim żadnych podkatalogów
Wszystkie pliki serwisu WWW muszą być w katalogu
public_html lub jego podkatalogach!
Przykładowe pliki graficzne
!
!
fox1.gif - logo
bryce.jpg – fotografia
umieszczę w katalogu public_html
4/12
©2005 R. Robert ‘RoG@j’ Gajewski
Grafika na stronce
Link do innej strony
<br>
<img src=fox1.gif >
<br>
! Znaczniki <br> dodane są po to, aby obraz znalazł
się w nowej linii
! Parametr border określa grubość ramki wokół
grafiki – u nas jest to ”1”
! Zapoznaj się z innymi parametrami…
!
©2005 R. Robert ‘RoG@j’ Gajewski
(C)2005 R. Robert "RoG@j" Gajewski
Po pierwsze utwórz stronę, do której ma prowadzić
link…
! Umiesz to już zrobić – masz już plik index.html
<a href=„zdjecia.html”>Moje zdjęcia</a>
! A w pliku zdjęcia.html umieść drugi plik graficzny
bryce.jpg i… powrót do strony wyjściowej!!!
! Jak to zrobić już wiesz!
! Umiesz przecież przejść z pliku index.html do pliku
zdjecia.html
6/12
©2005 R. Robert ‘RoG@j’ Gajewski
1
Przodek Pracy Domowej
12/11/2005
Link do innego URL’a
!
!
Poza linkami do „własnych” plików można umieścić
linki do innych serwisów WWW
Powstaje pytanie – gdzie ma być otwarty taki link?
!
!
!
Link do pliku do ściągnięcia
!
W tym samym oknie (zakładce) co aktualny plik
W osobnym pustym oknie (zakładce)
!
Tego wyboru może dokonać odbiorca serwisu
klikając na link prawym klawiszem myszy
!
!
Zamiast wysyłać prezentację w PPT pocztą
elektroniczną możesz ja „powiesić” w internecie na
swojej stronce
Robi się to dokładnie tak jak w przypadku linku do
pliku html!!!
!
!
Open link in new window
Open link in new tab
!
!
7/12
©2005 R. Robert ‘RoG@j’ Gajewski
©2005 R. Robert ‘RoG@j’ Gajewski
Plik index.html
<html>
<head><title>Praca domowa</title></head>
<body>
Tu coś będzie<br>
<img src=fox1.gif><br>
<a href="zdjecia.html">Moje zdjęcia</a><br>
<a href="http://www.il.pw.edu.pl"
target="_blank">IL</a><br>
<a href="prezentacja.ppt">PPT</a>
</body>
</html>
<a href=”http://www.il.pw.edu.pl”
target=„_blank”>IL</a>
<a href =”prezentacja.ppt”>PPT</a>
©2005 R. Robert ‘RoG@j’ Gajewski
10/12
Plik zdjecia.html
©2005 R. Robert ‘RoG@j’ Gajewski
I tak dalej…
<html>
<head><title>Praca domowa</title></head>
<body>
<h1 align="center">Podróż po USA</h1>
<div align="center">
<img src="bryce.jpg" align=center><br>
</div>
<a href="index.html">Powrót</a>
</body>
</html>
11/12
Otworzyć plik bezpośrednio z wykorzystaniem programu
PowerPoint
Zapisać plik na dysku
8/12
Linki…
9/12
Zamiast nazwy cos_tam.html będzie nazwa cos_tam.ppt
Po stronie odbiorcy będzie on mógł podjac decyzję
©2005 R. Robert ‘RoG@j’ Gajewski
(C)2005 R. Robert "RoG@j" Gajewski
!
!
!
!
12/12
Reszta zależy od Waszej intencji, od tego, co macie
do powiedzenia innym
Nie limitują „binarnie” ram waszych wypowiedzi.
Jedyne ograniczenie to… dbałość o kulturę słowa
Umieszczając coś na wydziałowym serwerze
dajecie świadectwo nie tylko o sobie…
©2005 R. Robert ‘RoG@j’ Gajewski
2