Praca dyplomowa Internetowy śpiewnik Marcin Holdys 2

POLICEALNE STUDIUM ZAWODOWE

KIERUNEK - INFORMATYKA

SPECJALNOŚĆ - PROGRAMOWANIE KOMPUTERÓW

_____________________________________________________

PRACA DYPLOMOWA

STRONA INTERNETOWA PT.:

„INTERNETOWY ŚPIEWNIK”

http://www.malbork.top.pl./spiewnik/

Wykonał:

Marcin Holdys

PSZ II A

____________________________________________________________

ELBLĄG 1999

SPIS TREŚCI

OPIS WSTĘPNY STRONY ORAZ INTERNETU

WIADOMOŚCI WSTĘPNE 3
SKŁAD 3
URUCHOMIENIE 3
CO TO JEST INTERNET 3
POWSTANIE INTERNETU 4
PODŁĄCZENIE INTERNETU 5

INSTRUKCJA UŻYTKOWNIKA

ZBLIŻENIE NA INTERNET 7
WORLD WIDE WEB 8
MENU_1 9

ANKIETA 11
INFORMACJA O AUTORZE 13
LINKI 13
MUZYKA 13
TABULATURY GITAROWE 14
ZDJĘCIA 14
KSIĘGA GOŚCI 15

MENU_2 18

ROCK 18
LATA '60- '70 18
POP 18
BLUES 19
PUNK 19
SZANTY 20
ROCK'N'ROLL 20

INSTRUKCJA PROGRAMISTY

CZYM JEST DOKUMENT HTML? 20
SZKIELET STRONY 21
WIĘCEJ SZCZEGÓŁÓW O HEAD 22
WIĘCEJ SZCZEGÓŁÓW O BODY 25
LICZNIK WIZYT 26
JAVA SCRIPT 28

CO TO JEST JAVA SCRIPT? 28
JAKA JEST RÓŻNICA MIĘDZY JĘZYKAMI JAVA I JAVA SCRIPT? 28
POCZTA ELEKTRONICZNA POD PRZYCISKIEM 29
DRUKARZ WIELOWIERSZOWY 29
AKTUALIZACJA STRONY (PO POLSKU) 30

4. BIBLIOGRAFIA

1. OPIS WSTĘPNY STRONY ORAZ INTERNETU

Wiadomości wstępne

Internetowy śpiewnik przeznaczony jest dla użytkowników internetu. Zawiera teksty piosenek, pliki muzyczne, tabulatury gitarowe, zdjęcia, zespołów czy piosenkarzy grających muzykę od rock-a do pop-u, blues-a, punk-u, szanty, hip-hop-u, aż po rock'n'roll.

Strona ta została napisana w języku HTML dzięki programowi Homesite. Użyte zostły również JavaScript-y i Applety Javy co urozmaiciło i upiększyło witrynę.

Skład

Śpiewnik składa się ze strony głównej która zawiera zdjęcia w formacie gif (również animowany gif), licznik wizyt, możliwość głosowania w „nieustającej liście przebojów Wirtualnej Polski”, kalendarz, odnośniki do stron i piosenek których jest przeszło tysiąc.

Uruchomienie

Potrzebna do uruchomienia strony jest przeglądarka internetowa, najlepiej Internet Explorer 4.0 jak i Netscape.

Uruchamiamy plik index.htm który jest głównym plikiem programu, możemy również wpisać adres internetowy http://www.malbork.top.pl./spiewnik/ który załaduje stronę. Wymagania sprzętowe są ważną sprawą. Wystarczy

Pentium 100 (czy 486) z zainstalowaną przeglądarką, 4 MB RAM-u, kartą graficzną z rozdzielczością najlepiej 800x600.

1.4 Co to jest Internet?

Cóż to jest Internet? Kto go używa? Na te pytania nie tyle nie ma odpowiedzi, co jest ich tak wiele, że nie sposób wybrać najbardziej trafnej. Nawet ludzie używający na co dzień Internetu często nie potrafią na nie odpowiedzieć.

Internet oznacza wiele różnych rzeczy dla różnych ludzi. Jest to miejsce spotkań ludzi i wymiany poglądów, odpowiednik miejskiego rynku, tyle tylko, że na planetarną skalę. Jest to miejsce wymiany poczty elektronicznej. Jest to zbiór

bogatych i dostępnych dla wszystkich zasobów informacji. Jest to podstawa współpracy naukowej w wielu dziedzinach, a coraz częściej także miejsce promocji i sprzedaży towarów i usług. Wszystko to oznacza system komputerowy, który pozwala dziesiątkom milionów ludzi wymieniać pomysły i informacje.

Internet nie jest "rzeczą" ani "miejscem". Nie sposób wskazać komputera, urządzenia czy linii komunikacyjnej i powiedzieć: to właśnie Internet. Nasz komputer, modem, linia telefoniczna mogą stać się częścią Internetu, gdy nawiążemy przez nie połączenie. Lokalna sieć komputerowa może istnieć sobie

zupełnie samodzielnie, ale dołączenie do niej kilku kabli może włączyć ją w Internet i każdy użytkownik tej małej sieci stanie się "obywatelem świata" - użytkownikiem Internetu.

Internet to skrót od internetwork - „międzysieci” czy też

„sieci sieci”, sieci składającej się z innych sieci. Jest zbiorem sieci komputerowych rozrzuconych po całym świecie, różnej wielkości i budowy, porozumiewających się ze sobą przy pomocy protokołu TCP/IP. Internet stał się już zjawiskiem tak swoistym, że

często nazywa się go zdrobniale Net - po prostu Siecią.

Sieci składające się na Internet tworzą jakby ogromny organizm oplatający całą planetę, dotykający swymi mackami krajów, miast, firm i pojedynczych mieszkań. Każdy użytkownik Internetu jest połączony ze wszystkimi pozostałymi

użytkownikami. Fizyczna odległość nie ma znaczenia: wysłanie listu do Nowego Jorku może potrwać nawet krócej niż do sąsiedniego miasta. Jest to możliwe dzięki systemowi szybkich połączeń tworzących szkielet organizmu zwanego

Internetem. W Polsce taki system połączeń stworzyła Naukowa i Akademicka Sieć Komputerowa, NASK.

