Thursday, 24 November 2016

Creating Fake Red Room

Making the Website

In our trailer, we plan to use screen capturing software to show the main character visiting a red room on the deep web, and as it would be difficult and highly unsafe to access a real one, I have made a fake one. As seen in my research post on red rooms, the existing ones have very simple, plain designs, and this was easy to do as I know the very basics of html. I started by just inputting the text I wanted on the page. 
















I then added the <center> tag to align the text in the middle rather than the left. The text is taken from a YouTube video about a red room named The Monkeyhouse.















Next, I changed the font sizes and added <b> to make the title bold. I made the title bigger than the text below. 













I then made the background colour red, and left the text as the default which would be black. I didn't change the font as the minimalist designs of real red rooms suggest that the creators don't put that much effort into their design and prefer to keep it simple. 


Once I was satisfied with how this looked in the browser, I moved the code over to Tumblr which would allow me to make the website live, as well as embedding a video. Later on, the video will be our footage of a 'murder', but as we are yet to film this I have embedded the link to my production company opening. I also used the <br> tag to add breaks between the lines so everything was spaced properly. 

However, Tumblr's action buttons can still be seen in the top right corner. To remove these, I added an extra line of code in the <style> tag and changed the YouTube embed to an object rather than an iFrame. This removed the buttons, while allowing the video to still be visible. 

The live website can be accessed here

No comments:

Post a Comment