SlideShare a Scribd company logo
1 of 2
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.
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.

More Related Content

Similar to Webiste Screenshots

Publication Title
Publication Title Publication Title
Publication Title alyblue98
 
Complete FMP Presentation Document
Complete FMP Presentation DocumentComplete FMP Presentation Document
Complete FMP Presentation DocumentJack Ward
 
Completed production of music magazine contents page
Completed   production of music magazine contents pageCompleted   production of music magazine contents page
Completed production of music magazine contents pageAbbieNewell
 
Completed production of music magazine contents page
Completed   production of music magazine contents pageCompleted   production of music magazine contents page
Completed production of music magazine contents pageAbbieNewell
 
screenshots of front cover and double page spread.pptx
screenshots of front cover and double page spread.pptxscreenshots of front cover and double page spread.pptx
screenshots of front cover and double page spread.pptxMrsGainsford
 
Progression of contents and double page
Progression of contents and double pageProgression of contents and double page
Progression of contents and double pageBehraam101
 
Production of Website
Production of WebsiteProduction of Website
Production of Websiteciaraferreira
 
Steps in creating my main article
Steps in creating my main articleSteps in creating my main article
Steps in creating my main articleJoey Gamble
 
Progression of contents page
Progression of contents pageProgression of contents page
Progression of contents pagelaurenamyharriman
 
Print screen dps
Print screen dpsPrint screen dps
Print screen dpsasmediag12
 
Media evaluation poster and website
Media evaluation  poster and websiteMedia evaluation  poster and website
Media evaluation poster and websiteLucyA2Media
 
Evaluation
EvaluationEvaluation
EvaluationTazmyn96
 
Progression of contents and double page
Progression of contents and double pageProgression of contents and double page
Progression of contents and double pageiramd
 
Textual analysis of own ancillary double page spread
Textual analysis of own ancillary double page spreadTextual analysis of own ancillary double page spread
Textual analysis of own ancillary double page spreadPernille Brown
 
Final magazine construction
Final magazine constructionFinal magazine construction
Final magazine constructionsheamcguigan_
 

Similar to Webiste Screenshots (20)

Publication Title
Publication Title Publication Title
Publication Title
 
Complete FMP Presentation Document
Complete FMP Presentation DocumentComplete FMP Presentation Document
Complete FMP Presentation Document
 
Completed production of music magazine contents page
Completed   production of music magazine contents pageCompleted   production of music magazine contents page
Completed production of music magazine contents page
 
Completed production of music magazine contents page
Completed   production of music magazine contents pageCompleted   production of music magazine contents page
Completed production of music magazine contents page
 
screenshots of front cover and double page spread.pptx
screenshots of front cover and double page spread.pptxscreenshots of front cover and double page spread.pptx
screenshots of front cover and double page spread.pptx
 
Progression of contents and double page
Progression of contents and double pageProgression of contents and double page
Progression of contents and double page
 
Production of Website
Production of WebsiteProduction of Website
Production of Website
 
Steps in creating my main article
Steps in creating my main articleSteps in creating my main article
Steps in creating my main article
 
production reflection
production reflectionproduction reflection
production reflection
 
Progression of contents page
Progression of contents pageProgression of contents page
Progression of contents page
 
Website Development
Website DevelopmentWebsite Development
Website Development
 
Print screen dps
Print screen dpsPrint screen dps
Print screen dps
 
Media evaluation poster and website
Media evaluation  poster and websiteMedia evaluation  poster and website
Media evaluation poster and website
 
Question 6
Question 6Question 6
Question 6
 
Website plan
Website planWebsite plan
Website plan
 
Evaluation
EvaluationEvaluation
Evaluation
 
Progression of contents and double page
Progression of contents and double pageProgression of contents and double page
Progression of contents and double page
 
Question 6
Question 6Question 6
Question 6
 
Textual analysis of own ancillary double page spread
Textual analysis of own ancillary double page spreadTextual analysis of own ancillary double page spread
Textual analysis of own ancillary double page spread
 
Final magazine construction
Final magazine constructionFinal magazine construction
Final magazine construction
 

More from Hannah Chyriwsky (20)

Evaluation Question 2
Evaluation Question 2Evaluation Question 2
Evaluation Question 2
 
Shooting Schedule
Shooting ScheduleShooting Schedule
Shooting Schedule
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
Evaluation question 2
Evaluation question 2Evaluation question 2
Evaluation question 2
 
Evaluation question 2
Evaluation question 2Evaluation question 2
Evaluation question 2
 
Shot List Romeo
Shot List RomeoShot List Romeo
Shot List Romeo
 
Shot list performer
Shot list performerShot list performer
Shot list performer
 
Shooting Schedule
Shooting ScheduleShooting Schedule
Shooting Schedule
 
Updated risk assessment
Updated risk assessmentUpdated risk assessment
Updated risk assessment
 
Back up plans for locations
Back up plans for locationsBack up plans for locations
Back up plans for locations
 
Shooting schedule
Shooting scheduleShooting schedule
Shooting schedule
 
Risk assessment
Risk assessmentRisk assessment
Risk assessment
 
Media costume and props
Media  costume and propsMedia  costume and props
Media costume and props
 
Shot list snow white
Shot list snow whiteShot list snow white
Shot list snow white
 
Shot list romeo
Shot list romeoShot list romeo
Shot list romeo
 
Shot list performer
Shot list performerShot list performer
Shot list performer
 
Shot list little red riding hood
Shot list little red riding hoodShot list little red riding hood
Shot list little red riding hood
 
Shot list juliet
Shot list julietShot list juliet
Shot list juliet
 
Locations
LocationsLocations
Locations
 

Recently uploaded

2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptxMaritesTamaniVerdade
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024Elizabeth Walsh
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxDr. Sarita Anand
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Pooja Bhuva
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxPooja Bhuva
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsMebane Rash
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and ModificationsMJDuyan
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxheathfieldcps1
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfNirmal Dwivedi
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...Amil baba
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 

Recently uploaded (20)

2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
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.