Wykorzystanie odsyłaczy do stron internetowych
Ewo!
W Html’u można wywoływać odtwarzanie muzyki w różny sposób. Jednym z najprzyjaźniejszych sposobów takiego wywoływania odtwarzania utworów (jest to sposób Wywoływanie i odtwarzania muzyki bez pośrednio z wpisu używając do tego odsyłaczy).
Można to zrobić za pomocą odsyłacza, sposób polega na użyciu odsyłaczy do jakiegoś Utworu (obiektu). Obiektem może być nie tylko plik muzyczny, ale również klip muzyczny, czy jakiś film.
Teraz w jaki sposób wstawić linki do muzyki lub klipów muzycznych czy filmików, które są na innych stron w siec (ten sposób można też używać jeśli chce użyć muzyki z własnej strony w chomiku lub będący na innej stronie innego chomika). Ten sposób pozwala zdalnie odsłuchać utwór nie przenosząc się do strony gdzie on się znajduje (nawet w obrębie całego Internetu), a tylko podając adres do tego utworu/obiektu.
Dla Połączeń niezabezpieczonych wzorzec odsyłacza wygląda tak:
<a href="http://adres_strony">opis</a>
Dla Bezpiecznych połączenie SSL (takich jakie są używane w chomiku) wzorzec wygląda tak (różni się od poprzedniego tylko tym że adres podawany musi zaczynać się od wyrażenia https://......
<a href="https://adres_strony">opis</a>
Protokół SSL (Secure Sockets Layer - Bezpieczna Warstwa Wejść) został opracowany przez firmę Netscape Communications Corporation. Jest też używany do przesyłana poufnych danych. Teoretyczne za jego pomocą można nawiązać połączenie ze zwykłą stroną HTML - analogicznie jak w przypadku niezabezpieczonego odsyłacza do adresu internetowego. Jednak aby to zrealizować, serwer musi obsługiwać tego typu połączenia, a dodatkowo posiadać własny certyfikat, dzięki któremu użytkownik może być pewny, że łączy się ze stroną, której żądał. Ponieważ dane są szyfrowane, więc nawet jeśli osoba niepowołana przechwyci je po drodze podczas przesyłania, nie będzie potrafiła ich odczytać. Protokół SSL jest powszechnie stosowany przez sklepy i banki internetowe.
Niestety nie wszystkie serwery obsługują połączenie SSL. Również starsze przeglądarki internetowe mogą go nie interpretować (jest obsługiwane przez Internet Explorer oraz Netscape Navigator od wersji 3).
W kodzie w miejsce napisu "adres strony" należy podać pełny adres internetowy strony, do której chcemy się przenieść (aby odsłuchać plik muzyczny).
Adres strony internetowej zawsze musi rozpoczynać się od http:// lub https:// (nie można używać adresów skróconych)
Odsyłacz taki jest przydatny, jeśli chcemy umieścić w swoim serwisie (stronie) tzw. linki do dowolnych stron w obrębie całego Internetu. Jeśli surfując w sieci, trafimy na jakąś ciekawą stronę, możemy skopiować jej adres (z paska adresu przeglądarki) i umieścić w takim odsyłaczu. Dzięki temu wszyscy użytkownicy odwiedzający naszą witrynę (stronę), będą mogli przenieść się bezpośrednio do wskazanej strony i utworu, bez potrzeby wpisywania jej czasami długiego lub skomplikowanego adresu.
Przykład:
<a href=" https://chomikuj.pl/saj5/*231*e2*96*bcObrazki+do+wpis*c3*b3w+*e2*96*bc/Muzyka/Kacaraba+-+Wawele,7682928127.mp3(audio) ">Kacaraba - Wawele </a>
Za napis opis we wzorcu wstawiamy nazwę utworu i/lub nazwę zespołu (ale to może równie dobrze być dowolny inny tekst)
Wtedy ten napis stanie się linkiem ukrytym do utworu. Po kliknięciu w ten napis zostanie załadowany automatycznie odtwarzacz z gotowym do odtwarzania utworem.
Za napis opis można również wstawić np.: obrazek który stanie się wtedy odsyłaczem obrazkowym do utworu.
W jaki sposób wstawić na stronie WWW lub chomiku odnośnik (link, hiperłącze, odsyłacz hipertekstowy) obrazkowy (graficzny) - czyli wtedy będziemy klikać na przycisk?
To o czym pisałem wcześniej to były jedynie odsyłacze tekstowe, tzn. na ekranie był wyświetlany pewien krótki tekstowy (opis odsyłacza), po kliknięciu który, następowało przeniesienie do wskazanego adresu. Zauważ, że to nie wszystkie możliwości, jakie dają odsyłacze.
Na większości stron internetowych można spotkać "aktywne" obrazki, np.: symulujące przyciski.
Po kliknięciu w nie, zachowują się one jak zwykły odsyłacz (bo w istocie są bowiem one odsyłaczami).
Wprowadzenie takich przycisków (obrazków) na stronę jest prostsze niż myślisz - wystarczy pamiętać, że wewnątrz znacznika odsyłacza (pomiędzy wpisem <a href="..."> a znacznikiem </a>) można umieszczać nie tylko tekst, ale również inne znaczniki - m.in. odpowiadające za zmianę wyglądu tekstu (pogrubienie, pochylenie itd.), czy też wstawienie obrazka. Ważne jest jedynie, aby nie wstawiać tam elementów wyświetlanych w bloku czyli umieszczanych między znacznikami <div….>….< /div>, ponieważ jest to niedozwolone w HTML!
Ma postać:
<a href="adres"><img src="ścieżka dostępu do obrazka" alt="tekst alternatywny"></a>
gdzie za napis "ścieżka dostępu do obrazka" - należy podać lokalizację na dysku lub w sieci, gdzie znajduje się żądany obrazek który ma stać się odsyłaczem obrazkowym.
Zasady wpisywania adresu są analogiczne jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, czy poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza).
Odsyłacz taki zostanie uruchomiony, gdy klikniemy myszką (LPM - Lewy Przycisk Myszy) obrazek, do którego w odsyłaczu podaliśmy ścieżkę dostępu. Dzięki temu możemy stworzyć np. efektowne przyciski odsyłaczowe np.: w menu strony.
Obrazki przycisków najlepiej zapisywać w formacie - .gif, a większe obrazki w - .jpg. Jeśli nie masz zacięcia artystycznego, nie musisz samodzielnie rysować wszystkich grafik. W Internecie na pewno znajdziesz wiele stron, gdzie możesz darmowo pobrać gotowe przyciski (obrazki przycisków).
Napis Tekst alternatywny (atrybut alt="..." dla znacznika <img ….>) to co tam wpiszemy do znacznika alt = między cudzysłowy, może pojawić się w "dymku" narzędziowym po wskazaniu obrazka myszką (widoczne to będzie w Microsoft Internet Explorer, FireFox).
Jest to jednak przede wszystkim informacja dla przeglądarek tekstowych, które nie wyświetlają grafiki. Dzięki temu również w takich przeglądarkach możliwe będzie używanie odsyłacza obrazkowego, chociaż grafika nie zostanie wyświetlona.
Jeżeli nie podasz tekstu alternatywnego (atrybut alt="..." dla znacznika <img…./>) dla obrazka w odsyłaczu, użytkownicy z przeglądarkami tekstowymi albo z wyłączonym wyświetlaniem obrazów mogą mieć utrudnioną lub wręcz uniemożliwioną nawigację w takim menu!
<a href = "https://chomikuj.pl/saj5/*231*e2*96*bcObrazki+do+wpis*c3*b3w+*e2*96*bc/Muzyka/Paul+Simon+*26++Garfunkel/El+Condor+Pasa+-+Paul+Simon+*26++Garfunkel+(128kbit_AAC),7554798356.mp3(audio)" rel="nofollow"><img width = "70" src="https://s6954.chomikuj.pl/Thumbnail.aspx?e=qhe2i_HxmC_8cBFqoTNA0jIm7gnAF2aHDAEiYLXLpV0t_l23CPEgKpuzDNQ7CCmvJlTdTeWtQL8bVmXdY7KSiez6CyprUO8pPTaL2j56dR4&pv=2" title = "Kliknij w obrazek to posłuchasz utworu El Condor Pasa - Paul Simona & Garfunkela" alt = "Przycisk uruchamienia" /></a>
W tym przykładzie cały kod na żółtym tle.:
jako przycisku użyłem obrazek chomika z chomikuj.pl i podczepiłem do niego utwór Simona i Garfunkiela - El Condor Pasa, który jest zapisany gdzieś na moim chomiku. Użytkownik jeśli będzie chciał go uruchomić zobaczy podpowiedź, która pokarze się w ”dymku” jeśli na kilka sekund zatrzyma wskaźnik myszy nad obrazkiem, wystarczy jak teraz po przeczytaniu podpowiedzi, że kliknie w obrazek LPM. Podpowiedź można umieścić w znaczniku title = ”….” między górnymi cudzysłowami.
Znacznik width = "70" przeskaluje obrazek do szerokości 70px (pikseli).
Skopiuj ten kod na żółtym tle i Umieść ten kod gdzieś u siebie na chomiku i Sprawdź czy zadziała i wykorzystuj taką konstrukcję.
Powodzenia Ewo!
Jeszcze jedna uwaga:
utwór, który chcemy użyć w odsyłaczu nie morze być umieszczony na chomiku w folderze z hasłem bo odsyłacz nie zadziała.
Nie będzie można uruchomić odtwarzania utworu.
Jerzy
Strona 1
ewa__m