WDD-IN0719A22H-Nishant Shah-Assignment 1
WDD-IN0719A22H-Nishant Shah-Assignment 1
WDD-IN0719A22H-Nishant Shah-Assignment 1
DECLARATION
When submitting evidence for assessment, each student must sign a declaration confirming that the
work is their own.
Issue date: 3 Jul 2019 Submission date: 26 Aug 19 Submitted on: 26 Aug 19
Assignment number and title: 1 of 2: Development of website for a Training Organization – Part 1
Plagiarism
Plagiarism is a particular form of cheating. Plagiarism must be avoided at all costs and students who
break the rules, however innocently, may be penalised. It is your responsibility to ensure that you
understand correct referencing practices. As a university level student, you are expected to use
appropriate references throughout and keep carefully detailed notes of all your sources of materials
for material you have used in your work, including any material downloaded from the Internet. Please
consult the relevant unit lecturer or your course tutor if you need any further advice.
Student Declaration
Student declaration
I certify that the assignment submission is entirely my own work and I fully understand the
consequences of plagiarism. I understand that making a false declaration is a form of malpractice.
Contents
5. Differentiate between the Front End & Back End technologies and their
features in word format............................................................................................15
6. A brief note along with screen capture of features you will use for
development in your IDE in PowerPoint slides.....................................................17
Bibliography..............................................................................................................27
1) Zone Master Server: The zone master server is the “Authoritative server”. It will
have a database of all the data associated with a particular zone. This data is
available on two servers, namely the primary master server, and the secondary
master server.
a. Primary Master Server: The primary master server has the master copy of the
domain data, and this master data is loaded onto the disk when its operation
starts. In case there is excessive load on the primary master server, data is
shared on the secondary server, and authority is delegated to it by the primary
server.
2) Cache-only Server: The cache - only server stores results of the queries that are
made. The next time this information is needed, the server fetches it immediately
instead of waiting. These servers are not authorized for any domains, and they only
perform queries. This information is stored in the cache, and reused whenever
needed. These servers cannot perform zone transfers.
3) Root Server: DNS servers that are authoritative for the root domain are root domain
servers. These servers are needed to be used for DNS namespace, i.e., the entire
DNS domain structure. They are the first step in translating host names like
buzzle.com to IP addresses that are used for communication between network
hosts. This process of converting to an IP address is known as resolving. These root
servers publish the contents of root zone files onto the Internet. The ISPs download
copies of the root tables, so as to complete the resolving process locally.
4) Forwarding Server: The forwarding servers are also known as proxy, client, or
remote servers. These servers forward all requests to other DNS servers, and cache
the results. They are mostly used in off-site locations, where all the off-site queries
reach this server first, and it then forwards the queries to other DNS servers. Such
an arrangement reduces the external access of the local servers, and thus, speeds
Step 1: Go to https://www.noip.com
Step 2: Create an account at No-ip.com.
To create an account with No-IP simply click the Sign Up link at the top of the page.
Once you have submitted your account information into the sign-up form, we will
send a confirmation email to the address you provided. You will need to check that
Now that you have confirmed your account, you can Log In.
When you register for a No-IP account a hostname should have been created
automatically. You will use this to connect to your server. If you would like you can
create another hostname using the steps below.
For example, if you were to run a web server, and you wanted to connect to your
server using a web browser, you would put http://hostname.domain.com in the
address bar.
In order to add a host to your account, select the “No-IP Hostnames” link from the
“Dynamic DNS” menu. This will bring up the Create Hostname page.
Step 7: Select domain type [Ex. ddns.net] and click on Add Hostname.
Step 9: Find out our hosting server and change it with the default IP address.
(202.73.44.87)
Step 10: Configure your domain server such as: <hostname>.ddns.net
Step 11: To test and verify your website, it is accessible using your domain name
i.e. <xxx.ddns.net>/<path to your file>
Step 12: If you have completed the step above received a successful result from the
Port.[ CITATION Noi19 \l 16393 ]
Why ddns.net is used: DDNS stands for dynamic DNS, or more specifically,
dynamic Domain Name System. DDNS serves a similar purpose to the internet's
Domain Name System (DNS) in that DDNS lets anyone hosting a web or FTP server
advertise a public name to prospective users. However, unlike DNS which only
works with static IP addresses, DDNS is designed to also support dynamic
(changing) IP addresses, such as those assigned by a DHCP server. That makes
2. FTP: FTP stands for “File Transfer Protocol.” It’s also one of the oldest protocols in
use today, and is a convenient way to move files around. An FTP server offers
access to a directory, with sub-directories. Users connect to these servers with an
FTP client, a piece of software that lets you download files from the server, as well
as upload files to it.[ CITATION Jon19 \l 16393 ]
a. For Designing:
i. Adobe Dreamweaver
ii. Notepad++
iii. Creately
iv. Mockflow
v. Sublime Text 3
b. For Publishing:
i. XAMPP – Apache
ii. FileZilla
c. For Accessing:
i. Chrome Browser
ii. Microsoft Edge
c. Update Content Regularly: Regularly updated content is viewed as one of the best
indicators of a site's relevancy.
d. Meta data: When designing your website, each page contains a space between the
<head> tags to insert metadata, or information about the contents of your page.
e. Use alt tags: Always describe your visual and video media using alt tags, or
alternative text descriptions. They allow search engines to locate your page, which
is crucial—especially for those who use text-only browsers or screen readers.
a. Google
b. Bing
c. Yahoo
d. Ask.com
e. Baidu
1. Learning center
2. Contact
3. Courses
4. Java at abc learning center
5. Html at abc learning center
Phrases that are used for searching website with evidence are mentioned
below:
1. abc learning center
b.Keyword Research: Keyword research is one of the most important, and beneficial
activity in the Search Engine Marketing field. Ranking for the appropriate keywords
can make or break your website.
d.Manage Social Media: Social media outlets like Facebook, Twitter, LinkedIn,
Google Plus etc. are now become an important tool in SEO and is being used
appropriately by businesses to gain more traffic to their websites, generate
business leads and enhance business reputation.[ CITATION Gou19 \l 16393 ]
2) CSS: Cascading Style Sheet (CSS) is used to set the style in web pages which
contain HTML elements. When a browser displays a document, it must combine the
document's content with its style information.
It processes the document in two stages:
a. The browser converts HTML and CSS into the DOM (Document Object Model). The
DOM represents the document in the computer's memory. It combines the
document's content with its style.
b. The browser displays the contents of the DOM.
Internal or Embedded CSS - This can be used when a single HTML document
must be styled uniquely. The CSS rule set should be within the HTML file in the head
section i.e. the CSS is embedded within the HTML file.
External CSS - External CSS contains separate CSS file which contains only style
property with the help of tag attributes (For example class, id, heading, … etc). CSS
property written in a separate file with “.css” extension and should be linked to the
HTML document using link tag.
5. Differentiate between the Front End & Back End technologies and their
features in word format.
A–
Front-end web technology: Front-end is a term that involves the building of
webpages and user interfaces for web-applications. It implements the structure,
design, behavior, and animation of everything you see on the screen when you open
up websites, web applications, or mobile apps. The core 3 technologies that all
modern front-end web developers work to master are HTML5, CSS, and
JavaScript.[ CITATION glo19 \l 16393 ]
Back-end web technology: The back-end (or “server-side”) is the portion of the
website you don’t see. It’s responsible for storing and organizing data, and ensuring
everything on the client-side actually works. The back-end communicates with the
front-end, sending and receiving information to be displayed as a web page.
Whenever you fill out a contact form, type in a web address, or make a purchase
(any user interaction on the client-side), your browser sends a request to the server-
side, which returns information in the form of frontend code that the browser can
interpret and display.[ CITATION Nic18 \l 16393 ]
Presentation Layer: The primary goal of this layer is to take care of the syntax and
semantics of the information exchanged between two communicating systems.
Presentation layer takes care that the data is sent in such a way that the receiver will
understand the information(data) and will be able to use the data
Application Layer: The Application Layer contains a variety of protocols that are
commonly needed by users. One widely-used application protocol is HTTP
(Hypertext Transfer Protocol), which is the basis for the World Wide Web. When a
browser wants a web page, it sends the name of the page it wants to the server
using HTTP. The server then sends the page back.[ CITATION stu13 \l 16393 ]
6. A brief note along with screen capture of features you will use for development
in your IDE in PowerPoint slides.
A – Web Authoring: Web authoring is the practice of creating web documents using
modern web authoring software and tools. Web authoring software is a type of
desktop publishing tool that allows users to navigate the tricky environment of HTML
and web coding by offering a different kind of graphical user interface. With web
authoring tools, the end user can see a visual result that is a lot like the final project
after it is built. Web authoring tools are similar to HTML editors in that they typically
allow toggling between an HTML code view and a visual design. There are many
different tools available for web authoring that help translate HTML coding for those
who do not have as much experience with web code syntax.[ CITATION tec19 \l
16393 ] Adobe Dreamweaver is the example of authoring tools.
Atom: A free, open-source, futuristic text editor, Atom is “hackable to the core,”
meaning you can customize it to do just about anything you want it to.
1. Sublime Text 3
3. Atom
4. Creately
5. SmartDraw
6. Mockflow
7. Invision
8. Adobe Photoshop
9. Adobe Dreamweaver
10. Wix
1. HTML
2. CSS
3. JavaScript
4. Bootstrap
5. Python
6. XML
7. Json
8. jQuery
9. Ajax
10. PHP
ii. An IDE can also contain features such as programmable editors, object and data
modeling, unit testing, a source code library and build automation tools.
iii. An IDE's toolbar looks much like a word processor's toolbar. The toolbar facilitates
color-based organization, source-code formatting, error diagnostics and reporting,
and intelligent code completion.
iv. Through an IDE's interface, a developer or team of developers can compile and
execute code incrementally and manage changes to source code in a uniform
manner.
Some features of Atom text editor: Atom is a text editor that's modern,
approachable, yet hackable to the core—a tool you can customize to do anything but
also use productively without ever touching a config file. An IDE normally consists of
a source code editor, build automation tools and a debugger. The latter two are not
provided by the Atom, hence it’s an advanced text editor.
c.Creately: Creately is a dynamic diagramming tool that can be deployed from the
cloud or on the desktop.
The style sheet language describes how your website is presented and its layout.
CSS is used hand with HTML to add colors, backgrounds, layouts, font sizes, and
more.
CSS a core technology web developers use to design websites.
This method of styling a page is incredibly useful because it allows a website
developer to change all of the same HTML elements on a page without the need to
change each one individually.
c. JavaScript:
d. Ajax:
Ajax stands for Asynchronous JavaScript XML which is a technique to make fast
dynamic web pages.
It can be understood to be a part of JavaScript, running on JavaScript.
It can be seen as a way to replace data using a server, and update web page
sections but does not reload the entire page.
Because a page postback is being eliminated, Ajax enabled applications will always
be more responsive, faster and more user-friendly.
e. PHP:
f. jQuery:
a) HTML:
The above screenshot illustrates the technology used in all projects. HTML is the
most important part of the website. It is used with tags and elements.
b) CSS:
The above screenshot illustrates the technology used in all projects. To style the
every part of the HTML, CSS is there to style in every aspect of styling.
c) JAVASCRIPT:
The above screenshot illustrates the technology used in all projects. The script is
always being written in script tag. It can be written internally in the HTML or by
externally linking in the head tag with the extension of “.js”
d) AJAX:
The above screenshot illustrates the technique used in project 3. Ajax is used to help
web browsers retrieve more data without causing a web page to refresh.
e) PHP:
The above screenshot illustrates the technology used in mini project 3. It is used to
load the pages fast by using the filr extension of “.php”
WordPress: Offline website builders come as software programs that you download
and install on your computer. You will build your website and save your files on your
computer, and when your website is ready, all you need to do is upload all your
website files to a web host. One advantage of such website builders is that the
software is running on your computer so you can work on your website even if you
are offline. But because you will need to upload your files to a web host, you will
need to have at least some technical skills or experience. You will also need to
Bibliography