Python Notes for mca i year students osmania university.docx
Webiste Screenshots
1. For the navigationbarthe fontthat I use is Avenirbecause itisthe mostsimilarstyle fonttothe one usedonthe official page.
Thenunderneaththe group’sname isthe horizontal menuthatleadsyoutothe otherpage on the website,the same fontwas
usedbutin the colourblack,to the leftof the menuIaddedin a social bar whichallowsyoutoaccess theirsocial mediapages.
At the top of the website Ialsohave a slidinggalleryof fourdifferentpicturesthatlinktootherwebsites whichchange every3
seconds.Furtherdownthe home page there isa brief sectionaboutthe newspage andI have hyperlinkedall five of the
images, whichwere savedfromthe website, sothatthe usercan readthe articles. Forthe headingsof the articlesIusedthe
fontAdobe Caslonasit isa clearfontto read. Thenthe twobuttonsinthissectionleadtothe articlesonthe original website.
The nextsectionof the home page is the tour dates,tomake thisseparate fromthe other sectionsIaddedanimage stripthat I
had savedfromthe original website. The fontsthatIusedwere Arial,Adobe Caslon;forthe textandCookie forthe numbersas
it issimilartothe original fontapartfrom the number1, justlike onthe original websiteitisonlyaselectfew of the tourdates
inrows of two and inthe centre of the page. Furtherdownthere isa buttonthat leadstomore of the tour dateson the
website Ihave createdasI remade thispage. The followingsectiononthe home page isPhotos,forthissectionIsavedthe
picturesfromthe website andinsertedtheminthe same layoutasthe original.There isalsoa buttonunderneaththatl eadsto
the photospage on the website thatIcreated,so that theycan see more.
The followingsectionafterthe photosisthe latestvideos.ForthissectionIaddedina slidingvideogallerywhichhasfour
differentvideos.Underneaththe slidinggalleryare the fourthumbnailsof the videossoyoucan selectwhichone youwould
wantto watch on the home page. The nextsectionisimagesof the albumsthattheyhave produced.Eachof the imagesin
linkedtothe original website whichopensinthe currentwindow andonthe albumthattheyclicked.Toget these imagesI
typedinthe name of the albumon Google imagesandsavedthemsothat theycouldbe insertedontothe page.Underneath
there isa buttonthat wouldtake youto the restof the musicwhichison the original site.
For the last sectionof the website Iscreenshottedthe textabout
signingupand inserteditasa JPEG. On the rightside of the image
there are two textboxeswhere the userwouldputtheiremailand
postcode before pressingthe subscribebuttonIputunderneath. Then
for the footerof the website Ichangedthe colourof the stripto black,I
thencreateda social bar, so everyiconlinkstoLittle BigTownssocial
mediapages.Thenforthe textunderneaththe social barI added
hyperlinkssothatthey wouldtake the usertothe website inanew
tab.
2. The firstpage that I createdwasthe tour page whichhas all of the informationabouttheirlatesttour. Forthe image below
the headerI savedthe image fromthe website,Ialsocopiedthe hyperlinksowhenyouclickonthe image itwill take the
userto the flickrwhichhas the albumsof the meetandgreetphotos.
Belowthe image isa listof all the tour datesthat have beenset inrows of three.Iusedthe same fontthat I usedonthe
home page as it isconsistent,theneachof the dateshave a hyperlinktothe siteswhere youcanpurchase the tickets.
For thispage I savedthe imagesthathave beenpostedontothe website,whichcome fromInstagram.Sohas a keptto the
same layoutof the original page Ialsoaddedthe hyperlinkstothe image whichenlargethe image inthe currentwindow.
Thenafterveryset of imagesthere isthe optiontosee more of the images,sowhentheyhave scrolledtroughthe images
on the website Icreatedif the userwantsto see more andpressthe buttonitwill take themtothe nextpage of photosbut
inthe original website.
For the picture that I insertedunderneaththe videoIsavedthe originallypicture andblurreditsothatit wouldmatchthe
one that ison the original website. WhenIaddedthe videoontothe page Ichangedthe settingsothat whenthe page
opensupthe videowill starttoplay automatically. Nexttothe videoittellsthe userwhenthe videowasreleased,whatthe
songis calledandthere isalsoa chance to share the videoonsocial mediabyclickingthe iconsthatare underthe title of
the video.Thenwhenyourscroll downthere isthree rowsof the fourthumbnailsthattake youto the video.Sowhenyou
clickon one of the imagesyouwouldbe takentothe videothatlinkstothe image. There isalsoa menuat the bottomof
the page sothat you can see more videosmade byLittle BigTownsowhenyouclickon one of the numbersyouwouldget
takento the page but on the original website.