WEB DEVELOPMENT

TABLE OF CONTENTS

CONTENTS PAGE.NO.
Abstract i

Acknowledgement ii
About The Institute iii
Definitions, Acronyms And Abbreviations iv

1. Website And Web-Development 3

2. Several Aspects Of Web Developing 4
3. Process 4
4. System Requirements Specifications 5

4.1. System Configurations 5

4.2. Software Requirements 5
4.3. Hardware Requirements 5
5. Tools 6
6. Features 6
7. Aspects Of Web Developing 7
7.1. Html 7
7.2. What Is The Web 7
7.3. Versions Of HTML 8
7.4. CSS 9
7.5.Javascript 10

DEPARTMENT OF CSE 1
 WEB DEVELOPMENT

7.6. MYSQL 11
7.6.1. Uses 11
7.6.2. Features Of MYSQL 11
7.7.C# 13
7.8. Asp.Net Core 14

8. Software Training Work Undertaken 15

8.1. Html 5 15
8.2. Sublime Text 16
8.3. Mysql 16
9. Industrial Training Work Undertaken 18
10. Project Work 19
11.Results And Discussions 19
12. Future Scope Of Web Development 20
12.1. Artificial Intelligence 20

12.2. Internet Of Things 21

12.3. Virtual Reality 22
12.4. 360-Degree Video 22
12.5. Motion User Interface 22
12.6. Voice Command 22
References 23
Weblinks 23

DEPARTMENT OF CSE 2
 WEB DEVELOPMENT

1. WEBSITE AND WEB-DEVELOPMENT:

Website is a collection of related web pages, including multimedia content, typically

identified with a common domain name, and published on at least one web server. A website
may be accessible via a public Internet Protocol (IP) network, such as the Internet, or a private
local area network (LAN), by referencing a uniform resource locator (URL) that identifies the
site.

Websites can have many functions and can be used in various fashions; a website can be a
personal website, a commercial website for a company, a government website or a non-profit
organization website. Websites are typically dedicated to a particular topic or purpose,
ranging from entertainment and social networking to providing news and education. All
publicly accessible websites collectively constitute the World Wide Web, while private
websites, such as a company's website for its employees, are typically a part of an intranet.

Web development is a broad term for the work involved in developing a web site for the
Internet (World Wide Web) or an intranet (a private network). Web development can range
from developing the simplest static single page of plain text to the most complex web-based
internet applications for just web apps") electronic businesses, and social network services. A
more comprehensive list of tasks to which web development commonly refers, may include
web engineering, web design, web content development, client liaison, client side/server-side
scripting, web server and network security configuration, and e commerce development.
Among web professionals, "web development" usually refers to the main non-design aspects
of building web sites: writing markup and coding.

DEPARTMENT OF CSE 3
 WEB DEVELOPMENT

2. SEVERAL ASPECTS OF WEB DEVELOPING

Before developing a web site once should keep several aspects in mind like:

➢ What to put on the web site?

➢ Who will host it?

➢ How to make it interactive

➢ How to secure the source code frequently?

➢ Will the web site design display well in different browsers?

➢ Will the navigation menus be easy to use?

➢ Will the web site load quickly?

➢ How easily will the site pages print?

3. PROCESS

These are the steps considered while developing a webpage:

➢ Decide Purpose

➢ Planning

➢ Designing

➢ Gather Content

➢ Building

➢ Testing

➢ Upload to Server

➢ Marketing & Maintenance

DEPARTMENT OF CSE 4
 WEB DEVELOPMENT

4. SYSTEM REQUIREMENTS SPECIFICATIONS

4.1 System configurations

The software requirement specification can produce at the culmination of the analysis task.
The function and performance allocated to software as part of system engineering are refined
by established a complete information description, a detailed functional description, a
representation of system behaviour, and indication of performance and design constrain,
appropriate validate criteria, and other information pertinent to requirements.

4.2 Software requirements:

Operating System: Windows

Coding Language: HTML, CSS, JavaScript, C# and ASP.NET

Text Editor: Sublime Text3.

Database: My SQL.

4.3 Hardware Requirements:

