Website Design &

Development
purpose and relationships
 1. DNS

2. The purpose and relationships

3. SEO

4. Relationship between front-end and back-end website technology

OUTLINE
5. The differences between online website creation tools and custom
built sites

6. User Experience (UX) and User Interface (UI).

DNS “…
 IP ADDRESSES
IP addresses are network hardware identifiers. With IP
addresses, devices can have a communication through
another device through an Internet protocol system, such
as the Internet. Below is an example of how most IP
addresses look.

235.202.22.232

IP addresses gives networking devices an identity. Just

like business addresses which provides identifiable
addresses to its specific physical places with a
recognizable address, Network devices are separated by
IP addresses from each other.
 Parts of URLs
Take this URL into account:

https:/themeisle.com/blog/fix-broken-like-word press/

The first part is the easiest thing to overlook. Probably at the beginning of
every URL you are used to see http:/ and https:/ so that you don’t think about
it a second time. However, it’s more the significant than you might imagine
this element– the’ protocol’ URL.

The first part is the easiest thing to overlook. Probably at the beginning of
every URL you are used to see http:/ and https:/ so that you don’t think about
it a second time. However, it’s more significant than you might imagine this
element– the’ protocol’ URL.
 DOMAIN NAMES
https:/themeisle.com/blog/fix-broken-like-word press/

This next part is the’ domain name’- the web address that
is most identifiable. It’s themeisle.com (our site!) in this
case. A name for a specific domain site is an
identification that usually takes you to the home page
unless you add anything else to it.

The name of your domain is essentially the same as the

physical address of your site. If a company (or
individual) purchases a domain name, it can specify
which server the domain name refers to. Domain names
work by using the server hosting your website as a
shortcut. Anybody who wants to go to your website
would have to enter without a domain name.
THE PURPOSE AND “…

RELATIONSHIPS
 TYPES OF PROTOCOLS
There are various types of protocols that support a major and compassionate
role in communicating with different devices across the network. These are:

1. Transmission Control Protocol (TCP)

2. Internet Protocol (IP)

3. User Datagram Protocol (UDP)

4. Post office Protocol (POP)

5. Simple mail transport Protocol (SMTP)

6. File Transfer Protocol (FTP)

7. Hyper Text Transfer Protocol (HTTP)

8. Hyper Text Transfer Protocol Secure (HTTPS)

9. Telnet

10. Gopher
 SERVER HARDWARE
The word “server” is sometimes a little confusing
because a server can refer computer hardware or the
programs that run on that hardware. Here we are talking
about the actual hardware itself.

Servers are computers designed to wait for any requests

from users or other computers and then act on that
request. Their main purpose is to be there for you, to
share data and perform tasks to keep your workflow
smooth and productivity elevated.

Here are some examples of server tasks: Email,File

sharing,Website hosting,Network
management,Database,Custom applications
 Operating system

Your computer's operating system (OS) manages all of the software and
hardware on the computer. Most of the time, there are several different
computer programs running at the same time, and they all need to access your
computer's central processing unit (CPU), memory, and storage. The operating
system coordinates all of this to make sure each program gets what it needs.

Types of operating systems:

1. Microsoft Windows

2. macOS

3. Linux

4. Operating systems for mobile devices

 WEB SERVER SOFTWARE

The term web server generally refers to two different

things: either the software of a web server (i.e. the
program itself) or to the computer on which the web
server software is implemented. When referring to the
latter definition, the computer is referred to as a host;
these are able to ‘host’ multiple web server programs. In
the following text, the term web server software/HTTP
server software is used to refer to the actual program,
while the term ‘host’ has to do with the actual physical
machines that this software runs on.
CONCLUSION

Hardware and software are mutually dependent on each other. Both of them must work together to make a computer produce a

useful output. A driver software component provides a software interface to hardware devices, enabling operating systems and other

computer programs to access hardware functions without needing to know precise details about the hardware being used. Software

cannot be utilized without supporting hardware and vice versa OS creates address space, an abstraction of the physical memory

which is the running view of the memory, to curb the security issues that may arise as a result of multiple programs residing

concurrently in memory. This act is referred to as virtualization because the running program thinks it is loaded in memory at a

particular address. Moreover, OS uses isolation principles the separate processes to ensure that the operation of one process does not

affect the other and the operations of the underlying OS. DMA offers better advantage over the other methods through which the CPU

communicate with the devices as the OS used DMA to reduce the time it uses in handling the interrupts to the CPU. In addition, DMA

controllers are programmed with source and destination pointers which indicate where to read / write data and counters which track

the number of transferred bytes.

SEO “…
 KEYWORD RESEARCH TOOL