1.5 Powstanie Internetu

Historia Internetu zaczyna się w końcu lat sześćdziesiątych. Departament Obrony rządu amerykańskiego rozpoczyna wtedy projekt badawczy realizowany przez agencję ARPA (Advanced Research Projects Agency), mający na celu

stworzenie sieci komunikacyjnej dla celów wojskowych. Jest to, mówiąc przekornie, jeden z niewielu pozytywnych skutków wyścigu atomowego. Rząd amerykański zorientował się, że w przypadku wojny atomowej już w pierwszych minutach starcia mogą zostać zniszczone tradycyjne środki komunikacji i łańcuch wydawania rozkazów przestanie istnieć. Zaradzić temu może stworzenie połączeń między komputerami, sieci komputerowej, która miałaby charakter zdecentralizowany, co jeszcze bardziej uodporniłoby ją na nuklearny atak. Miał to być system mający wiele równoległych połączeń, które trudno byłoby zniszczyć w ataku rakietowym. Tylko taki system mógłby pozwolić na zachowanie systemu wydawania rozkazów, sprawowania kontroli i porozumiewania się (C3, command-and-control-and-communications) podczas globalnego konfliktu.

W latach dziewięćdziesiątych pojawia się masowy dostęp do Internetu przez modem. W Polsce pod koniec lat dziewięćdziesiątych rozpoczyna się wykorzystanie do tego celu także sieci telewizji kablowych. Liczba użytkowników gwałtownie rośnie, zwiększa się też liczba i różnorodność informacji. W sieci pojawiają się obok ośrodków uniwersyteckich i instytucji rządowych firmy komercyjne.

1.6 Podłączenie do Internetu

Aby korzystać z Internetu potrzebny jest nam komputer. Może to być IBM PC, Macintosh, Sun... pracujący w systemie operacyjnym Windows, MacOS czy Unix. Wszystkie te komputery i systemy operacyjne pozwalają nam korzystać z

Internetu, jeśli posiadamy odpowiedni dodatkowy sprzęt i oprogramowanie.

Dalej o jednym z przykładów komputera dla Internetu: komputera zgodnego z IBM PC, zaopatrzonego w system Windows 95; jak głoszą dostępne w Internecie statystyki, trzy czwarte użytkowników World-Wide Web korzysta właśnie z

Windows, a wśród nich wielu z Windows 95.

Potrzebne jest nam też fizyczne połączenie z Internetem. Komputery, na których pracujemy mogą być połączone w sieć lokalną, wtedy wystarczy, że sama sieć będzie połączona z Internetem. Połączenie sieci lokalnej z Internetem jest

dokonywane przez firmę oferującą dostęp do Internetu, taką jak NASK czy ATM. W Polsce takie połączenia posiadają duże firmy i uczelnie.

Użytkownicy domowych komputerów będą się raczej łączyli przez telefon z firmą usługową, która oferuje dostęp do Internetu. Potrzebny jest do tego modem. Połączenie takie określane jest jako "wdzwonienie" (dial-up) albo po prostu połączenia przez modem. Dla częstego korzystania z sieci tą drogą warto

rozważyć dodanie drugiej linii telefonicznej przeznaczonej tylko do tego celu. W Polsce takie połączenie oferuje Telekomunikacja Polska. Najlepsze oczywiście jest połączenie stałe, z szybkością 128 kb/s i większą. Do połączenia przez linię telefoniczną warto używać modemów 36.6 kb/s lub, jeśli to jest możliwe, 56.6 kb/s.

Kolejnym poziomem podłączenia jest sterownik TCP/IP, stanowiący pomost pomiędzy sprzętem a oprogramowaniem. Standardowym sterownikiem jest Winsock (Windows Socket Service). Pozwala on programom porozumiewać się z

Internetem w jego "narodowym" języku - w protokole TCP/IP. Protokoł ten pozwala dzielić wszystkie wchodzące do sieci informacje na małe kawałki - pakiety IP - opatrzone informacją, gdzie należy je wysłać. Gdy wszystkie kawałki tworzące daną informację przybędą na miejsce, Winsock łączy je z powrotem w

pliki czy polecenia i przesyła do programów. Sterownik ten jest wbudowany w system operacyjny Windows 95 i pozwala zarówno na połączenia przez sieć lokalną jak i przez modem.

Na samym końcu budowania połączenia stawiamy programy. Nie istnieje jeden program do korzystania ze wszystkiego, co daje nam Internet. Stworzono kilka kategorii programów służących do pracy z różnymi częściami Internetu. Są to programy poczty elektronicznej, programy grup dyskusyjnych, programy typu Telnet, programy FTP, przeglądarki Gophera, przeglądarki World-Wide Web i rozmaite dodatki do nich. W zależności od tego, z czego będziemy korzystać w Internecie, potrzebny jest nam odpowiedni do tego program, możliwe jak

najlepszy technicznie i prosty w obsłudze. Na szczęście programy do korzystania z Internetu coraz częściej łączą w sobie funkcje różnych klas. przykładem jest Netscape Navigator, który oprócz tego, że jest przeglądarką World-Wide Web, Gophera i bibliotek FTP, to pozwala pracować z pocztą elektroniczną i grupami dyskusyjnymi.

2. INSTRUKCJA UŻYTKOWNIKA

2.1 Zbliżenie na Internet

O Internecie można usłyszeć wszędzie: znajdziemy go na reklamach, w artykułach prasowych, audycjach telewizyjnych i radiowych, pojawi się w dyskusjach towarzyskich. Gdziekolwiek będziemy pracować przy komputerach,

istnieje spora szansa, że zetkniemy się z Internetem, głównie w postaci poczty elektronicznej i przeglądarki Netscape Navigator

czy Internet Explorer. Internetowy adres poczty elektronicznej staje się w latach dziewięćdziesiątych symbolem pewnego statusu społecznego, jak przedtem telefon komórkowy czy odtwarzacz płyt kompaktowych.

Internet staje się zjawiskiem równie powszechnym i istotnym dla życia ludzi jak telewizja, prasa, radio, książki czy... komputery. Ma w sobie pewne ich cechy, ale tworzy zupełnie nową jakość.

