Documentation

Total Page:16

File Type:pdf, Size:1020Kb

Documentation Visoka skola strukovnih studija za informacione i komunikacione tehnologije Predmet: Web programiranje Dokumentacija http://aleksajovanovic.com/sites/steelpanther/ Student: Aleksa Jovanovic Broj indeksa: 179/15 Smer: Internet tehnologije-Web programiranje Contents 1.Uvod ........................................................................................................................................................... 3 a) Korisceni programski jezici. .................................................................................................................... 4 b) Opis funkcionalnosti sajta ...................................................................................................................... 4 c) Template ................................................................................................................................................ 4 d) CSS ...................................................................................................................................................... 14 2. Organizacija ............................................................................................................................................. 15 2.1 Organizaciona sema ........................................................................................................................... 15 2.2 Sitemap.xml ....................................................................................................................................... 15 2.3 Slike stranica i opisi funkcionalnosti .................................................................................................... 18 2.3.1 index.html .................................................................................................................................... 18 2.3.2 tourdates.html ............................................................................................................................. 19 2.3.3 gallery.html .................................................................................................................................. 20 2.3.4 contact.html ................................................................................................................................ 21 2.3.5 aboutband.html ........................................................................................................................... 22 2.3.6 aboutautor.html .......................................................................................................................... 23 2.3.7 register.html ................................................................................................................................ 24 2.3.8 search.html .................................................................................................................................. 25 ............................................................................................................................................................. 25 3. Kodovi ...................................................................................................................................................... 26 3.1 Index ................................................................................................................................................... 26 3.1.1 html.............................................................................................................................................. 26 3.1.2 CSS. .............................................................................................................................................. 37 3.1.3 Responsive.css. ............................................................................................................................ 60 3.1.4 main.js. ........................................................................................................................................ 84 3.1.5 home.js ........................................................................................................................................ 96 3.2 Tourdates ......................................................................................................................................... 100 3.2.1 tourdates.html ........................................................................................................................... 100 3.2.2 tourdates.js ................................................................................................................................. 110 3.3 Gallery ............................................................................................................................................... 111 3.3.1 gallery.html ................................................................................................................................. 111 3.3.2 CSS ............................................................................................................................................ 124 3.3.3 simple-lightbox.js ....................................................................................................................... 134 3.4 Contact ............................................................................................................................................. 146 3.4.1 contact.html .............................................................................................................................. 146 3.4.2 contact.js .................................................................................................................................... 157 3.5 About band ....................................................................................................................................... 159 3.5.1Aboutband.html ......................................................................................................................... 159 3.6. About autor ...................................................................................................................................... 171 3.6.1 aboutautor.html .......................................................................................................................... 171 3.6.2 aboutautor.js ............................................................................................................................. 183 3.7 Register ............................................................................................................................................ 184 3.7.1 register.html............................................................................................................................... 184 3.7.2 register.js ................................................................................................................................... 194 3.8 Search .............................................................................................................................................. 196 3.8.1 search.html ................................................................................................................................ 196 3.8.2 search.js ..................................................................................................................................... 206 1.Uvod a) Korisceni programski jezici: HTML, CSS, JavaScript, jQuery, Ajax, XML, XSL i JSON. b) Opis funkcionalnosti sajta: Pretraga najnovijih desavanja kojoj se moze pristupiti sa bilo koje stranice korisceni su AJAX i JSON. Dropdown meni izradjen pomocu Jquery-a Prikaz podataka iz XML-a sa paginacijom Prikaz podataka iz JSON fajla. c) Template Navigacija Div u kome se nalazi video Div u kome se nalaze dva manja diva a u njima neki text Div u kome se nalazi manji slider Footer <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="stil.css"/> <link rel="shortcut icon" type="image/x-icon" href="slike/steelpanther.ico" /> <link rel="stylesheet" type="text/css" href="responsive.css" media="screen"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Steel Panther</title> <meta name="keywords" content="SeelPanther,steelpanther,steel,panther,heavyMetalBand,heavyMetal,Heavy,Metal,Glam,Gla mMetalBand,GlamMetal"/> <meta name="copyright" content="Steel Panther 2016"/> <meta name="description" content="Welcome to Steel Panther site.This site was created by their fan in the purpose of learning Javascript,AJAX,Jquery,JSON"/> <meta name="author" content="Jovanovic Aleksa"> <meta charset="UTF-8"> <script src="scripts/main.js"></script> <script src="scripts/home.js"></script> </head> <body> <div id="container"> <div id="rate-us-container"> <span id="smiley-container"> <p>Rate our site!</p> <span class="smiley"></span> <hr> <span class="smiley"></span> <hr> <span class="smiley"></span> </span> <span id="vote-button">+</span> </div> <div id="login-box-container" class="SakrijSe"> <div id="login-box-content"> <span>Log in</span> <span class="closeBox">x</span> <form action="" id="formLoganje"name="formaLogin" method="post"> <input type="text" name="usernameLog" id="usernameLog"placeholder="Username"/> <input type="password" name="passwordLog" id="passwordLog" placeholder="Password"/> <input type="button" name="login-button" id="login-button" value="LOG IN"/> </form> <p><a href="register.html">Dont have an account?</a></p> </div> </div> <div id="menu-container"> <div id="logo"> <a href="index.html"><img
Recommended publications
  • Guitar 04 2017 Leseprobe
    STATUS QUO KREATOR MONSTER TRUCK mit Down Down Gods of Violence For the People ORIGINALSONG ORIGINALSONG CD Heft Nr. 203 Ausgabe 4/2017 magazin für gitarristen und bassisten F 41248 B INTERVIEWS Ernie C WORKSHOPS Body Count Josh Weaver COUNTRY- Royal Thunder HISTORY, TEIL 2 Satchel Die Styles von Steel Panther Albert Lee, GUITAR-DREAMS Brad Paisley Ibanez Vince Gill usw. RG6UC-MYF Prestige MEISTERWERK QUEEN News of the World D: 3 6,90 A: 3 7,90 B: 3 8,10 L: 3 8,10 E: 3 9,50 I: 3 9,50 CH: SFR 12,00 BODY VOM NO KE TMAR ZUR WEL Die Custom-Schmiede für Hetfield, Hammett, Kruspe & Co. GUITAR-DREAMS e-gitarre ESP Vulture Hetfields Stadiongeier Im vergangenen September haben wir bereits die LTD- Variante der Vulture auf Herz und Nieren geprüft. Nun wartet die handgefertigte Version von James Hetfields jüngster Signature darauf, in den Amp eingestöpselt zu werden. Ist der annähernd dreifache Preis für den Custom-Shop-Traum gerechtfertigt? Christopher Przybilla C 114 4/17 e-gitarre GUITAR-DREAMS ie drei Buchstaben ESP umweht seit spätestens ...And Justice for All von 1988 für Metal-Heads weltweit ein unaufhaltsamer Tornado aus Sternen- staub. Vor gut 29 Jahren begann die Zusammenarbeit zwischen der japa- nischen Edelschmiede und James Het- field. Ab 1988 spielte James auf den DArena- und Stadionbühnen rund um den Glo- bus fast ausschließlich Gitarren der 1975 in Tokio gegründeten Company. Allerdings sollte es bis 1997 dauern, bis ein erstes Signature- Modell des Metallica Frontmanns – die JH1 – in einer limitierten Auflage von 200 Stück in ausgewählten Musikgeschäften zu fin- den war.
    [Show full text]
  • STEEL PANTHER L Ive 2019
    STEEL PANTHER L ive 2019 Open Air Show in Saarbrücken am 11. Juli 2019 bestätigt Tickets ab Freitag, 18. Januar 2019, im Presale erhältlich Frankfurt, 15. Januar 2019 – Im August 2018 waren die ungekrönten Könige des Hollywood Glam-Metals zuletzt im Rahmen ihrer Lower The Bar Tour in Deutschland zu sehen. Noch bevor die Band ihre Sunset Strip - Europa + UK Tour im Februar startet, ziehen Steel Panther das erste amtliche Schmankerl des Jahres aus ihren knallengen Gesäßtaschen: Die Fans in Saarbrücken kommen in den Genuss einer Open Air Show der besten Party-Band der Welt am 11. Juli 2019 auf dem Vorplatz der Congresshalle. Der Online-Presale über CTS Eventim und MyTicket startet am Freitag, dem 18. Januar 2019, 10.00 Uhr. Der allgemeine Vorverkauf für das Konzert in Saarbrücken beginnt am Montag, dem 21. Januar 2019, 10.00 Uhr. Tickets sind unter www.myticket.de sowie telefonisch unter 01806 – 777 111 (20 Ct./Anruf – Mobilfunkpreise max. 60 Ct./Anruf) und bei den bekannten Vorverkaufsstellen erhältlich. Informationen zum Fanclub- Presale, der bereits Mittwoch, dem 16. Januar 2019 um 10.00 Uhr startet, sowie besonderen VIP-Angeboten unter: http://steelpantherrocks.com/tour/ Leadsänger Michael Starr, Gitarrist Satchel, Bassist Lexxi Foxx und Schlagzeuger Stix Zadinia sind bekannt als beste Neo-Metal-, Glam-Revival-Parodie-Band. Sie haben bisher vier Studioalben sowie eine Livescheibe veröffentlicht, genießen Platin-Status auf YouTube, sind in etlichen TV-Shows aufgetreten und um die Welt getourt. Mit „All You Can Eat“, ihrem vorletzten Album, erreichen Steel Panther überall hohe Chartpositionen: In Deutschland landet die Platte im April 2014 auf Platz 15, in Österreich auf Platz 13, in der Schweiz auf Platz 22, in Großbritannien auf Platz 12 und in den USA auf Platz 24 der jeweiligen Landes-Charts.
    [Show full text]
  • Classic Obs' #4
    edito CLASSIC OBS’ N°4 - OCTOBRE / NOVEMBRE 2019 Unis dans la diversité Directeur de la publication En promo chez nos confrères anglais de Kerrang!, le guitariste Mark Tremonti décrit le sixième album d’Alter Bridge, Charles Provost Walk The Sky (le 18 octobre, chez Napalm Records), comme le yang du yin AB III. Soulignant par là que c’est au niveau des paroles du chanteur extraordinaire Myles Kennedy, plus positives depuis qu’il s’est refait une santé affective, qu’il Responsable de la rédaction faut chercher l’évolution - tranquille - du groupe. Mais quid de l’influence des carrières parallèles de Tremonti en solo Jean-Christophe Baugé et de Kennedy chez Slash, les deux hommes semblant désormais ramer dans des sens sensiblement différents pour proposer des chansons heavy sans sacrifier la mélodie ? Rappelons qu’Alter Bridge, fondé en 2004 sur les cendres Conception graphique de Creed par Mark Tremonti (guitare solo), Brian Marshall (basse), Scott Phillips (batterie) + Myles Kennedy (chant, Sponge (www.burnyourdesign.com) guitare), a sorti quelques albums prescripteurs de tendances. Au rang desquels One Day Remains (2004) avec le titre « Metalingus » choisi par le catcheur Edge pour son entrée sur les rings de la WWE, Blackbird (2007) dont le solo de Rédaction guitare du morceau-titre a été jugé le meilleur de tous les temps par Guitarist Magazine, ou encore AB III (2010) et François Alaouret, Jean-Christophe son « Isolation », premier single du groupe à se classer n°1 au Hot Mainstream Rock Tracks du Billboard. Plus fonciè- Baugé, François Capdeville, rement metal que hard rock avec un son dantesque, le nouveau single clippé « Wouldn’t You Rather » montre deux Frédéric Govignon, Julien Meurot, endorsés de PRS au sommet de leur art, secondés par une section rythmique irréprochable.
    [Show full text]
  • CHEERS to 2019! Entertainment, Dining & Leisure Connection Read Online at North Coast Voice OLD FIREHOUSE
    Locally Owned and Operated Est. 2000 FREE! Vol. 19 - Issue 1 • January 9, 2019 – February 6 , 2019 CHEERS TO 2019! Entertainment, Dining & Leisure Connection Read online at www.northcoastvoice.com North Coast Voice OLD FIREHOUSE 5499 Lake RoadWINERY East • Geneva-on-the Lake, Ohio Restaurant & Tasting Room We are open SEVEN Days and have a full menu. Winter Hours: Sun.-Thurs. Noon to 5 PM Tasting Rooms Entertainment Fri. & Sat. Noon to 11PM all weekend. (see ad on pg. 5) 1-800-Uncork-1 FOR ENTERTAINMENT AND EVENTS, SEE OUR AD ON PG. 7 Kitchen Open! Early season hours: Wed. 12-4 • Thurs. Winter Hours: Mon. & Tues. - Closed 12-7 • Fri. 12-8 • Sat. 12-8 • Sun. 12-5 Wed. & Thur. Noon – 7 Fri. & Sat. Noon - 11 Laurello's will be closed Dec 31-Feb 12th Sun. Noon - 7 for our annual Winter break. 834 South County Line Road 6451 N. RIVER RD., HARPERSIELD, OHIO 4573 Rt. 307 East, Harpersfield, Oh Harpersfield, Ohio 44041 WED. & THURS, 12 - 7, FRI. 12-9 440.415.0661 216.973.2711 SAT. 12- 9, SUN. 12-6 www.laurellovineyards.com www.bennyvinourbanwinery.com WWW.HUNDLEY CELLARS.COM [email protected] [email protected] If you’re in the mood for a palate pleasing wine tasting accompanied by a delectable entree from our restaurant, Ferrante Winery and Ristorante is the place for you! New smoker! Best Barbeque January Hours in Geneva Tasting Room: Mon. - Thurs. 10-5pm 1520 Harpersfield Road Fri. & Sat. 10-10, Sun. 10-6 Geneva • 440-466-1248 Restaurant: Mon. - Thurs. Closed Geneva Exit off I-90, S.
    [Show full text]
  • Steel Panther Live from Lexxi's Mom's Garage Mp3, Flac, Wma
    Steel Panther Live From Lexxi's Mom's Garage mp3, flac, wma DOWNLOAD LINKS (Clickable) Genre: Rock Album: Live From Lexxi's Mom's Garage Country: US Released: 2016 Style: Glam, Hard Rock MP3 version RAR size: 1652 mb FLAC version RAR size: 1142 mb WMA version RAR size: 1559 mb Rating: 4.1 Votes: 933 Other Formats: ADX AHX WAV FLAC MP1 RA AAC Tracklist 1 Show Intro / Say Yeah! 2 Party Like Tomorrow Is The End Of The World 3 Fat Girl (Thar She Blows) 4 If You Really, Really Love Me 5 Gloryhole 6 Bukkake Tears 7 The Burden Of Being Wonderful 8 Weenie Ride 9 That's When You Came In 10 Michael Don't Know 11 Community Property 12 Grindy And Sexy 13 Death To All But Metal Credits Bass Guitar – Lexxi Foxxx Drums – Stix Zadinia Guitar – Satchel Vocals – Michael Starr Other versions Category Artist Title (Format) Label Category Country Year Live From Lexxi's Steel Open E 940937 Mom's Garage (CD, 940937 US 2016 Panther Music Album) Live From Lexxi's Steel Mom's Garage (CD, Open E OPNE002CDLX OPNE002CDLX US 2016 Panther Album + DVD-V, Music NTSC) Live From Lexxi's Steel Mom's Garage (CD, Open E OPNE002CDLX OPNE002CDLX Europe 2016 Panther Album + DVD-V, Music NTSC) Live From Lexxi's LC-30596 Steel Open E LC-30596 Mom's Garage (CD, US 2016 OPNE002CD-P Panther Music OPNE002CD-P Album) Live From Lexxi's Australia Steel Open E OPNE002CDLX Mom's Garage (CD, OPNE002CDLX & New 2016 Panther Music Album) Zealand Related Music albums to Live From Lexxi's Mom's Garage by Steel Panther Steel Panther - Lower The Bar (Deluxe Edition) Panther Rex - Panther Rex Black Panther - The Black Panther Party Int Company - Panther Remix EP Steel Panther - Feel The Steel Pink Panther - Pink Panther Tav Falco's Panther Burns - Blow Your Top Pinback - Live In Donny's Garage.
    [Show full text]
  • 'Rockstar' Rules Hot 100 for Seventh Week, Drake Debuts Record 39Th
    BILLBOARD COUNTRY UPDATE APRIL 13, 2020 | PAGE 4 OF 19 ON THE CHARTS JIM ASKER [email protected] Bulletin SamHunt’s Southside Rules Top Country YOURAlbu DAILYms; BrettENTERTAINMENT Young ‘Catc NEWSh UPDATE’-es Fifth AirplayJULY 27, 2020 Page 1 of 44 Leader; Travis Denning Makes History INSIDE DaBaby’s ‘Rockstar’ Rules Hot 100 for Sam Hunt’s second studio full-length, and first in over five years, Southside sales (up 21%) in the tracking week. On Country Airplay, it hops 18-15 (11.9 mil- (MCA Nashville/Universal Music GroupSeventh Nashville), debuts at No. Week, 1 on Billboard’s lion audienceDrake impressions, Debuts up 16%). Record Top Country• Juice Albums WRLD’s chart dated April 18. In its first week (ending April 9), it earned‘Legends 46,000 equivalentNever album units, including 16,000 in album sales, ac- TRY TO ‘CATCH’ UP WITH YOUNG Brett Youngachieves his fifth consecutive cordingDie’ toSpends Nielsen Second Music/MRC Data. 39th &and total40th Country Airplay Top No. 1 as “Catch” 10s (Big Machine Label Group) ascends SouthsideWeek at marks No. 1 Hunt’son second No. 1 on the 2-1, increasing 13% to 36.6 million impressions. chartBillboard and fourth 200 top Chart 10. It follows freshman LP BY GARY TRUST Young’s first of six chart entries, “Sleep With- Montevallo, which arrived at the summit in No - out You,” reached No. 2 in December 2016. He vember 2014• Revealed: and reigned for nine weeks. To date, followed with the multiweek No. 1s “In Case You DaBaby’s “Rockstar,” featuring Roddy Ricch, Sales, it drops 3-5 with 11,000 sold, down 6%, in the MontevalloBillboard’s has 2020 earned Top 3.9 million units, with 1.4 Didn’t Know” (two weeks, June 2017), “Like I Loved millionMusic in album Lawyers sales.
    [Show full text]