This SEO tool assists users in the keyword research
process by suggesting and providing additional
keywords. This keyword key can be used server to darken
your website content to increase organic traffic or server
for advertising campaign or market demand research.
Here are some useful tools for keyword research.

Adwords Keyword Planner, Bing Keyword Tool,

KeywordTool.io, UberSuggest are free keyword search
tools. Word Stream and Word Tracker are paid tools that
provide additional information and keywords that the free
tools may not have. Keyword Toaster and Merge Words
is a tool that helps you automatically generate keyword
lists by combining words together. This SEO tool should
be used in conjunction with each other to produce the
most detailed and complete keyword list.
 Operating system

Your computer's operating system (OS) manages all of the software and
hardware on the computer. Most of the time, there are several different
computer programs running at the same time, and they all need to access your
computer's central processing unit (CPU), memory, and storage. The operating
system coordinates all of this to make sure each program gets what it needs.

Types of operating systems:

1. Microsoft Windows

2. macOS

3. Linux

4. Operating systems for mobile devices

 Keyword tracking tool
Rank tracking is one of the important jobs of SEO people to know the current
status and effectiveness of campaigns as well as service people for reporting.
Usually the rank checker tool will be supported to check by location address,
language, automatic notification when there is a change in rank, competitor's
keyword tracking rank, etc.

Which SEO Tool is the best? If you need a quick and free check of some
keywords, use the SEO extension SERP Workbench or SERPS.com. If you
need to check this many keywords and detailed reports, then SEO PowerSuite's
Rank Tracker or RankWatch are 2 tools that the writer has used and found
good. Pro Rank Tracker and Rank Ranger have both a desktop version and a
mobile version, suitable if you have a need to check rankings dynamically.
There is also SEO Watcher and SEO Mojo which are 2 free rank checking tools
on Android.
 RELATIONSHIP BETWEEN FRONT-END AND BACK-END WEBSITE TECHNOLOGY

FRONT-END DEVELOPMENT BACK-END DEVELOPMENT

The front end of an application is the visible part of it that the user
The back end of the web application is basically the brains behind
interacts with. The main purpose of the front end is to deliver
the front end. It comprises three components: server, application and
effective interactivity and display of the content and data in an
database. It is a link between the server and the user. Most of the
appealing, neat and simple to understand manner. Essential
coding for the web application can be found in the back end and the
features to be built into the front end part of web development
quality of this code will determine how the website functions.
include: markup, style, accessibility, cross-browser, cross-platform
Knowledge of required programming languages and database, as
and cross-device functionality, templates, CMS and web
well as of the server side architecture is essential to prevent sluggish
frameworks, usability and performance.
performance, continuous crashes or errors.

There is a particular set of technical skills, tools and knowledge

base required for front end development, whether your business is
implementing this in-house or outsourcing it to an experienced
web development company.
THE
DIFFERENCE “…

BETWEEN
THE DIFFERENCES BETWEEN ONLINE WEBSITE CREATION TOOLS AND CUSTOM BUILT SITES
CUSTOM WEBSITES
With a custom website, you are allowed and encouraged to
show your company culture and personality through design. A
unique design can be presented, revised and built into a custom
template for your website. A solid web development firm is
constantly updating their code and finding new ways to
increase the longevity of the sites they build. They are on the
lookout for new SEO best practices as they roll out from
Google.
WEBSITE CREATION TOOLS
With the design of most templates, what you see is what you
get. You can change the colors and maybe the fonts but the
layout is pretty set. If you really love the layout and design and
do not have a desire to change it, a template could work in
your favor. Start-up companies and DIYers often need a
website up rather quickly and on a low budget. Website
templates and platforms like WordPress, Squarespace and Wix
are often plug and play.
 USER EXPERIENCE (UX) AND USER INTERFACE (UI).
UX DESIGN UI DESIGN

UX is an acronym for "User Experience". UX design brings a UI design stands for "User Interface", which comes from the world
decisive left-brain component to the digital experience and can of software, where the User Interface of a product is the product.
include the design of apps or other software products as well as User interface designers have traditionally been experts at designing

websites. While a good web designer focuses on the end-user machine-to-human interfaces. The adage "Form tracking
functionality" is a working principle in User Interface Design. For
experience, a UX designer takes it to the next level and applies a
websites, UI Design is more synonymous with UI development, i.e.
specific methodology to the user. The user experience process
managing complex information, tasks and workflows and distilling
typically begins with a strong research component that leads to
it into non-linear screens and flows. and make something
clarity about the specific, desired end state, and the customer
complicated look simple. In essence, UI Design represents the
journey(s) needed to get there. This involved the development of Use intersection of programming and design.
Personal (detailed demographics, psychographic portraits of different

types of users, and what drives them) and an iterative, collaborative

approach to defining plot and necessary functions.