Temat 7: Wstawianie odnośników do strony internetowej.
Na każdą wyższą ocenę trzeba zrealizować zadanie na tą ocenę oraz wszystkie zadania na oceny niższe, np.: na ocenę bardzo dobrą trzeba zrobić wszystkie 4 zadania.
Bardzo wiele materiałów na temat tworzenia stron w html znajdziesz w Internecie. Wstawianie odsyłaczy znajdziesz choćby na stronie http://www.kurshtml.boo.pl/html/odsylacze.html
I
nternet opiera się na odnośnikach (odsyłaczach, linkach). Odnośnik to taki tekst, po kliknięciu którego zostajemy przekierowani na inną stronę w Internecie, skrzynkę email lub dowolny plik. Nawet ten dokument został wyposażony w odnośniki, aby był czytelniejszy i wygodniejszy - jeśli trzymając „Ctrl” klikniesz na dowolny tytuł w spisie treści to zostaniesz do tego punktu w dokumencie bezpośrednio skierowany. Głównym zastosowaniem odnośników jest jednak Internet. Tak naprawdę Internet nie był by tak popularny, gdyby nie odnośniki. To dzięki nim odkrywamy wciąż to nowe obszary sieci Web. Wyszukiwarki internetowe opierają się na odnośnikach zarówno przy prezentowaniu wyników jak i przy ciągłym poszukiwaniu nowych stron i uaktualnianiu starych. Strona Internetowa może nie zwierać grafiki, kolorów, filmów ani muzyki, ale bez odnośników po prostu będzie tylko namiastką strony. Dlatego tak ważne jest, aby opanować bardzo prostą sztukę wstawiania odnośników.
Znacznik HTML, który pozwala wstawiać odsyłacz to a. Oto jak go stosujemy:
<a href = „adres_strony_w_cudzysłowiu”>Wyświetlany napis</a>
Oczywiście kolory zostały użyte tylko dla lepszego zilustrowania przykładu i normalnie nie są wymagane.
A oto przykład zastosowania odnośnika przekierowującego na naszą stronę szkolną:
<a href = „http://www.gm11.resman.pl”>Kliknij tutaj, aby zobaczyć stronę naszej szkoły </a>
Tak będzie widać nasz odnośnik:
Kliknij tutaj, aby zobaczyć stronę naszej szkoły
Odnośnik z hiperłączem wstawiamy w dowolnym miejscu strony w sekcji BODY (pomiędzy znacznikami <body> a </body>)
Wstawianie odsyłacza do innej strony internetowej (dopuszczający)
Aby wstawić odsyłacz do innej strony internetowej użyjemy poznanego już znacznika a.
Ćwiczenie: W dowolnym miejscu na stronie wstaw odnośnik do strony http://www.google.pl, a napis wyświetlany ma brzmieć: Kliknij tutaj, aby zobaczyć stronę naszej szkoły.
Wstawianie odsyłacza do innej podstrony (dostateczny)
Jeżeli już wstawiłeś link do naszej szkolnej strony, to możesz wstawić link do podstrony Twojej własnej strony. Jak już wiesz, witryny internetowe składają się z wielu podstron. Na przykład wchodząc na „Naszą klasę” tak naprawdę mało interesuje Cię strona główna serwisu. Służy ona tylko do zalogowania się, abyś mógł zobaczyć podstronę ze swoim kontem. Cała łatwość polega na tym, że z reguły podstrona znajduje się na tym samym komputerze, więc budowa odnośnika może być inna - zamiast adresu internetowego wstawiamy ścieżkę na dysku. U Ciebie zapewne masz stronęgłówną ora podstrony takie, jak hobby.html, galeria.html.
Wzór na wstawianie odnośnika do strony „galeria.html”, która jest w tym samym folderze:
<a href = „galeria.html”>Idź do linków<</a>
Ćwiczenie: Musisz mieć co najmniej dwie strony: hobby.html i galeria.html. Strony te powinny zawierać jakąś zawartość, żeby je odróżnić. W sposób podobny jak podano wyżej wstaw odnośnik ze strony hobby.html do strony galeria.html. Następnie wstaw odnośnik ze strony galeria.html do strony hobby.html.
Wstawianie odsyłacza do pliku (dobry)
Odsyłacz do pliku wygląda i stosuje się identycznie, jak odsyłacz do strony html. Z tą różnicą, że po parametrze „href = ” wpisujemy ścieżkę (lub adres internetowy) do dowolnego pliku. Na przykład do pliku „zadanie.docx” znajdującego się w tym samym katalogu:
<a href = „zadanie.docx”> link do mojego zadania domowego </a>
Ćwiczenie: W tym samym folderze, w którym znajduje się Twoja strona, utwórz pusty plik test.txt a na stronie wstaw odnośnik do niego.
Wstawianie odsyłacza do konta e-mail (bardzo dobry)
Czasem zdarza się, że po obejrzeniu czyjejś strony chcemy się skontaktować z jej twórcą. W dobrym guście jest zbudować stronę zostawiając na niej kontakt do siebie. Najlepszym, najtańszym
i ogólnodostępnym rodzajem komunikacji jest email. Tak więc na naszej stronie również zostawimy odnośnik, po kliknięciu którego dana osoba będzie mogła wysłać do na maila. Oto, jak się to robi:
<a href = mailto:Administrator@sbsmen.edu.pl> Napisz do admina </a>
Ćwiczenie: Wstaw na swojej stronie odnośnik do Twojego maila na Gmailu.
P.S. koniecznie na gmailu.
Wstawianie odsyłacza w formie obrazka (celujący)
Ćwiczenie Wstaw na swojej stronie obrazek, który będzie odsyłaczem (po kliknięciu na niego będzie się przekierowanym na dowolną stronę.
Zadanie domowe:
Uzupełnię moje strony o odnośniki
Przyniosę na pendrive/płycie/dyskietce 9 moich zdjęć lub wyślę je pocztą na adres informatyka.g11@gmail.com
Zapiszę w zeszycie wszystkie zaznaczone na zielono fragmenty tego dokumentu.
Dziękuję za uwagę.