Band Promotion Website Reflection
First thing I did once I started my project was create the html skeleton so I would not have to do this later. Once I did that I started working on my homepage as that was the first thing listed on the requirements. You may be thinking “How could you start a band promotion website without thinking of a band first?” Well, I knew from the start I wanted to do the Beatles, this is because I am a big fan of their music and I listen to it as background music.
The homepage includes information about the band and the positions each member in the band takes. It also includes the header and footer. I used the box model for this page and every other page. The box model is a method of organization where the information is in a box which is styled with a background color, padding, margins, and usually a border.
When working on this page, I decided to create the header which includes the band logo and navigation buttons.The buttons act like hyperlinks and take you to different pages on the website as well as the band’s official website. For the buttons I used CSS to make the border grey and the background white. When you hover over the buttons they turn light grey. I also added a search bar, but it has no functionality. I just wanted to add it.
The footer includes the company name and contact information.
Next I started working on the discography page, this includes 4 of the beatles albums because there are too many for me to put all of them on it. It includes their first two albums as well as Yellow Submarine and Abbey Road. I put an image of the album covers below the track listing for each album. If the images don’t load, the alt attribute of the img tag will put “(album name) Album Cover”. The track listing is using the ordered list element. The ordered list or ol is created by nesting the li element inside a pair of ol elements. All HTML elements that have a closing tag start and end like this: <example></example> and the element content goes in the middle.
For the links page I used a table and each column has a link. The table was unnecessary but I had to put one somewhere and that is where I chose. I have two rows saying what I got from each website. The links color blue when you hover over them. I don’t have much else to say here so I’ll combine it with the music videos paragraph. For the music videos page I went to youtube and got the embed and put it on my website.
For best experience, watch in fullscreen