Web Development Assignment

University of Northampton
Nami College
CSY1018: Web development
Agreed Date for
submission: 12 May 2019 Module Tutor: Ganesh Khatri
Student Name:
GRISHMA DUWADI
Student ID:
19436758
Git hub Link: https://grishma7.github.io/duwadi_19436758/
1 | P a g e

WEB DEVELOPMENT
Name: GrishmaDuwadi
Un id:19436758
Module code:CSY1018
Subject: web development
2 | P a g e

Table of Contents
INTRODUCTION...........................................................................................................................................4
DESCRIPTION OF MY WORK......................................................................................................................4
Features included.......................................................................................................................................7
Experience...................................................................................................................................................8
Wireframes of webpages...........................................................................................................................9
Validations for html and css...................................................................................................................14
Conclusion.................................................................................................................................................21
References.................................................................................................................................................21
3 | P a g e

INTRODUCTION:
Website is the collection of resources which consist of web pages. Websites can be used
for different purpose, personal website also can be made which is called portfolio
likewise website can be maintained by a company organization etc. Variety of websites
can be made including educational, news, social media, etc Many of the websites follows
the standard pattern.
Assignment had been provided from University of Northampton to develop news website.
Assignment was to built column style responsive website which consist of five pages i.e.
landing, review, glossary, job, tutorials which is also a standard pattern. Each page
should be 27” inch screen fold. In order to develop website we need to use HTML,
CSS and java script for the validation of form.
DESCRIPTION OF MY WORK:
Professional news website consists of five pages. Landing , reviews, glossary. Jobs and
Tutorials. Each pages are described below.
a. Landing page:
Landing pages consists of navigation bar at the top of the page which displays date,
time, weather. Side bar is present just below the navigation bar which displays five
different name of the pages and where it is clicked then, user may reach to another
page as it is linked.
4 | P a g e

Now, the body section of the web page consists of three different div. First div consists
of news related to the sports. Image is kept and heading of the image is also kept just
below the image and the description of the image just below the image.
And the last div consist of the latest new where the heading of the news are
kept.Lastly, the footer consists of the image of the editor. Also displays the name,
address gmail of the editor. Editor can be the contact on the given phone number and
also on the given instagram, twitter, and whatsapp. Terms of use condition and help is
displayed on the right side of the footer.
b. Review page:
Review of cloud computing and python framework are described in the page .
Similarly, the navigation bar and side bar is same for the review page, now the
body of the page contains thre different div. first div contains the image related
to the cloud computing and python frameworks are described along with the
presence of images. Third div and the footer are also same as landing in this
page.
5 | P a g e

c. Glossary page:
Glossary page contains the images and the videos for cloud computing and python
frameworks. Videos are embed from youtube. Likewise, navigation bar side bar, footer
and third div are same as landing page. Here, the first div is also same as review page
but the second div consists of the embed videos and its heading describing python frame
work and cloud computing.
d. Job page:
Job pageconsistes of advertisement, form and vacancy announcement. Here, fisrt div
contains advertisement and its heading. Second div consists of form which was validated
6 | P a g e