code-institute-submissions / macmiller-project-milestone Goto Github PK

#MacMiller Milestone Project

For my first Milestone Project I will be showcasing my first self made project and will be a website about musician/artist Mac Miller.

UX

This website will mainly be targeted to teens as Mac Miller was well known by his young-style-like music however there's a possibility of expansation on the range of target audience as this is also targeted to new fans, or people who haven't known of him. The layout is simple with no major complex pages. As it is about knowing more about a character involved with music, only 3 pages were made (with several external links) these being 'Home', 'Biography' and 'Media' all surrounded with the character's professional activities (songs and music videos in this case) to really get a clear understandidng on who Mac Miller was.

Features

In this section, you should go over the different parts of your project, and describe each in a sentence or so.

Special Features

• Iframes - allows users to quickly, without having to leave website, access external websites.

Testing

I conducted a few tests all over the website and was able to find mistakes that were after corrected and re-tested. I was able to test every external link, image size according to its screen size and a few more. I found an issue that wasn't able to correct which was in the 'Biography' page, when viewed in a smaller screen, the paragraph tends to go off screen and enlarge the screen. I tried to look for my mistakes within my CSS but I wasn't able to find anything that would correct these issue occuring on different size screens outside a normal computer screen.

Credits

Content

• The text for 'Biography' from Wikipedia article Z

Media

"https://cdn.dribbble.com/users/472817/screenshots/5358646/dribbble_mac2_2x.jpg" "https://pngimage.net/wp-content/uploads/2019/05/dark-blue-fade-png-.png" htps://i1.wp.com/respect-mag.com/wp-content/uploads/2018/07/36717196_2014691325510267_6309299841063190528_n.jpg?fit=1080%2C1080&ssl=1 "https://cdn.shopify.com/s/files/1/0105/4542/products/macmiller-swimming_1800x.jpg?v=1542309099" "https://grantland.com/wp-content/uploads/2015/08/macmiller_grantland-9581.jpg?w=2048" "https://cdn.shopify.com/s/files/1/0011/9852/2435/products/MMI_SWIMMING_DICE_LS_1200x1200.png?v=1533882547" "https://cdn.shopify.com/s/files/1/0011/9852/2435/products/MMI_TEE_UPDATE_1_1200x1200.png?v=1534487564" "https://artist-assets.hubbardradio.com/mac-miller-2_v1000.jpg" "https://artist-assets.hubbardradio.com/mac-miller-3_v1000.jpg" "https://www.radioufita.it/wp-content/uploads/2018/09/mac-miller-aveva-26-anni-g7suj.jpg" "https://3.bp.blogspot.com/-fAejE64ke1w/XGVDi2DclzI/AAAAAAAAKg0/EZMqPrlfqhc1YsHFkhwOUvUeuOh87BDJQCHMYCw/s1600/mac-miller-profile.jpg"

Acknowledgements

• I received inspiration for this project from "macmillerwebsite.com"