Website Design and Development for InspireMe Charity

Desklib provides solved assignments and past papers to help students succeed.

Table of Contents
Introduction....................................................................................................................................................1
Development..................................................................................................................................................1
2.1 Web browsers.......................................................................................................................................1
2.1.1 Google Web browser....................................................................................................................1
2.1.2 Internet Explorer...............................................................................................................................1
2.2.1 About Page....................................................................................................................................1
2.2.2 Contact Page.................................................................................................................................1
2.2.3 Media Page....................................................................................................................................1
2.2.4 Index Page.....................................................................................................................................1
Validation.......................................................................................................................................................1
Set up.............................................................................................................................................................1
References......................................................................................................................................................1

Table of Figures
Figure 1 Header..............................................................................................................................................1
Figure 2 Footer...............................................................................................................................................1
Figure 3 Navigation.......................................................................................................................................1
Figure 4 Contact Page Table..........................................................................................................................1
Figure 5 Maps Code.......................................................................................................................................1
Figure 6 Live Streaming Code.......................................................................................................................1
Figure 7 Audio elements code.......................................................................................................................1
Figure 8 Business hours table........................................................................................................................1
Figure 9: testing 1..........................................................................................................................................1
Figure 10: Testing 2.......................................................................................................................................1
Figure 11: Page 1...........................................................................................................................................1
Figure 12: Page 2...........................................................................................................................................1
Figure 13: Page 4...........................................................................................................................................1
Figure 14: Validation.....................................................................................................................................1
Figure 15: Step 1............................................................................................................................................1
Figure 16: Step 2............................................................................................................................................1
Figure 17: Step 3............................................................................................................................................1
Figure 18: Step 4............................................................................................................................................1
Figure 19: Step 5............................................................................................................................................1
Introduction
This website is made with respect to InspireMe charity organization. This website has four page
such as about page, home page, contact page, and video page. In this css, html, and java script
are used. This report contains the screenshots of the website.
Development
The codes which were written to execute the file are mentioned below.

Figure 1 Header

Figure 2 Footer

Figure 3 Navigation

Figure 4 Contact Page Table
Figure 5 Maps Code
Figure 6 Live Streaming Code

Figure 7 Audio elements code
Figure 8 Business hours table

2 Testing
In this the website is being run on 2 different browser in order to test that the website appears same on
other platforms also.
2.1 Web browsers
2.1.1 Google Web browser
In this google chrome is used.
Figure 9: testing 1

2.1.2 Internet Explorer
In this internet explorar is used.
Figure 10: Testing 2
2.2.1 About Page
This is the about page where information of inspireme charity organization could be found.

Figure 11: Page 1
2.2.2 Contact Page
This is the contact page so that the user can contact to the organization.