Processor: Intel core i3

Memory: 4GB RAM

Hard Disk: 512 GB

DEPARTMENT OF CSE 5
 WEB DEVELOPMENT

5. TOOLS

The Translate and Edit application had been planned to consist of two parts-front-end and
back-end development. The front-end is the part of the web that you can see and interact with
(e. g. Client-side programming). While front-end code interacts with the user in real time, the
back-end interacts with a server to return user ready results. The front-end is a combination of
HTML, CSS and JavaScript coding. By using JavaScript, modifications of the design of a
web page can be made immediately, however only temporary and visible only by the user.

Normally the user would not have rights to modify web content dynamically on the server
side. Logically, administrators are the ones who deal with back-end modification of databases
for example, as they often contain sensitive data which should not be available to see or
modify by the general public. These front-end and back-end tools includes languages like
HTML, CSS, JavaScript, PHP, MYSQL etc.

6. FEATURES

➢ Web Page Assists. Resources, and Network Information

➢ Profiling and Auditing

DEPARTMENT OF CSE 6
 WEB DEVELOPMENT

7. ASPECTS OF WEB DEVELOPING

7.1 HTML

HTML (Hypertext Mark-Up Language) is what is known as a "mark-up language" whose role
is to prepare written documents using formatting tags. The tags indicate how the document is
presented and how it links to other documents.

The World Wide Web (WWW for short), or simply the Web, is the worldwide network
formed by all the documents (called "web pages") which are connected to one another by
hyperlinks.

Web pages are usually organized around a main page, which acts as a hub for browsing other
pages with hyperlinks. This group of web pages joined by hyperlinks and centred around a
main page is called a website.

The Web is a vast living archive composed of a myriad of web sites, giving people access to
web pages that may contain formatted text, images, sounds, video, etc.

7.2 What is the Web?

The Web is composed of web pages stored on web servers, which are machines that are
constantly connected to the Internet and which provide the pages that users request. Every
web page, and more generally any online resource, such as images, video, music, and
animation, is associated with a unique address called a URL. The key element for viewing
web pages is the browser, a software program which sends requests to web servers, then
processes the resulting data and displays the information as intended, based on instructions in
the HTML page.

The most commonly used browsers on the Internet include:

➢ Chrome

➢ Firefox

➢ Safari

➢ Opera

DEPARTMENT OF CSE 7
 WEB DEVELOPMENT

7.3 Versions Of HTML:

HTML was designed by Tim Berners-Lee, at the time a researcher at CERN (Chinese
Ecosystem Research Network), beginning in 1989. He officially announced the creation of the
Web on Usenet in August 1991. However, it wasn't until 1993 that HTML was considered
advanced enough to call it a language (HTML was then symbolically christened HTML 1.0).

RFC 1866, dated November 1995. represented the first official version of HTML, called
HTML 2.0. After the brief appearance of HTML 3.0, which was never officially released,
HTML 3.2 became the official standard on January 14, 1997. The most significant changes to
HTML 3,2 were the standardization of tables, as well as many features relating to the
presentation of web pages.

On December 18, 1997, HTML 4.0 was released. Version 4.0 of HTML was notable for
standardizing style sheets and frames. HTML version 4.01, which came out on December 24,
1999, made several minor modifications to HTML 4.0.

Example

<HTML>

<HEAD> </HEAD>

<BODY>

<H5>THIS IS AN EXAMPLE</ H5>

</BODY>

</HTML>

DEPARTMENT OF CSE 8
 WEB DEVELOPMENT

7.4 CSS:
 CSS stands for Cascading Style Sheets.
 CSS describes how HTML elements are to be displayed on screen, paper, or in other
media.
 CSS saves a lot of work. It can control the layout of multiple web pages all at once
 External stylesheets are stored in CSS files.
 CSS describes how HTML elements should be displayed.
 CSS Saves a Lot of Work! The style definitions are normally saved in external.css
files.
 With an external stylesheet file, we can change the look of an entire website by
changing just one file!
 CSS can be either external or internal.

EXAMPLE
body {
background-color: lightblue;
}

h1 {
color: white;
text-align: center;
}