Jeszcze jedno porównanie: wyobraźmy sobie Internet jako ogromny sklep z płytami, pełen płyt położonych bez żadnego porządku. Wchodzimy i wiemy, jaką płytę chcielibyśmy wziąć do ręki, ale nie wiemy - gdzie zacząć jej szukać.

Wyszukanie potrzebnej informacji w Internecie to dziś rzeczywiście pewien problem; jego rozwiązaniem są po części usługi wyszukiwania informacji, takie jak:

AltaVista (http://www.altavista.digital.com) ,

HotBot (http://www.hotbot.com) ,

Yahoo (http://www.yahoo.com) czy Polskie

Optimus Net (http://www.onet.pl ) ,

Wirtualna Polska (http://www.wp.pl) ,

WOW Warszawa (http://www.wawa.wow.pl).

To jest oczywiście namiastka wyszukiwarek internetowych. Istnieje ich dużo, dużo więcej.

2.2 World Wide Web

World Wide Web to usługa nieco mniej popularna niż poczta elektroniczna, ale bardzo głośna dzięki środkom masowego przekazu, polegająca na zapoznawaniu się z treścią połączonych ze sobą multimedialnych stron (Web pages) oraz ich

tworzeniu. Jej odpowiednikiem mogą być gazety i książki.

World Wide Web jest używana do publikacji informacji w formie elektronicznej. Może przesadą jest stwierdzenie, że jest ona największą rewolucją w sposobach publikacji od czasu wynalezienia maszyny drukarskiej - ale tylko niewielką

przesadą. Każdy, kto posiada połączenie z siecią może zapełnić kawałek miejsca w "pajęczynie", budując własną stronę (home page), zyskując przez to szansę, że jego punkt widzenia poznają tysiące ludzi z całego świata. Jest to sieć dokumentów powiązanych ze sobą odnośnikami hipertekstowymi,

dokumentów multimedialnych, zawierających oprócz tekstu także grafikę, dźwięk, sekwencje wideo. Dokumenty te są umieszczone na serwerach HTTP (HyperText Transfer Protocol). Do odczytywania dokumentów czy też stron World-Wide Web przeznaczone są przeglądarki. Dokumenty World-Wide Web

pisane są przy użyciu języka HTML, a najbardziej popularnym formatem graficznym jest GIF.

2.3 MENU_1

Menu znajdujące się w lewej części strony służy do uruchamiania podstron czy inaczej hiperłącz tzn. pliku np. autor.htm . Aby obejrzeć informacje o autorze strony należy najechać myszką na rysunek „Info o autorze” i kliknąć lewy przycisk. Wówczas otworzy nam się „on top” strona czy może lepiej plik autor.htm . Ciekawostką tego menu jest efekt wklęsłości po najechaniu na link kursorem myszki. Gdy nic się nie dzieje wyświetlany jest rysunek o żółtych napisach „Info o autorze” , natomiast gdy najedziemy myszką zmienia się rysunek. Napis jest w kolorze białym, nieco niżej i bardziej z prawej strony co daje efekt „wklęsłości”. Aby takie „cacko” stworzyć musiałem szesnaście rysunków i wstawić poniższej postaci kod HTML:

W ramach <HEAD> :

//-------- JavaScript begins...

wior1 = new Image ();

wior1.src = "zdjecia.gif"

wior2 = new Image ();

wior2.src = "zdjecia1.gif"

bud1 = new Image ();

bud1.src = "ankieta.gif"

bud2 = new Image ();

bud2.src = "ankieta1.gif"

ofer1 = new Image ();

ofer1.src = "info.gif"

ofer2 = new Image ();

ofer2.src = "info1.gif"

szpe1 = new Image ();

szpe1.src = "linki.gif"

szpe2 = new Image ();

szpe2.src = "linki1.gif"

mdf1 = new Image ();

mdf1.src = "midi.gif"

mdf2 = new Image ();

mdf2.src = "midi1.gif"

sklejki1 = new Image ();

sklejki1.src = "dzieki.gif"

sklejki2 = new Image ();

sklejki2.src = "dzieki1.gif"

stat1 = new Image ();

stat1.src = "tab.gif"

stat2 = new Image ();

stat2.src = "tab1.gif"

ksiega1 = new Image ();

ksiega1.src = "ksiega.gif"

ksiega2 = new Image ();

ksiega2.src = "ksiega1.gif"

</SCRIPT>

W ramach <BODY>

2.3.1 Ankieta

Ankieta pozwala mi lepiej ocenić grono osób zainteresowanych śpiewnikiem, zasobami oraz daje możliwość ocenienia strony, zarówno za wygląd, ilość informacji itp.

[informacje mają jedynie statystyczny charakter i nie są udostępniane na zewnątrz]

Po kliknięciu lewym przyciskiem myszki na przycisk „Wyślij list” zostanie wysłana wiadomość tekstowa na e-mail.

Aby zrobić taką ankietę musiałem wstawić poniższy kod HTML:

<TD>Adresat:</TD>

<OPTION VALUE="holdys@czasnaeb.pl">Marcin Holdys - Autor strony</SELECT></TD></TR>

<TD>Twoje imię i nazwisko:</TD>

<TD>Priorytet:</TD>

<TD>

<OPTION VALUE="Normal">Normalny

<OPTION VALUE="Urgent">Pilne

<OPTION VALUE="No Reply Needed">Odpowiedź nie jest konieczna

</SELECT></TD></TR>

<TD>Temat listu:</TD>

</TR>

<TD>Treść listu:</TD>

</TR>

<TR>

</TR>

</TABLE>

</FORM>

function msg() {

document.mailer.action = "mailto:"

mailtoandsubject = ((document.mailer.mailtoperson.options[document.mailer.mailtoperson.selectedIndex].value) + '?subject=' + document.mailer.subject.value);

}

</SCRIPT>

2.3.2 Informacja o Autorze

Na tej stronie opisałem krótko ogólne informacje o sobie (gdzie mieszkam, uczę się oraz czym się interesuję).

Opisując szkołę wstawiłem link do Zespołu Szkół Techniczo- Informatycznych w Elblągu (http://www.kki.net.pl./zsti/)

2.3.3. Linki

Linki umożliwiają odniesienie się do innych stron. Klikając na hiperłącze przenosimy się w wybrane przez nas miejsce. W tym przypadku są to linki do stron muzycznych, zespołów, piosenkarzy itd. Przedstawiam wybrane hiperłącza:

Aerosmith, Big Cyc, Bjork, Black Sabbath, Blenders, Bruce Springsteen, Celine Dion, Czerwone Gitary, Depeche Mode,

Dżem, Edyta Górniak, Elektryczne Gitary, Fryderyk Chopin,

Joe Cocker, John Lennon, K.Klenczon, Kult, Leonard Cohen,

Piosenki Żeglarskie, Polskie Country, The Beatles, The Cure,

Voo Voo, Historia rock and rola według firmy Warner Bros,

Interaktywna sieć rockowa, Jazz Online, Muzyka Indiańska,

Muzyka na całym świecie, Mp3 -MOD S3M XM Itd..., MTV,

Rosyjska muzyka popularna.

2.3.4 Muzyka

Do odsłuchania i ściągnięcia muzyka w formacie mp3 i mid.

Potrzebna nam będzie karta muzyczna, głośniki oraz programy obsługujące dany format plików. Dla mp3 najlepszym programem jest Winamp a dla mid- ów wystarczy w zupełności standardowy odtwarzacz systemu Windows.

Na tej stronie jest możliwość posłuchania twórczości min.:

Jimi Hendrix-a, R.E.M, The Animals, The Troggs, The Cure, The Doors i kilka innych. Można również posłuchać muzyki klasycznej, filmowej, pop-u, Queen-a i wiele, wiele innych.

2.3.5 Tabulatury gitarowe

Dięki tabulaturom gitarowym mamy możliwość zagrać nasze ulubione piosenki na gitarze zarówno na akustycznej jak i elektrycznej.

Wygląd tabulatury ma postać przypominającą gryf gitarowy który przedstawiam poniżej.

HEY JOE by Hendrix

E|-0-0-0------------|------------------|-----------------|-

B|-3-5-3------------|------------------|-----------------|-

G|-------2-0--------| ------------------|-----------------|-5

D|-----------2-----2|---5----5---4--2| ------7-----7--|-5

A|---------------2---|---5----5---4--2|-7-9---7-9---7|-3

E|-------------0-----|-0----0---0----0|-----------------|-0

Na swojej stronie posiadam ok. pięćdziesiąt tabulatur różnych zespołów (polskich, zagranicznych). A z każdego zespołu czy piosenkarza po kolejne ok. dziesięć chwytów. Czyli wszystkich piosenek ponad pięćset!

2.3.6 Zdjęcia

Jak już wspomniałem internet daje możliwość oglądania zdjęć.

Zdjęcia długo się ładują więc zastosowałem miniaturki które wczytywane są błyskawicznie i po wybraniu interesującego nas zdjęcia klikamy lewym przyciskiem myszki aby oglądnąć je w oryginalnych wielkościach. Aby osiągnąć taki efekt zastosowałem JavaScript o poniższej postaci:

function winopen01()

{msgWindow=window.open("zdjecie1.htm","","toolbar=0,location=0,directories=0,status=1,menubar=0,scrollbars=0,resizable=0,width=270, height=406,")}

function winopen02()

{msgWindow=window.open("zdjecie2.htm","","toolbar=0,location=0,directories=0,status=1,menubar=0,scrollbars=0,resizable=0,width=313, height=447")}

I tak dalej... Oraz:

<td align="center" width="125"><font color="#000000"><strong>Janis Joplin</strong></font><font

color="#000000" face="Arial"><br>

</font><a href="javascript:winopen01()"><font color="#000000" face="Arial">

<img src="zdjecia/janis1.jpg" alt="Janis Joplin" border="1" width="44" height="48"></font></a><font

color="#000000" face="Arial"><br>

</font></td>

<td align="center" width="125"><font color="#000000"><strong>Jimi Hendrix</strong></font><font

color="#000000" face="Arial"><br>

</font><a href="javascript:winopen02()"><font

color="#000000" face="Arial"><img

src="zdjecia/jihe1.jpg" alt="Jimi Hendrix"

border="1" width="44" height="48"></font></a><font

color="#000000" face="Arial"><br>

</font></td>

2.3.7 Księga gości

Zakładając stronę w Internecie, często oczekujemy zainteresowania dla niej, jakiejś reakcji ze strony czytelników. Nasze pragnienie popularności zaspokajamy licznikiem wizyt, wystawiony adres pocztowy służy do bezpośredniego kontaktu

z czytelnikiem, ale brakuje jeszcze zazwyczaj czegoś pośredniego - mniej anonimowego niż licznik, ale nie zmuszającego do reakcji. Rolę taką pełni księga gości, będąca swoistym pamiętnikiem (starsze pokolenie powiedziałoby z niemiecka "sztambuchem"), w którym znajdziemy opinie, życzenia, krytyki czy postulaty.

Na http://www.t17.ml.org:80/~benji/ksiega/ znajduje się bezpłatna księga gości. Wystarczy wypełnić krótką ankietę, zapoznać się z regulaminem i wstawić kod HTML o takiej postaci:

Dla znaku graficznego :

<IMG SRC="http://TWÓJ.ADRES.WWW/ksiega_gosci.jpg" BORDER=0 WIDTH=88 HEIGHT=31 ALT="Darmowa

Księga Gości"></A>

Dla banera :

<IMG SRC="http://TWÓJ.ADRES.WWW/nazwa_bannera.rozszerzenie" BORDER=0 WIDTH=350 HEIGHT=50

ALT="Darmowa Księga Gości"></A>

Poniżej przedstawiam moją listę gości. Wprawdzie nie jest ona kompletna ponieważ w internecie jest się praktycznie anonimowym, więc goście używali niekiedy niecenzuralnych tekstów. A oto najciekawsze wpisy:

1. Mati

e-mail:optique@friko2.onet.pl

http://

SUPER EXTRA WYSRZALOWA STRONKA.JEST TU WSZYSTKO CZEGO OD DAWNA SZUKALEM.CIESZE SIE ZE JA ZROBILES!!DZIEKI

2. MARZENA SZ.

http://

STRONA O.K. WŁAŚCICIEL O.K. NALEŻY CI SIĘ 6+.NAUCZYCIELE POWINNI TO UWZGLĘDNIĆ.TRZYMAJ SIĘ I NIE DAJ SIĘ!!!

3. Paweł Szumowski

e-mail:aszfoto@friko6.onet.pl

http://nie posiadam

Twoja strona jest O.K .TYLKO Ją dobrze uaktualnij

4. Marta Winiecka

e-mail:andano@box43.gnet.pl

http://

Wspaniałe prosimy o więcej zdjęć - będzie super.Pa Marta

5. Ewa Kowalczyk

e-mail:Jrosiek@neska.pl

http://

I love yuo!!!!!!!!!!!!

6. Maciek Palmowski

e-mail:palmos@friko3.onet.pl

http://

Zarąbista strona !!!

7. Jakub Safier(Ice)

e-mail:js@walbrzych.com

http://bez jaj

Strona zaczepista!!! Z jednym maluśkim - : Dlaczego piosenki są tylko na 24godziny ?Oprócz tego to 5+ dla ciebie a nawet 6.

8. Edyta Sałek

e-mail:esalek@poczta.wp.pl

http://

Gratuluje strony!

9. Małgorzata Szumowska

e-mail:szuma@friko.onet.pl

http://

Super rzeczy

10. Molly

e-mail:anialo@polbox.com

http://

Hej,Nawet w porzo stronka.

11. black

e-mail:magnet@box43.gnet.pl

http://

Bardzo ciekawa strona i sam pomysł stworzenia takiego śpiewnika...:)

12. Bartek Niedźwiecki

e-mail:bartnie@friko6.onet.pl

http://friko6.onet.pl/bk/bartnie

Bardzo dobry pomysł na stronę!!!Przydałoby się jescze więcej tekstów i tabulatur.

13. Bartlomiej Jarmulski

e-mail:webmaster@kwidzyn.top.pl

http://bartek.topnet.pl

Dzienx za umieszczenie mnie w podziekowaniach, heh jestem millle zas.Qrcze Site zajebista, bez uwag....)

2.4 Menu_2

Menu to znajdujące się w centralnej części strony głównej zawiera odnośniki do podstron którymi są:

Rock, Lata `60- '70, Pop, Przy ognisku, Blues, Metal, Punk, Szanty, Hip-Hop, Rap, Polska, Rock'n'Roll. Interesujący internaute rodzaj muzyki jest możliwy do oglądnięcia po banalnie prostym kroku jakim jest najechanie kursorem myszki i wciśnięciu lewego przycisku myszki.

Rock

Rock jest ogólnym określeniem wszystkich odmian muzyki popularnej wywodzącej się z „czarnego” bluesa i amerykańskiej muzyki białych typu country and western oraz rock'n'rollowej.

Ja proponuję pośpiewać z: Acid Burn, Acid Drinkers, Aerosmith

Afghan Whigs, Air Supply, Alice in Chains, Blenders, Bon Jovi

Brad, Closterkeller, Dave Matthews Band, Depeche Mode

Dire Straits, Faith No More, Garbage, Gentlemen, Green Day

Janis Joplin, Kult, Metallica, Marilyn Manson, Neil Young,

Nine Inch Nails, Nirvana, Pearl Jam, Public Affection

Queen, R.E.M., The Cure, The Cranberries, Third Eye Blind, The Police, The Rolling Stones, Tool.

Lata `60- '70

Nazwa mówi sama za siebie. Nic dodać- nic ująć.

A tu min. piosenki na zawsze znanych zespołów, słuchanych przez długie lata i wciąż zaliczanych do popularnych tj.:

Bee Gees, Janis Joplin , Jimi Hendrix, The Beatles ,

The Rolling Stones itd.

Pop

Pop- odpowiednik angielskiego określenia „popular music” (pop music), w praktyce oznaczający typ muzyki aktualnie modnej. Obecnie sytuacja terminologiczna i konotacyjna określeń typu muzyka taka lub inna (poważna, rozrywkowa, popularna, młodzieżowa etc.) jest tak pogmatwana, iż nie sposób wprowadzić tu jednoznacznie brzmiącej definicji. A nawet tylko pokusić się o nie...

Internauci również przesyłją mi propozycje zamieszczania grup w odpowiednim dla nich rodzaju muzyki. W tym przypadku mógłbym wpisać praktycznie każdy zespół muzyczny, ale na prośbę użykowników internetu lista wygląda następująco: Anita Lipnicka,

Aqua, Bryan Adams, Chris DeBurgh, De Su, Elektryczne Gitary, Elton John, Gala, Jarmiroquai, Mariah Carey, N Sync etc.

Blues

Blues- praforma jazzu, a potem także rhythm and bluesa, jedno z podstawowych źródeł całej muzyki rockowej. Blues jest typem pieśni ludowej, o ściśle określonym schemacie harmonicznym, konstrukcyjnym, z charakterystycznymi zwrotami melodycznymi, pieśni, która w swojej czystej formie nie istnieje nigdzie poza folklorem Murzynów zamieszkałych w USA.

Jak napisał pewien biograf znanej wokalistki lat siedemdziesiątych „Nikt nie zaśpiewał bluesa jak Janis Joplin”. I w pełni się z tym zgadzam.

Punk

W języku angielskim słowo „punk” jest młodzieżowym określeniem żargonowym znaczącym tyle co: tandeta, odpady, lump, bezwartościowy śmieć. Natomiast „punk rock” nie daje się jednoznacznie zdefiniować. Pod pojęciem „punk” określano zespoły grające muzykę psychodeliczną. Pod koniec lat siedemdziesiątych- jak podają niektórzy komentatorzy rocka- z pojęciem „punk” wiązała się muzyka będąca w tym czasie odbiciem kryzysu gospodarczego i bezrobocia w Wielkiej Brytanii a jako pierwszy zespół punk rockowy została uznana grupa THE TROGGS. Teksty piosenek wyrażają agresję, cynizm, brak nadziei brytyjskiej młodzieży.

A ja proponuję:

Acid Drinkers, Metallica, Monster Magnet, Vader.

Szanty

Pieśni o szeroko pojętej tematyce morskiej, opisujące przygody, niebezpieczeństwa które niesie ze sobą obcowanie z żywiołem wody. Ten rodzaj muzyki uprawiany jest przez żeglarzy, marynarzy, ogólnie mówiąc sympatyków marynistyki.

Moja witryna zawiera min. Bieszczadzki Rajd, Mały Obóz, Chodź Z Nami W Świat, Ballada O Syrenie Okrętowej, Gdański Port, Green Horn itp.

Rock'n'Roll

Muzycznie wyrósł z ludowego bluesa murzyńskiego, z jego uproszczonej formuły rythm-and-bluesowej, z piosenek Country and Western, z jazzowego schematu boogie-woogie lat dwudziestych (z charakterystycznym pochodem w głosie basowym), z muzyki określanej przez Amerykanów jako „folk”(czyli typowej dla tego kraju mieszanki folklorystycznej, którą zrodziły różne nacje europejskie i afrykańskie, tworząc nowy, wspólny naród amerykański), a nawet z murzyńskiej pieśni religijnej.

3. INSTRUKCJA PROGRAMISTY

3.1 Czym jest dokument HTML?

Być może wiele osób sądzi, że strona w języku HTML jest jakimś tajemnym dokumentem, o specjalnym formacie, do

tworzenia której potrzebne są specjalistyczne narzędzia i daleko idąca wiedza. Nic z tych rzeczy! Do utworzenia takiej

strony nie jest potrzebne nic więcej niż... zwykły edytor tekstów. Może to być, przynajmniej teoretycznie, najprostszy

edytor dla DOS, który potrafi zapisywać dokument w postaci tekstowej, choćby Norton Editor, PC Write czy cokolwiek

równie prostego.

W dokumentach zastosowałem standard kodowania polskich liter ISO-8859-2. Jest to międzynarodowy

standard, przyjęty także w charakterze Polskiej Normy. Należy unikać używania innych standardów, np.

Windows-1250. W tej chwili praktycznie wszystkie systemy operacyjne są obsługiwane przez przeglądarki potrafiące

rozpoznawać deklarację strony kodowej, umieszczanej w ramach części nagłówkowej strony (HEAD). Ma ona w tym

wypadku następującą postać:

<HEAD>

</HEAD>

Kosztem stosowania standardu ISO-8859-2 jest błędne wyświetlanie w starszych przeglądarkach (Internet Explorer 3)

kilku polskich znaków w niektórych elementach strony - skryptach Javy, belce tytułowej, wierszu statusu,

alternatywnych opisach grafik, formularzach.

3.2 Szkielet strony.

Jest to otwierający i zamykający znacznik dokumentu, a między nimi jest umieszczana cała treść. Znacznik nie jest

bezpośrednio widoczny w przeglądarce.

Znacznik jest umieszczany wewnątrz znaczników HTML i sam zawiera podstawowe informacje o dokumencie, w

pierwszym rzędzie tytuł strony. W ramach tego znacznika jest umieszczana tzw. część nagłówkowa.

Jest to znacznik umieszczany wewnątrz znaczników HTML, za znacznikami HEAD. Zawiera konkretną treść

dokumentu.

W praktyce wygląda to następująco:

<HTML>

<HEAD>

Informacje o dokumencie, łącznie z tytułem

</HEAD>

<BODY>

Treść dokumentu - tekst, grafika, odsyłacze itp.

</BODY>

</HTML>

3.3 Więcej szczegółów o HEAD

Definiując <HEAD> możemy wstawić kilka dalszych parametrów, które uzupełniają informacje o stronie.

Ważnym elementem jest tytuł strony, który ukazuje się w belce tytułowej przeglądarki.

Tytułu nie należy mylić z pierwszym nagłówkiem strony, aczkolwiek oba te elementy mogą mieć oczywiście tę samą

treść. Załączony fragment ekranu pokazuje w belce treść Netscape - (Internetowy śpiewnik), gdyż w dokumencie znalazła

się definicja <TITLE>Internetowy śpiewnik</TITLE>.

<META>

Jest to opcjonalne polecenie, które bardziej szczegółowo informuje o zawartości dokumentu, np. dla celów

katalogowych czy indeksów, wykorzystywanych przez odpowiednie programy, np. wyszukiwarki sieciowe. Zawiera ono

trzy atrybuty: HTTP-EQUIV, NAME i CONTENT w kombinacji pierwszy z trzecim lub drugi z trzecim. HTTP-EQUIV

definiuje zmienne systemowe, natomiast NAME - zmienne użytkownika.

Chociaż META jest poleceniem opcjonalnym, nie wymaganym dla poprawności dokumentu, używanie go jest zalecane,

gdyż usprawnia funkcjonowanie witryny w Sieci. META nie jest

zbiorem nikomu niepotrzebnych zaklęć, lecz użytecznym instrumentem współpracującym z przeglądarkami

internetowymi i sieciowymi wyszukiwarkami. Wstawienie tych "zaklęć" jest banalną czynnością, a korzyści są

niezaprzeczalne, co widać choćby wtedy, gdy korzystamy z polskiej wyszukiwarki Infoseek.

Zwróćmy uwagę na kilka poleceń, które można umieścić w <META>. Polecamy w szczególności: strona kodowa, opis

strony, wyrazy kluczowe, autor strony.

Polecenie jest deklaracją strony kodowej dokumentu. Inna postać to charset=windows-1250. Nowe przeglądarki

(Navigator/Communicator, Internet Explorer) potrafią się automatycznie przestawić na właściwą stronę kodową, zgodnie

z podaną deklaracją. Nie jest potrzebna interwencja użytkownika, który nie musi nawet wiedzieć, z jakim standardem kodowania polskich znaków ma do czynienia. Polecenie to jest bezwzględnie zalecane przy tworzeniu stron WWW.

Jego brak jest, niestety, powszechnym błędem na stronach HTML-owych nowicjuszy.

Polecenie to opisuje zawartość strony. Zalecam stosowanie go, gdyż dzięki niemu ułatwiamy pracę osobom korzystającym z wyszukiwarki. Przykładowo, gdy posłużymy się Infoseekiem, szukając np. stron poświęconym tabulaturom gitarowym, łatwo dostrzeżemy funkcjonalność poleceń TITLE i Description. To, co umieściliśmy w ramach TITLE, zostanie wyświetlone jako tytuł znalezionej strony. Z kolei zawartość Description zostanie wyświetlona niżej, jako opis naszej strony. Gdybyśmy nie użyli Description, wyszukiwarka wyświetli kilka pierwszych wierszy naszego dokumentu, które mogą być zupełnie przypadkowe. Uważnie i świadomie zredagowana zawartość Description da

natychmiast orientację co do zawartości strony. Może to być na przykład:

<META NAME ="Description" CONTENT="Tabulatury

strona zawiera podstawowe informacje o tabulaturtach gitarowych, tabulatury min. takich zespołów jak Kult,

Pearl Jam, Nirvana, Lady Pank i inne...”>

Zaleca się nie przekraczanie 150-200 znaków.

Polecenie informuje o wyrazach kluczowych dokumentu, zwracając przykładową wartość Keywords: śpiewnik, piosenki, teksty, pliki muzyczne, tabulatury, muzyka, słowa, rock, blues, punk, pop, szanty, hip-hop, rap, lata `60- '70, rock'n'roll.

Warto stosować wyrazy kluczowe, gdyż ułatwia to pracę sieciowym programom indeksująco-wyszukiwawczym i

zwiększa szansę znalezienia strony przez innych użytkowników. To my właśnie decydujemy tutaj, jakie są istotne

elementy strony. Jeśli nasza strona zawiera opis jakiegoś produktu, moglibyśmy podać wyrazy kluczowe "marmolada

śliwkowa, przemysł, spółdzielnia Lepsze Jutro, żywność". Poszczególne wyrazy kluczowe są oddzielane przecinkami.

Polecenie informuje o języku strony. Niektóre przeglądarki korzystają z niego przy precyzowaniu zapytań. Dla języka

angielskiego użyjemy en, dla amerykańskiego angielskiego en-us, dla niemieckiego de, dla francuskiego fr.

Polecenie informuje o autorze strony.

Polecenie informuje o użytym narzędziu do tworzenia stron HTML, np. Homesite, Pajączek, Tiger98.

3.4 Więcej szczegółów o BODY

Definiując <BODY> możemy wstawić dodatkowo kilka parametrów, które zadecydują o graficznej postaci strony.

Parametr BACKGROUND="obrazek.gif" pozwala wybrać obrazek, który pokaże się w tle dokumentu w przeglądarce.

(najlepiej, żeby się znajdował w tym samym katalogu co strona HTML) Jeśli np. będzie to

<BODY BACKGROUND="spiewnik.gif">, w przeglądarce zobaczymy dokument z tłem którym jest plik graficzny „spiewnik.gif”.

Parametr BGCOLOR="kolor" pozwala wybrać kolor tła dokumentu, który pokaże się w tle dokumentu w przeglądarce.

Gdyby był to <BODY BGCOLOR="yellow">, zobaczymy tło w kolorze żółtym.

Parametr TEXT="kolor" pozwala określić kolor tekstu w dokumencie. Wybierając kolor, należy mieć także na uwadze

kolor tła.

Możemy również określić kolory odsyłaczy. LINK="kolor" określa standardowy kolor odsyłacza. VLINK="kolor" (visited

link) określa kolor odsyłacza, który został co najmniej raz użyty (zauważmy związek z ustawieniem przeglądarki u

odbiorcy, który może na ogół swobodnie definiować czas "wygasania" informacji o wizytowaniu jakiegoś miejsca w

Internecie). ALINK="kolor" (active link) określa kolor aktywnego odsyłacza. Odsyłacz aktywny to odsyłacz w trakcie ładowania dowiązanego do niego dokumentu. Jeśli np. odsyłacz ma standardowo kolor niebieski, w momencie przywoływania dowiązanego dokumentu zmieni na chwilę swój kolor (właśnie zdefiniowany za pomocą ALINK="kolor"), natomiast gdy powrócimy do tej samej strony, zobaczymy, że odsyłacz ma już kolor zdefiniowany za pomocą VLINK="kolor", jako już co najmniej raz wizytowany. Możemy przykładowo użyć kolorów:

3.5 Licznik wizyt

Chyba każdy webmaster (no, z nielicznymi wyjątkami...) marzy o popularności swojej strony, nad którą tyle się

napracował, a która z założenia jest wiekopomnym dziełem. Najlepszym miernikiem jest oczywiście licznik wizyt.

Teoretycznie każdy usługodawca internetowy powinien dostarczać goszczonym przez siebie witrynom liczniki wizyt.

Robi to np. Polbox-Free, Optimus- Net. Ale nie jest to reguła i w takiej sytuacji warto skorzystać z darmowych usług, które są

dostępne w Internecie. Oferują je liczne zachodnie serwisy, ale znacznie wygodniej jest się posłużyć polskimi tego typu

usługami, które są po prostu pewniejsze i szybsze w działaniu, gdyż znajdują się poza głównymi strumieniami danych

w Internecie.

Chyba najlepszy polski serwis licznikowy jest oferowany przez firmę Webmedia - znajdziemy tutaj darmowe liczniki, a

swoistym rekordem jest liczba graficznych wzorów - 477!

Aby wstawić na swoją stronę jeden z tych liczników, należy się udać pod adres http://counter.webmedia.pl. Następnie należy zarejestrować w specjalnym formularzu adres swojej

strony, podając kilka szczegółów, m.in. imię i nazwisko, adres poczty elektronicznej i nazwę licznika. Gdy wypełnimy

formularz i wyślemy go, na ekranie ukaże się strona potwierdzająca, z której należy skopiować podany kod i wstawić

go na swoją stronę. Konieczne jest skopiowanie pełnego kodu, gdyż autorzy serwisu życzą sobie, aby licznik był

jednocześnie odsyłaczem do Webmedia.

Oto przykładowa postać kodu:

<a href="http://counter.webmedia.pl/"> <img border=0

src="http://counter.webmedia.pl/cgi-bin/Count.cgi?df=kurshtmllicznik|ft=0|tr=T|dd=A"></a>

df=spiewnik_licznik to identyfikator licznika

ft=0 to grubość ramki licznika

tr=T to przezroczystość licznika - Tak lub Nie

dd=A to nazwa grafiki

md=6" to liczba cyfr, z których składa się licznik

comma=T to wycinanie zer na początku licznika

degrees=90 to obrót licznika o 90 stopni (może być także 180 lub 270)

Poszczególne parametry są oddzielane od siebie pionowymi kreskami.

Na stronie http://counter.webmedia.pl/digits/ znajduje się lista 477 liczników - grafik i ich nazw. Wczytanie tej listy

zajmuje mnóstwo czasu (i miejsca w cache'u przeglądarki), ale trudno, skoro sami chcieliśmy...

Gdy już wczytamy listę, możemy wybrać jedną z nazw i użyć jej w definicji licznika. Jeśli nie odpowiada nam ciąg

dd=A, możemy użyć np. dd=SLASHER czy dd=ODW.

Chciałbym zwrócić uwagę że przez miesiąc czasu odwiedziło moją stronę ok. 5000 internautów! Bardzo się cieszę tak wielkim zainteresowaniem mojej strony. Dodam iż posiadam jeszcze site poświęcony Albertowi Einsteinowi na http://www.free.com.pl./malbork/albercik.htm i przez pół roku istnienia strony odwiedziło ją zaledwie ok. 1000 użytkowników internetu.

JAVA SCRIPT

3.6.1 Co to jest JavaScript?

JavaScript jest nowym językiem skryptowym dla dokumentów internetowych. Skrypty napisane za pomocą JavaScript mogą być umieszczane bezpośrednio na stronach HTML. Język daje obszerne możliwości wzbogacania stron w interesujące elementy. Na przykład można zdefiniować reakcję na zainicjowane przez czytelnika działania. Niektóre efekty jeszcze niedawno były możliwe jedynie przy użyciu CGI, a teraz można zbudować wyrafinowane konstrukcyjnie strony za pomocą JavaScript.

Wiele przykładów użycia języka można zobaczyć w Internecie - sporo odsyłaczy znajduje się na stronie Gamelan (w części dotyczącej JavaScript). Pod adresem http://home.netscape.com można zapoznać się z dokumentacją dostarczoną przez Netscape Communications.

3.6.2 Jaka jest różnica między językami Java i JavaScript?

Mimo zbieżności nazw Java nie jest tożsama z JavaScript. Są to dwie odrębne techniki programowania w Internecie. Java jest językiem programowania, natomiast JavaScript jest językiem skryptowym, jak zresztą sugeruje sama nazwa. Różnica polega na tym,że Java pozwala tworzyć rzeczywiste programy. Ale

nie zawsze należy zaprzątać sobie głowę prawdziwym programowaniem, aby uzyskać ładny efekt na swojej stronie. JavaScript jest pomyślany jako narzędzie łatwe do zrozumienia i zastosowania. Autorów piszących w JavaScript nie musi zbytnio obchodzić programowanie. Można powiedzieć, że JavaScript jest

raczej rozszerzeniem HTML niż odrębnym językiem komputerowym. Oczywiście nie jest to "oficjalna"

definicja, ale myślę, że pozwala ona łatwiej uchwycić różnicę między Javą i JavaScript.

W swojej stronie zastosowałem kilka JavaScript-ów tj.:

3.6.3 Poczta elektroniczna pod przyciskiem

<FORM>

</FORM>

3.6.4 Drukarz wielowierszowy

W ramach HEAD

// This script is made by Marnix Birza at 13-11-1996.

var scrtxt="Internetowy śpiewnik*"+

"Możecie znaleźć tu dużo tekstów piosenek*"+

"mam nadzieję że każdy znajdzie coś dla siebie...?#";

var startpos=0;

var endpos=1;

function scroll() {

var scroller="";

scroller=scrtxt.substring(startpos,endpos);

document.sform.stxt.value = scroller;

endpos++;

if (scrtxt.substring(endpos-1,endpos)=='#')

{startpos=0; endpos=1; setTimeout("scroll()",2500); }

else

if (scrtxt.substring(endpos-1,endpos)=='*')

{startpos=endpos; endpos++; setTimeout("scroll()",2500);}

else {setTimeout("scroll()",10);}

}

</SCRIPT>

W ramach BODY

</FORM>

W BODY musiałem też podać

3.6.5 Aktualizacja strony (po polsku)

Aktualizacja strony:

czwartek, 17 czerwca 1999, g. 9:01:26.

Skrypt pokazuje datę (po polsku) i czas ostatniej aktualizacji dokumentu, czyli zapisania go na dysku. Internet Explorer niepoprawnie pokazuje czas (cofnięty o godzinę w stosunku do stanu faktycznego). Nie jest jasne zachowanie Netscape

Navigatora, który na jednych serwerach pokazuje poprawną datę (na dysku lokalnym zawsze), na innych zaś - datę 1 stycznia 1970 roku!

A oto skrypt:

function initArray()

{

this.length = initArray.arguments.length

for (var i=0;i<this.length;i++)

this[i+1] = initArray.arguments[i]

} // end initArray.

var DOWArray = new initArray("niedziela", "poniedziałek", "wtorek", "środa", "czwartek", "piątek", "sobota");

var MOYArray = new initArray("stycznia", "lutego", "marca", "kwietnia", "maja", "czerwca", "lipca", "sierpnia","września", "października", "listopada", "grudnia");

var LastModDate = new Date(document.lastModified);

document.write("Aktualizacja strony:<br>");

document.write(DOWArray[(LastModDate.getDay()+1)],", ");

document.write(LastModDate.getDate()," ");

document.write(MOYArray[(LastModDate.getMonth()+1)]," ");

document.write((LastModDate.getYear()+1900),",");

document.write(" ","g.");

document.write(" ");

document.write((LastModDate.getHours()),":");

document.write((LastModDate.getMinutes()),":");

document.write((LastModDate.getSeconds()));

document.write(".");

</script>

BIBLIOGRAFIA

1. „Kurs Języka HTML” autorstwa Pawła Wimmera znajdujący się pod adresem http://www.pckurier.pl./html/

2. "Praktyczny kurs języka HTML. Obszerny przegląd znaczników HTML 3.2", publikacja specjalna (kwiecień 1997)

miesięcznika Chip

Lynn M. Bremner, Anthony F. Iasi, Al Servati "Intranety Biblia", Wydawnictwo Mikom, Warszawa 1997

4. Wacław Panek „Mały słownik muzyki rozrywkowej” wydawca: ZAKR- Warszawa 1986 r.