Website Design and Development: A Comprehensive Guide to Creating a Multipage Website

Website Design and Development
0

Table of Contents
Introduction......................................................................................................................................3
LO1 Explain server technologies and management services associated with hosting and
managing websites...........................................................................................................................4
P1 Identify the purpose and types of DNS, including explanations on how domain names are
organized and managed...............................................................................................................4
P2 Explain the purpose and relationships between communication protocols, server hardware,
operating systems and web server software with regards to designing, publishing and
accessing a website......................................................................................................................6
M1................................................................................................................................................7
M2................................................................................................................................................7
LO2 Categorise website technologies, tools, and software used to develop websites....................8
P3 discuss the capabilities and relationships between front-end and back-end website
technologies and explain how these relate to presentation and application layers......................8
P4 Discuss the differences between online website creation tools and custom built sites with
regards to design flexibility, performance, functionality, User Experience (UX) and User
Interface (UI).............................................................................................................................10
M3..............................................................................................................................................12
LO3 Utilise website technologies, tools and techniques with good design principles to create a
multipage website..........................................................................................................................13
P5 Create a design document for a branded, multipage website supported with medium-fidelity
wireframes and a full set of client and user requirements.........................................................13
P6 Use your design document with appropriate principles, standards, and guidelines to
produce a branded, multipage website supported with real content..........................................18
M4..............................................................................................................................................22
LO4 Create and use a Test Plan to review the performance and design of a multipage website. .23
1

P7 Create a suitable Test Plan identifying key performance areas and use it to review the
functionality and performance of your website.........................................................................23
M5..............................................................................................................................................26
Conclusion.....................................................................................................................................27
References......................................................................................................................................28
List of Figure:
Figure 1: Domain names organization and maintains......................................................................5
Figure 2: Purpose of website..........................................................................................................13
Figure 3: Communication form.....................................................................................................14
Figure 4: Image of website............................................................................................................15
Figure 5: Navigation of website.....................................................................................................15
Figure 6: Grid-based layouts..........................................................................................................16
Figure 7: Mobile friendly website..................................................................................................17
Figure 8: Home Page.....................................................................................................................18
Figure 9: contact us form...............................................................................................................18
Figure 10: Course details page.......................................................................................................19
Figure 11: Professor details page...................................................................................................20
Figure 12: Quiz Page.....................................................................................................................21
Figure 13: Email Validation...........................................................................................................24
Figure 14: Form Validation...........................................................................................................24
Figure 15: Link of website page....................................................................................................24
Figure 16: Responsive Website.....................................................................................................25
Figure 17: W3 Validation..............................................................................................................25
2

Introduction
The website is a collection of multiple web pages which includes multimedia content with the
common domain name. It publishes on the web server. The website contains back-end site and
front-end side for the user communication. It designs with the manual and online tool. HTML,
CSS, javascript, and PHP etc are webs designing language. Here, Website Design and
Development report are designed in the four parts.
In the first part, DNS server will be defined and also explained the DNS server organized and
managed properly. There will be also discussed the web server hardware, software, and operating
system. In the second part, front end and back end techniques will be explained. There will be
also compared to online website creation tools and custom. In the third part, I will be explained
website designing principle and design the website according to website designing principle. In
the four parts, website performance will be tested.
3

LO1 Explain server technologies and management services associated with
hosting and managing websites
P1 Identify the purpose and types of DNS, including explanations on how domain
names are organized and managed
DNS referees as Domain Name System that is a web server. It designs for a massive database
connection which stored domain name related information with their DNS records. DNS record
involves web host, the registrant of the domain, active name servers and so-on information. It is
also known as a name server. Overall world 13 Root DNS server which holds the whole database
of each server. DNS server are two types such as a primary server (work in one zone) and a
secondary server (work in another zone)
Type of DNS Server:
Primary or Master DNS Servers: It reads an information from web server file which located
on the hosting account for the domain zone. It also gives information to the secondary server.
Server administrators have specified the information as zone data. During zone transfer, the
primary server communicates with the secondary server and sent the data one zone to another
zone. Each Zone contains Two DNS server which offers easy communication and more secure.
After creating the zone data, primary server does not need the secondary sever copied
Secondary DNS Servers: It is also known as slave or simple server which received data from
the primary server. DNS Manager referred secondary DNS servers as a secondary’s software.
The secondary server needs permission for each function performance. It takes permission from
the master server. It can also use another secondary server as a master server. It gives security for
primary servers in the redundancy form. It also balances the load (Pcnames, 2013).
Domain names are organized and managed
Domain names contain three parts which are defined below:
 Root Name Server: All worlds have 13 root servers for the internet world. It is a cluster
of duplicated servers that is created for reliability and security purposes.
4

 Top-Level Domain (TLD) servers: It contains top-level domains such as gov, edu, net,
com, org, and country domains such jp, ca, UK, and fr etc. Company network use com
TLD server and education network use edu TLD sever in the top-level domain
 Authoritative name servers: it uses for access the organization website or application in
the publicly through the internet. The organization uses authoritative DNS server for their
DNS Records. It uses as a backup server. The organization contains own primary and
secondary (backup) authoritative name server (Userpages, n.d.).
Figure 1: Domain names organization and maintains
Source: (Userpages, n.d.)
5