p {
font-family: verdana;
font-size: 20px;
}

DEPARTMENT OF CSE 9
 WEB DEVELOPMENT

7.5 JAVASCRIPT:

JavaScript is a lightweight, interpreted programming language. It is designed for

creating network-centric applications. It is complimentary to and integrated with
Java. JavaScript is very easy to implement because it is integrated with HTML. It is open
and cross-platform.

 Javascript is the most popular programming language in the world and that makes it
a programmer’s great choice. Once you learnt Javascript, it helps you developing great
front-end as well as back-end softwares using different Javascript based frameworks
like jQuery, Node.JS etc.
 Javascript is everywhere, it comes installed on every modern web browser and so to
learn Javascript you really do not need any special environment setup. For example
Chrome, Mozilla Firefox , Safari and every browser you know as of today, supports
Javascript.
 Javascript helps you create really beautiful and crazy fast websites. You can develop
your website with a console like look and feel and give your users the best Graphical
User Experience.
 JavaScript usage has now extended to mobile app development, desktop app
development, and game development. This opens many opportunities for you as
Javascript Programmer.
 Due to high demand, there is tons of job growth and high pay for those who know
JavaScript. You can navigate over to different job sites to see what having JavaScript
skills looks like in the job market.
 Great thing about Javascript is that you will find tons of frameworks and Libraries
already developed which can be used directly in your software development to reduce
your time to market.

EXAMPLE

<html>

<body>

<script type="text/javascript">

document.write("JavaScript is a simple language for javatpoint learners");

DEPARTMENT OF CSE 10
 WEB DEVELOPMENT

</script>

</body>

</html>

7.6 MYSQL:

MySQL (My S-Q-L. or "My sequel") is a relational database management system (RDBMS)
which has more than 6 million installations. MySQL stands for "My Structured Query
Language". The program runs as a server providing multi-user access to a number of
databases.

7.6.1 Uses:

MySQL is used in web applications and acts as the database component of the LAMP
software stack. Its popularity for use with web applications is closely tied to the popularity of
PHP, which is often combined with MySQL. Several high-traffic web sites (including Flickr,
Facebook, Wikipedia. Google (though not for searches), Nokia, Auctionmarts and YouTube)
use MySQL for data storage and logging of user data.

7.6.2 Features of MySQL

A broad subset of ANSI SQL 99, as well as extensions

➢ Cross-platform support

➢ Stored procedures

➢ Triggers

➢ Cursors

➢ Strict mode

➢ Updatable Views

➢ Query caching

➢ Sub- SELECTs (i.e., nested SELECTS)

DEPARTMENT OF CSE 11
 WEB DEVELOPMENT

➢ Replication with one master per slave, many slaves per master. no automatic support for
multiple masters per slave.

DEPARTMENT OF CSE 12
 WEB DEVELOPMENT

7.7. C#
C# is a modern, general-purpose, object-oriented programming language developed by
Microsoft and approved by European Computer Manufacturers Association (ECMA) and
International Standards Organization (ISO).

C# was developed by Anders Hejlsberg and his team during the development of .Net
Framework.

C# is designed for Common Language Infrastructure (CLI), which consists of the executable
code and runtime environment that allows use of various high-level languages on different
computer platforms and architectures.

The following reasons make C# a widely used professional language −

 It is a modern, general-purpose programming language

 It is object oriented.
 It is component oriented.
 It is easy to learn.
 It is a structured language.
 It produces efficient programs.
 It can be compiled on a variety of computer platforms.
 It is a part of .Net Framework.

EXAMPLE
class Program
{
static void Main(string[] args)
{
System.Console.WriteLine("Hello World!");
}
}

DEPARTMENT OF CSE 13
 WEB DEVELOPMENT

7.8. ASP.NET CORE

ASP.NET Core is an open source and cloud-optimized web framework for developing
modern web applications that can be developed and run on Windows, Linux and the Mac. It
includes the MVC framework, which now combines the features of MVC and Web API into a
single web programming framework.

 ASP.NET Core apps can run on .NET Core or on the full .NET Framework.
 It was architected to provide an optimized development framework for apps that are
