Website development

Chapter one : Introduction to website development

 Outline

• Internet
• World wide web
• Webpage
• Website
• Divisions of website development
• Types of website
What is internet?
 Internet

• Interconnected Network
• Network of networks
• Is the global system of interconnected computer networks that use the Internet
protocol suite (TCP/IP) to link devices worldwide.
• Carries a vast range of information resources and services, such as the inter-
linked hypertext documents and applications of the World Wide Web (WWW),
electronic mail, telephony, and file sharing.
World wide web (WWW)
• is an information system where documents and other web resources are identified by Uniform Resource
Locators (URL).
• is a global collection of documents, images, multimedia, applications, and other resources, logically
interrelated by hyperlinks and referenced with Uniform Resource Identifiers (URIs), which provide a
global system of named references
• Are accessible over the internet.
• The resources of the WWW may be accessed by users by a software application called a web browser.
• Network of hypertext documents that are linked to each other.
Client-server architecture
 The Client

• Requests some type of service such as a file or database access from the server.
• Connected to the internet when needed.
• Usually runs web browser software.
• Uses HTTP (hypertext transfer protocol).
• Requests web pages from server.
• Receives web pages and files from server.
 The server

• Server fulfills the request and transmits the results to the client over a network.
• Continually connected to the internet.
• Runs web server software like apache.
• Uses http.
• Receives request for the web page.
• Responds to request and transmits status code, web page and associated files.
 Web page

• A web page is a document that is suitable to act as a web resource on the World
Wide Web.
• Typical web pages are hypertext documents which contain hyperlinks, often
referred to as links, for browsing to other web pages.
 Website

• A website can be defined as a collection of several webpages that are all related
to each other and can be accessed by visiting a homepage, by using a browser
like Internet Explorer, Mozilla, Google Chrome, or Opera.
• A website is a collection of related network web resources, such as web pages,
multimedia content, which are typically identified with a common domain
name, and published on at least one web server.
• Managed by its owner that can be an individual, company or an organization.
 Why do we need website?

• Websites primarily act as a bridge between one who wants to share information
and those who want to consume it.
• If you are running a business, then it is almost imperative for you to have a
website to broadcast your offerings and reach out to potential clients at a global
stage.
• The following points explain why it is important to have a website:
 Contd.

• A website is an online brochure where you can advertise your business offers.
• It gives you a platform to reach out to a far-and-wide global customer base.
• If you are a blogger, you have the possibility to influence your readers.
• You can show all your ideas and publish them on a website.
• If you have a business idea, then you don’t have to wait. You can straightaway
open an online shop and sell your products or services online.
 Contd.

• You can communicate with your customers, giving them an opportunity to

express themselves.
• If you have an official website with a domain, then you can have your
personalized email.
Division of website development

1. Front-end development
and
2. Back-end development
 1. Front end Development

• Also known as client-side development

• Refers to constructing what a user sees when they load a web application – the
content, design and how you interact with it.
• This is done with markup and scripting languages – HTML, CSS and JavaScript.
• Focused on user interface and responsive web design.
 2. back-end development

• Also known as server-side development

• Controls what goes on behind the scenes of a web application.
• A back-end often uses a database to generate the front-end.
• Scripting languages like Node.js, PHP, Python, Ruby, or Perl or compiled
languages like C#, Java or Go.
• Focused on database administration
 Types of website

1. Static Website
And
2. Dynamic Website
 1. Static Website

• Static website is the basic type of website that is easy to create. You don't need
the knowledge of web programming and database design to create a static
website. Its web pages are coded in HTML.
• The codes are fixed for each page so the information contained in the page does
not change and it looks like a printed page.
2. Dynamic website
• Dynamic website is a collection of dynamic web pages whose content changes dynamically. It accesses
content from a database or content management system (CMS). Therefore, when you alter or update the
content of the database, the content of the website is also altered or updated.
• Dynamic website uses client-side scripting or server-side scripting, or both to generate dynamic content.
• Client-side scripting generates content at the client computer on the basis of user input. The web browser
downloads the web page from the server and processes the code within the page to render information to
the user.
• In server-side scripting, the software runs on the server and processing is completed in the server then
plain pages are sent to the user.
 Static Vs Dynamic website
Static Website Dynamic Website
Prebuilt content is same every time the page is Content is generated quickly and changes
loaded. regularly.
It uses the HTML code for developing a It uses the server-side language such as PHP,
website. JSP, ASP.NET for developing website.
It sends exactly the same response for every It may generate different HTML for each of the
request. request.
The content is only changed when someone The page contains “server-side” code which
publishes and updates the file. allows the server to generate the unique content
when the page is loaded.
Flexibility is the main advantage of static Content Management System (CMS) is the main
website. advantage of dynamic website.
Questions?