Responsive Web Design (RWD) Term 1 2019 Portfolio 1

COIT 20268 - Responsive
Web Design (RWD) Term 1
2019
April 25
2019
Student ID:
Student Name: Portfolio 1

Contents
Portfolio 1.1....................................................................................................................3
Portfolio 1.2....................................................................................................................5
Portfolio 1.3....................................................................................................................8
Portfolio 1.4..................................................................................................................10
Portfolio 1.5..................................................................................................................12
Portfolio 1.6..................................................................................................................15
References....................................................................................................................17
2 | P a g e

Report
Portfolio 1.1
Project Proposal
 Site title – Robot Expo
 Developer – WIMP Engineering R&D Consultants
 Rationale or focus – the main objective of the website is to demonstrate
different types of robots e.g. domestic robots, industrial robots, military
robots, educational robots etc. The website is giving complete information
about Robot Expo. The floor plan of the exhibition, the business hours etc. all
are being displayed on the website.
Planning the Site
Main elements–
Following pages are having main elements of the Robot Expo-
Home Page: the home page of the website is the main page that is representing all the
important stuff which is available on the Robot Expo. All types of robots are being
shown on the home page. The business hours and Robot Expo floor plan both are
being displayed at the home page.
Navigation Bar: the navigation bar is containing the links of all pages which are
available on the Robot Expo website to demonstrate the robots and all other things
available at Robot Expo. Domestic robots, industrial robots, military robots,
educational robots, About and Contact Us pages are linked in the navigation bar.
The domestic robots page is showing all the domestic robots, their name, image etc.
The military robots page is showing all the military robots, their name, image etc.
The educational robots page is showing all the educational robots, their name, image
etc.
The industrial robots page is showing all the industrial robots, their name, image etc.
The About page is showing information regarding Robot Expo.
The Contact Us page is showing the contact detail of Robot Expo and showing the
location of Robot Expo on Google Map also.
3 | P a g e

Content– the website is containing 8 pages that are showing complete information
regarding Robot Expo. All types of robots, business hours, about Robot Expo, Contact
detail etc. are being displayed on the website.
Target Audience– Robot Expo is very interesting for all age group members. The
website is showing different types of robots which are very interesting for all age
group persons.
Design Considerations– there are so many design standards which should be
followed while designing the website. In designing the Robot Expo website,
following design standards are considered-
- It should work well in all browsers like Google Chrome, Safari, and Internet
Explorer etc.
- It should be developed in HTML 5 and CSS 3.
- The website’s resolution should be 1024x768 to 1280x1024 pixels.
- There is static content being used only on the website. No dynamic content
from database will be used on the website.
- The layout should be very easy to understand, attractive and familiar.
- The navigation should be very clear and visible.
Limiting Factors– there are some limitations in the website like below-
- No other language can be used except HTML and CSS.
- No database can be used.
- No Visual design tools can be used.
4 | P a g e