deployed to the cloud or run on-premises.
 It consists of modular components with minimal overhead, so you retain flexibility
while constructing your solutions.
 You can develop and run your ASP.NET Core apps cross-platform on Windows, Mac
and Linux.

DEPARTMENT OF CSE 14
 WEB DEVELOPMENT

8. SOFTWARE TRAINING WORK UNDERTAKEN

8.1. HTML 5:

HTML5 is a markup language used for structuring and presenting content on the World Wide
Web. It is the fifth and last major HTML version that is a World Wide Web Consortium
(W3C) recommendation. The current specification is known as the HTML Living Standard. It
is maintained by a consortium of the major browser vendors (Apple, Google, Mozilla, and
Microsoft), the Web Hypertext Application Technology Working Group (WHATWG).
HTML5 was first released in a public-facing form on 22 January 2008, with a major update
and "W3C Recommendation" status in October 2014. Its goals were to improve the language
with support for the latest multimedia and other new features; to keep the language both
easily readable by humans and consistently understood by computers and devices such as web
browsers, parsers, etc., without XHTML's rigidity; and to remain backward- compatible with
older software. HTML5 is intended to subsume not only HTML 4 but also XHTML 1 and
DOM Level 2 HTML. HTML5 includes detailed processing models to encourage more
interoperable implementations; it extends, improves, and rationalizes the markup available for
documents and introduces markup and application programming interfaces (APIs) for
complex web applications. For the same reasons, HTML5 is also a candidate for cross-
platform mobile applications because it includes features designed with low- powered devices
in mind. used for structuring and presenting content on the World Wide Web. It is the fifth
and last major HTML version that is a World Wide Web Consortium (W3C)
recommendationHTML5 includes detailed processing models to encourage more
interoperable implementations; it extends, improves, and rationalizes the markup available for
documents and introduces markup and application programming interfaces (APIs) for
complex web applications. For the same reasons, HTML5 is also a candidate for cross-
platform mobile applications because it includes features designed with low-powered devices
in mind. HTML is used to design the structure of a web page. It is a set of instructions on how
to display content on a web page. With HTML constructs, images and other objects such as
Interactive forms may be embedded into the rendered page. HTML provides a means to create
structured documents by denoting structural semantics for text such as headings, paragraphs,
lists, links, quotes and other items. HTML documents are written in html editors. Since the
html document is written in plain, we can use any text editor.

DEPARTMENT OF CSE 15
 WEB DEVELOPMENT

Example: notepad, notepad++, sublime text, eclipse, netbeans etc.

HTML 5 PAGE STRUCTURE

<!DOCTYPE html>

<html>

<head>

<title> </title>

</head>

<body>

</body>

</html>

8.2. SUBLIME TEXT

Sublime text Artfully run by a one-man development team, the secret to sublime’s success
lies in the program’s vast array of keyboard shortcuts - such as the ability to perform
simultaneous editing (making the same interactive changes to multiple selected areas) as well
as quick navigation to files, symbols, and lines. And when you’re spending 8+ hours with
your editor each day, those precious few seconds saved for each process really do add up.

8.3. MYSQL:

MySQL Database Service is a fully managed database service to deploy cloud-native

applications. Heatwave, an integrated, high-performance analytics engine accelerates MySQL
performance by 400x. following are the main functions of MySQL:

• MySQL is a database system used on the web

DEPARTMENT OF CSE 16
 WEB DEVELOPMENT

• MySQL is a database system that runs on a server

• MySQL is ideal for both small and large applications

• MySQL is very fast, reliable, and easy to use

• MySQL uses standard SQL

• MySQL compiles on a number of platforms

• MySQL is free to download and use

• MySQL is developed, distributed, and supported by Oracle Corporation

• MySQL is named after co-founder Monty Widenius's daughter: My

The data in a MySQL database are stored in tables. A table is a collection of related data, and
it consists of columns and rows.

DEPARTMENT OF CSE 17
 WEB DEVELOPMENT

9. INDUSTRIAL TRAINING WORK UNDERTAKEN

