I designed my website as a self-promotion platform for me as a musician. I started with a very basic template from w3schools.com which contained the framework CSS and HTML for the page’s layout and style. I adjusted the header and footer sections to better fit the screen, as well as expanded the article section to allow for more room to display my content. I modified the colors of each section to have more contrast and simplicity. After choosing my color scheme, I chose my three pages to be an “About” page, a “Music” page, and a “Contact” page. Each page contained the same navigation links on the left-hand side of the screen allowing the user to navigate freely between the pages. At this point, I was ready to input my content, and I began by adding a headshot of myself to the “About” page along with my brief biography. I then added embedded YouTube links to my “Music” page, as well as links to my social media, main website, and email address on my “Contact” page. One particular challenge I faced was attempting to add images into the header section on both the left and right sides. I had to resize my images multiple times to find the correct size, as well as determine how to program the HTML code to maintain the header’s centered text box. Once I accomplished these tasks, I was able to copy the code to all three pages of my website and this gave the entire site a uniform design. My vision for the website was to create something similar to my main website built through Weebly.com. If I was fluent in HTML and CSS, my ideal website would look something like that website. The navigation interface is more smooth and fluid and is more visually appealing on my website created through Weebly. In addition, the animations made possible through Weebly are more attractive than the rough transitions of my HTML site. However, with my level of experience in coding, I am very pleased with my end result. I focussed on the visual and spatial modes while designing my website. Visually, I wanted to create a clear contrast between sections of the website to draw the user towards the important sections (such as the main content section “article”). I achieved this contrast by darkening the header and footer as well as lightening the navigation and article sections. Spatially, I chose to shrink the navigation section to allow more room for content in the article section. I also expanded the header and footer to further fill the entire screen, as well as increase the font size of the header. Combined, I hope these choices will portray a simple yet appealing image of me and my content. My intended audience of this website is anyone seeking a professional pianist/keyboardist. Similarly, the purpose of my website is to advertise my services and demonstrate my abilities as a performer. The context and genre of my website fall into the “biographical” category, because I am seeking to inform potential employers of my skills and education as a performer. Similarly to most personal resume websites, I am the author of my website and provided all information contained within the website.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |