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