The Institute through which I completed my training was National Institute Of Technology.
The Aim was basically to learn the various aspects of Web Design using HTML, CSS,
JAVASCRIPT, C#, ASP.Net and MySQL to create dynamic website using the same. The
training was conducted from 1-01-2023-30-01-2023 the period of 4 weeks. There are more
attendant and requirement needed to build a project. We know that, we can mix all languages
like C++, C, HTML,MySQL and more. The web server combines the results of the interpreted
and executed HTML code, which maybe any type of data, including images, with the
generated web page. The training that I attended In National Institute of Technology Srinagar
included:

 HTML5
 CSS
 JAVASCRIPT
 MySQL
 C#
 ASP.NET CORE

DEPARTMENT OF CSE 18
 WEB DEVELOPMENT

10. PROJECT WORK

During the training period at NATIONAL INSTITUTE OF TECHNOLOGY SRINAGAR, I

came across following and learned some new tech:

Latest version of HTML5 which includes new elements, attributes and tags and a larger set of
technologies that allows the building of more diverse and powerful Web sites and
applications. Being familiar with ASP.Net and learning to use it as a server-side scripting
language that I used to develop Static websites or Dynamic websites.

Creating and Managing database. In this case, I used MYSQL to create a database which has
a dynamic interface. A database program is a type of computer software that is designed to
handle lots of data, but to store them in such a way that finding (and thus retrieving) any
snippet of data is more efficient than it would have been if you simply dumped them willy
nilly all over the place. With such a database software, if you (say) keep a list of customers
and their shipping addresses, entering and retrieving information about your one-millionth
customer will not take much longer (if at all) than entering and retrieving information about
your first customer. Besides there are many databases that support the use of SQL to access
their data, among them MySQL. In other words, MySQL is just the brand of one database
software, one of many. These two databases are very popular among programs that run on
websites (probably because they are free), which is why you often see one or both of them
being advertised in the feature lists of web hosts, as well as being listed as one of the "system
requirements" for certain web software (like blogs and content management systems).

11. RESULTS AND DISCUSSIONS

The end result was a website created with the help of HTML, ASP.Net and CSS. The website
was about online book store. When a user visited the website for the first time, A login/
Signup page appeared where he had to enter his credentials which would further redirect him
to the main webpage and then the user would buy a book according to his/her interest.

DEPARTMENT OF CSE 19
 WEB DEVELOPMENT

12. FUTURE SCOPE OF WEB DEVELOPMENT

The Web Developer bears the responsibility for the coding, design, and layout of the website
according to the company’s specifications. A website is more important than anything for
every business when it comes to reaching clients online. Every business knows today the need
to have a website and is trying to design and create the best website to take its products or
services online. With incredible progress in launching websites, businesses are searching for
people who can build outstanding designs and platforms for their online presence. Web
developers and designers bring their technical skills and experience to the creation and
production of exclusive websites capable of attracting the crowd. They are striving to create
more reliable sites through all-new frameworks, tools, and advancements.

With the technical expertise widespread today, we are on the road to a technologically
transforming future. The technology landscape is evolving with artificial intelligence,
computer education, the Internet of Things, and quantum computing. And this is even down
to their website relationship. Experts from Clever-Solution evaluated the current patterns,
listed the most viable ones, and estimated the time expected for their implementation. Let’s
explore how more space will be created by web weave, with new trends in web development
and new trends that will capture or dominate soon.

12.1. ARTIFICIAL INTELLIGENCE

Artificial intelligence does not need to be introduced. Every article on technology, which we
read on the web, reflects the need for AI and how it would be the next thing on the web.
Several companies and institutions are already implementing AI to meet their needs. Some
have reaped the benefits of AI for their businesses. AI is the future trend of web space
development. It is justified as a lot of progress and advancements have been made in the field
of Artificial Intelligence.

Leading corporate companies like Google and Microsoft have launched their AI technology
for the public, you can build your custom websites with the power of AI. One of the latest AI
implementations is the grid, which allows web development a simple process, and initiates
content- based development. There are no templates or codes – all you need to do is provide
instructions, and it will lay out what you want.

