The Window from Liam PhotograpHye on Vimeo.
Password: joeloverall
How did I make my webpage? Well, it started with a dream and it evolved to a reality with a little help from the tutorial we started with in class. I essentially took what we did, seeing as we learned and utilized many things in HTML code and CSS, and changed what I wanted to fit my desired layout. By looking at my front page you can tell that I did not just take the exact layout of the tutorial because I did not need to. I used the same header and only a couple of other headers as well. I completely got rid of the paragraphs on the first page and moved them to my internal links (the ones titled cuisine, film, and percussion). The biggest problem I had was positioning the pictures to where I wanted them to go. I got very lucky with the positioning of the pictures on the front page because I was messing around with the wrappers and float in the CSS code until I got them to line up in a fashionable way. The way my website is designed now is, in my opinion, better than the way I imagined it. Some of the successes were putting in the videos on the film and percussion tabs. I was impressed that I figured out how to put a video in using the same kind of formatting and idea as inserting a picture. I created a “movie” file in the root folder and then transferred the film into that folder and followed the tutorial on the W3 Schools website for how to input a video into the code without embedding it through YouTube. Speaking of YouTube, my other success was embedding the video from YouTube onto my website. Luckily I did not have to do much other than copy and paste so I guess that could be anybody’s success story. I think the main mode I used in my website design was the visual mode but I also dabbled in some aural modes as well. The visual aspect, to me, is the most important because if I were to just code everything in HTML and leave the CSS alone, the site would be incredibly boring. Instead of a white background and black text, I chose to do an orange background with a gray wrapper with black text. The two different colors behind the text bring out another depth that would not be there if I were to just leave the white background with the black text. Audience: my intended audience is my classmates. I want them all to know who I am and where I come from. Purpose: Almost the same reasoning as my audience. I want my classmates to understand me as a person and know what I like and love. Context: The context of this project is a webpage. I created this webpage to entertain people and let them learn a little about me. Author: I have established credibility with this site because I created it. I could have lied about what I like to do and make myself seem like a better, much cooler version of me but I chose not to because I think what I do is pretty cool. Genre: The genre of this text is an introductory site which is similar and identical in genre to all the other projects that my classmates created.
I am a visual learner. I could never sit still, let alone pay attention, in my English classes during high school. English and math were always my worst subjects simply because I could never pay attention due to the lack of visuals. Learning on the Internet, however, has changed my life because of all the pictures. I do not think there is a single web page that does not have any sort of visual element because without it, the website would be incredibly boring. Take any website, Facebook for example, and you will find at least twenty pictures before you even scroll down the page. This is the case for most websites. The truth website, an anti tobacco and drug campaign, has a picture on the home screen which emphasizes the purpose of their site and campaign. Their purpose is to reach out to teens to tell them that you do not need to smoke to be ‘cool’ or to fit in with the ‘cool kids.’ I remember growing up and watch their commercials on TV and they scared me to death. That one with the talking dog and then the commercial with that girl’s sister who looked like a sad Flat Stanley. When you first open up their website your eye immediately will go to the white font that says, “collaboration; truth x; nightmare; stop, drop, and listen” with a button below it that says, “check it out.” Right off the bat, their website is aesthetically pleasing with the contrasting black and white but not only does the text catch your eye, so does the picture of the dude’s face. The guy looks like he is probably in is early 20’s really appeals to their target audience as well. If the portrait of the guy on their homepage was a 65 year old woman, the website would obviously not be the same. When perusing the page you can tell that the author is very credible simply because of the tab that reads, “The Facts.” After clicking on this option and scrolling down the page, you can see how credible this campaign is because the page has fact after fact with statistics and numbers. The website does indeed support these claims too because they are reaching out to their audience to try to help. The tab right before and after “The Facts” is there to help people in need. The one before reads, “Take Action” while the one after is “Truth Events.” The tabs were not just placed in any random order; there was a reason why they were put in this order.
The genre of this campaign site is hard to pinpoint because it could be sad or sorrow but at the same time be uplifting and courageous. The whole website is split 50/50 but has a fair ratio of the two which keeps the viewers emotions in line. The homepage is somber and direct while the “Truth Events” page is motivating. Long story short, the genre of this page varies with which tab you decide to travel to. |
Author: Liam Hye"'I'm kind of a big deal' -Ron Burgundy" -Liam Hye Archives
April 2016
Categories |