• Home
  • Swinburne University of Technology
  • Computing Technology Inquiry Project
  • Website Design and Functionality for Proxy Servers

Website Design and Functionality for Proxy Servers

INTRODUCTION Hi! The topic we chose for our group assignment is proxy servers. Our group consists of 5 members, who will each be talking about a part of our website! NAVBAR - MADDI My name is Maddi, and this is the navigation bar for our website. From here, you can navigate each page within our webpage such as the topic, quiz, and enhancement page. When you hover over each page, a line is drawn underneath to indicate what the user is hovering over. We also made it so that it is fixed at the top of the screen so that no matter how far you scroll down, you'd still be able to navigate to another page easily. INDEX - CATHY Hi guys, my name is Cathy, and as you can see this is the index page which is labelled as home on the navigation bar. This page is intended to establish the style of our website and allows users to easily jump to the information of our topic through the read more button as well as the video which demonstrates the features of our website. We tried to make the website as responsive as possible so that as you readjust the window size, the text, as well as the button also changes. This is so that it can be comfortably viewed on a variety of devices and viewport sizes. Design decisions we made include the colour palette, font style and font size. We went with a minimalistic colour palette to minimise distractions. That way, the user can focus on the content. Furthermore, we used black as the background and white as the text to create contrast and improve readability. However, we also wanted to include a pink colour to highlight this bit of imagery on the side. For the font styles, we used an imported font called 'code' for the title 'proxy servers' and for the rest of the text, we used 'consolas' to fit the futuristic style of our website. It should also be noted that we set monospace as the alternative font, in case the web browser doesn't support the chosen fonts on the user's device. FOOTER - MAISHA Hello my name is Maisha and if you scroll down on the index page, you will find the footer. This contains the contact information of each of our members, allowing the users to reach out to us for more information or any help. When the user hovers over each name, the hand will wave and the name will be highlighted. The footer also provides links to each page on our website. TOPIC - NADELIN Hi guys, I'm Nadelin and this is the topic page where the bulk of the content on proxy servers is located. We chose this design to make the content easily digestible for the user by thematically separating each piece of information. Additionally, we used a variety of lists to summarise the information to the user. For instance, an unordered list was created to summarise the