DEPARTMENT OF CSE 20
 WEB DEVELOPMENT

ADI tools emerge that allow the process of websites to be fairly automated. The important
components of a website are Artificial Design Intelligence (ADI) that can build and offer
developers options for customized software. In the future, the way websites are created can
make a major impact. Going forward in the future can have a major impact on how websites
are created. Now is the time for AI web developers who know more about the future, where
web development is more likely to give users what they need and not simply to give them
what the developer can make. AI should be on your list if you’re looking for what capabilities
or skills would add to make you a successful web developer.

12.2. INTERNET OF THINGS

The Internet of Things, or IoT, refers to the billions of physical devices, objects, animals, or
individuals with unique identifiers that are distributed across the network are now connected
to the Internet, all of which collect and exchange data, without requiring human-to-human or
human-to-computer interaction.

It’s a technology that is emerging at a faster rate than imagined. IoT is a future technology
that makes our lives in management easy and efficient. Web developers are not directly linked
to IoT, but will soon be involved in developing web applications that are needed for analysis
and data for their operations. Few companies have started using Application Programming
Interfaces, which are used by web developers to communicate with IoT. It would involve a
connection between applications and physical devices that would require flexible developers.

The IoT developer needs to demonstrate a wide range of skills, including software, hardware
programming, networking, systems engineering and user interface, mobile app development,
machine learning, and tool knowledge as an individual. If you think that you have all those
skills, then you move to achieve a better job as a web developer and with higher pay.

DEPARTMENT OF CSE 21
 WEB DEVELOPMENT

12.3. VIRTUAL REALITY

Virtual reality is the long-awaited dynamic that many thoughts would take the world by
storm, affecting everything in its path. Virtual reality is designed to affect many different
elements of web design for a variety of different reasons. VR is sculpting a web path and is
set to affect web design in many interesting new ways.

12.4. 360-DEGREE VIDEO

The 360-degree video offers a significantly enhanced user interface that leads to the creation
and growth of websites. The 360 degrees are guaranteed to draw more attention, thus
enhancing interaction for more views. It enriches the user’s experience as if he or she is
genuinely present. The video clips cover a view of the spherical scenario in 360 degrees,
while the camera captures a view of all possible angles to a seamless future experience. The
ultimate objective is to provide end- users with high-tech features.

12.5. MOTION USER INTERFACE

Motion design helps to make user interfaces attractive and intuitive. When correctly used,
motion can guide your digital product user experience by conveying a message about your
brand. To add value and enhance many aspects of their interaction, you can align animation to
the preferences of your users.

12.6. VOICE COMMAND

An example of artificial intelligence implementation, this wasn’t so amazing before, because

this technology just worked poorly. High- quality voice input items were extremely
expensive. But it’s one of the trends now. In several smartphone and web applications voice
commands are actively implemented. You can call Uber, too, by voice. You don’t have to
spend time using your application, so life is much easier.

Voice input is another technique to enhance user experience. Voice search must be taken
seriously in the development of the website. Web designers are now trying to figure out ways

DEPARTMENT OF CSE 22
 WEB DEVELOPMENT

to incorporate this successfully into their websites. They must even be able to record user
activity from voice searches for people involved in digital marketing. A third of internet users
already think that voice searches are relevant and this trend will expand further. That is why
web development shapes the future.

REFERENCES
1. HM Deitel-Deitel & Associates, Inc. Internet & world wide web: how to program. Pearson
Education India, 2007.

2. Vikram Vaswani, ―MySQL (TM): The Complete Reference‖, 6th edition, Mc Graw Hill
Education publications.

3. Hejlsberg, Anders, Scott Wiltamuth, and Peter Golde. C# language specification. Addison-
Wesley Longman Publishing Co., Inc., 2003.

4. Walther, Stephen. ASP. Net Unleashed. Sams Publishing, 2004.

Weblinks:

1. To learn about the software required to use, we used www.wikipidea.org.

2. For more examples for learning, we referred, www.tutorialpoint.com.

3. For learning the ASP.Net and MySQL integration, we referred, www.w3schools.com.

DEPARTMENT OF CSE 23