Scribd
Upload
199 views16 pages

Report On Webdevelopment

The document is a seminar report on web development submitted by Sparsh Dhama. It includes an introduction to web development, HTML, CSS, and JavaScript. The introduction defines web development and its roles. HTML is described as the standard markup language used to define web page structure. CSS is introduced as the language used to define styles and layout. JavaScript is discussed as the scripting language used to add interactivity to web pages. The report also includes sections on HTML tags, CSS syntax and properties, and the structure and syntax of JavaScript.

Uploaded by

Sparsh Dhama
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
199 views16 pages

Report On Webdevelopment

The document is a seminar report on web development submitted by Sparsh Dhama. It includes an introduction to web development, HTML, CSS, and JavaScript. The introduction defines web development and its roles. HTML is described as the standard markup language used to define web page structure. CSS is introduced as the language used to define styles and layout. JavaScript is discussed as the scripting language used to add interactivity to web pages. The report also includes sections on HTML tags, CSS syntax and properties, and the structure and syntax of JavaScript.

Uploaded by

Sparsh Dhama
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 16

SEMINAR REPORT

ON
“WEB DEVELOPMENT”
BACHELOR OF TECGNOLOGY IN COMPUTERSCIENCE
AND ENGINEERING
B-TECH (CSE)

2021-2022
Submitted to: - Submitted
by:-MS. Sonali Gupta Sparsh Dhama
Class Coordinator Id: 21011318
Section: R
ACKNOWLEDGEMENT
I would like to express my sincere thanks and
gratitude to my teacher MS. Sonali Gupta for
letting me work on this report. I am very grateful
to him for his support and guidance in completing
this seminar report.
I am thankful to my parents as well. I was able to
successfully complete this report with the help of
their guidance and support. Finally, I want to
thank all my dear friends as well.

Page | 1
INDEX
1. INTRODUCTION
1.1 What is web development?
1.2 Html, css, JavaScript

2. WEB PAGES
2.1 Html tags
2.2 Css syntax & properties
2.3 JavaScript structure & syntax

3. AdvANTAGES AND DISADVANTAGES


4.CONCLUSION & SCOPE

Page | 2
1.INRODUCTION
1.1 WHAT IS WEB DEVELOPMENT ?

Web development is the work involved in developing a website for


the Internet (World Wide Web) or an intranet (a private network).[1] Web
development can range from developing a simple single static
page of plain text to complex web applications, electronic businesses, and
social network services. A more comprehensive list of tasks to whichWeb
development commonly refers, may include Web engineering, Webdesign,
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. Web development may use content
management systems (CMS) to make content changes easier and
available with basic technical skills.
For larger organizations and businesses, Web development teams canconsist
of hundreds of people (Web developers) and follow standard methods like
Agile methodologies while developing Web sites. Smallerorganizations may
only require a single permanent or contracting developer, or secondary
assignment to related job positions such as
a graphic designer or information systems technician. Web developmentmay
be a collaborative effort between departments rather than the domain of a
designated department. There are three kinds of Web developer
specialization: front-end developer, back-end developer, and full-stack
developer. Front-end developers are responsible for behaviorand visuals that
run in the user browser, while back-end developers dealwith the servers. Since
the commercialization of the Web with Tim Berners-Lee developing the World
Wide Web at CERN, the industry has boomed and has become one of the most
used technologies ever.

Page | 3
1.2 HTML (HYPER TEXT MARKUP LANGUAGE)

The HyperText Markup Language or HTML is the standard markup language


for documents designed to be displayed in a web browser. It can be assisted by
technologies such as Cascading Style Sheets (CSS) and scripting languages
such as JavaScript.

Web browsers receive HTML documents from a web server or from local
storage and render the documents into multimedia web pages. HTML
describes the structure of a web page semantically and originally included cues
for the appearance of the document.
HTML elements are the building blocks of HTML pages. 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 can embed programs written in a scripting language such as


JavaScript, which affects the behavior and content of web pages. Inclusion of
CSS defines the look and layout of content. The World Wide Web Consortium
(W3C), former maintainer of the HTML and current maintainer of the CSS
standards, has encouraged the use of CSS over explicit presentational HTML
since 1977.

<!DOCTYPE html>
<html>
<head>
<title>This is a title</title>
</head>
<body>
<div>
<p>Hello world!</p>
</div>
</body>
</html>

Page | 4
CSS (CASCADING STYLE SHEETS)

Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written in a markup language such as HTML or
XML (including XML dialects such as SVG, MathML or XHTML). CSS is a
cornerstone technology of the World Wide Web, alongside HTML and
JavaScript.

CSS is designed to enable the separation of presentation and content, including


layout, colors, and fonts. This separation can improve content accessibility;
provide more flexibility and control in the specification of presentation
characteristics; enable multiple web pages toshare formatting by specifying the
relevant CSS in a separate .css file, which reduces complexity and repetition in
the structural content; and enable the .css file to be cached to improve the page
load speed betweenthe pages that share the file and its formatting.

Separation of formatting and content also makes it feasible to present thesame


markup page in different styles for different rendering methods, such as on-
screen, in print, by voice (via speech-based browser or screen reader), and on
Braille-based tactile devices. CSS also has rules for alternate formatting if the
content is accessed on a mobile device.

The name cascading comes from the specified priority scheme to determine
which style rule applies if more than one rule matches a particular element.
This cascading priority scheme is predictable.

Page | 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.

Why to Learn Javascript ?


Javascript is a MUST for students and working professionals to become a great
Software Engineer specially when they are working in Web Development
Domain. I will list down some of the key advantages of learning Javascript:

 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.
<html>
<body>
<script language = "javascript" type = "text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
</body>
</html>
Page | 6
HTML TAGS

HTML tags are like keywords which defines that how web browser will format
and display the content. With the help of tags, a web browser can distinguish
between an HTML content and a simple content. HTML tags contain three
main parts: opening tag, content and closing tag. But some HTML tags are
unclosed tags.

<html> This tag signifies this is an html document.

<head> This tag signifies the beginning of the header information.

<title> The Title goes here - it shows at the top of the browser - but not on
yourWeb page.</title>

</head> This tag signifies the end of the header information.

[Information above the <body> tag does not show on the Web page.]

<body> This tag signifies the beginning of the html material.

<h1> Your first header or title should go between these symbols. </h1>

<p> This tag designates a paragraph.</p>

<p> And this is the second paragraph...and so on.</p>

</body> This tag signifies the end of the body of the document.

</html> This tag signifies the end of the html document.

Page | 7
CSS SYNTAX & PROPERTIES

1. CSS background-color
The background-color property is used to specify the background color of the
element.

1. <!DOCTYPE html>
2. <html>
3. <head>
4. <style>
5. h2,p{
6. background-color: #b0d4de;7.
}
8. </style>
9. </head>
10. <body>
11. <h2>My first CSS page.</h2>
12.<p>Hello Javatpoint. This is an example of CSS background-color.</p>

Page | 8
13. </body>
14. </html>

2. CSS Align Content Property

The align-content property modifies the behavior of the


flex-wrap property. It is similar to align-items, but
instead of aligning flex items, it aligns flex lines.

div {
width: 70px; height:
300px;
border: 1px solid #c3c3c3;display:
flex;
flex-wrap: wrap; align-
content: center;
}
3. CSS bORDER PROPERTY
h1 {
border: 5px solid
red;
The border property is a shorthandproperty }
for:
• border-width h2 {
• border-style (required) border: 4px dottedblue;
• border-color }
If border-color is omitted, the color appliedwill be the
color of the text. div {
border: double;
}

Page | 9
JAVASCRIPT SYNTAX
BASIC SYNTAX OF JAVASCRIPT :-
<script>
document.write("Basic Print method in JavaScript");
</script>

CREATING A JAVASCRIPT BUTTON USING <BUTTON> TAG


<button onclick="sampleFunction()">Sample Text</button>

+<!DOCTYPE html>
<html>
<body>
<h3>Creation of a JavaScript Button using HTML tag</h3>
<p>As there is no functionality or any event linked, clicking
button will not work</p>
<button type="button" id="btn">Click Here!</button>
<p id="samplebtn"></p>
<script>
</script>
</body>
</html>

Page | 10
AdvANTAGES OF WEB dEVELOPMENT
• Web apps are developed with programming languages such
as HTML and CSS, which are well known among IT
professionals.
• Unlike native apps, a single web app is able to reach out to
all devices. It’s programmed to run on any operating system.
It must appropriately adapt to iOS, Android, and Windows
Phone — amongst other operating systems.
• These apps run on the device’s own web browser through a
simple URL.
• They don’t need to be downloaded and installed from app
stores like Google Play or Apple’s App Store. This translates
into money-saving since having a direct link through a web
app is free.
• They may also open websites. This means that they don’t
require to be updated in the way common apps do. In this
sense, it’s the website to which the application is linked that
will be updated.
• The most important benefit you can draw off from it is its
price. Web app development is the cheaper kind of app
development. It consists of creating a link or several links
between the application and an URL. Developing a native
app or an interpreted app entails a higher cost but its
chances to succeed are far greater.
• On the other hand, a web app’s development time is lower.

Page | 11
DISADVANTAGES OF wEB DEVELOPMENT

• As we indicated previously, a single web app is able to reach out to


all devices. The website must, of course, be programmed in away it
can be shown regardless of the device’s operating system. If it’s not
a responsive website, you could experience problems when
displaying it on iOS, Android, or Windows Phone.
• You will have to spend the money you intended to save developing
the application in improving your website. It’s of no use to make a
web app if you don’t adapt your website in a way it can be shown
with quality on any device. Let’s keep in mind that the updates are
done on your website and not on your web app.
• If your website undergoes any kind of issue, your application will be
in trouble too. Don’t assume that your web app will work perfectly
if you don’t have a quality corporate website. For example, if the
website’s URL takes some time to load or if uncomfortable
‘cookies’ show up when entering the website, accessing it through
the application will entail the same issues. The problem is not
inherent to your web app. It’s rather located in the website’s
development.
• An Internet connection will be an absolute must to run it.
Otherwise, you will not be able to browse the website and the
web app will be of no use to you.
• It will also lose visibility as it will not be on display in the stores.
• In addition, there will be some access restrictions as to certain
hardware features of the device it’s running on

Page | 12
FUTURE SCOPE OF WEB dEVELOPMENT
▶ As we head towards an even more tech-driven future, the
development skills are progressively in demand. Artificial
Intelligence, Machine Learning, Internet of Things (IoT),
quantum computing, etc. are changing the tech world. And
this even comes down to their relationship with the
websites.
▶ ADI tools are springing up that can fairly automate the
process of designing websites. Artificial design intelligence
(ADI) can put together the important building blocks of a
website and offer options for customized software to the
developers. Going forward in the future, it can have a big
impact on how websites are created.
▶ Web development is constantly evolving with
advancements in technology. Though we may not be ableto
see this on a daily basis, it’s easy for us to look back and see
how things have been transformed.
▶ Merging the power of ML on the websites can help
enhance business productivity by collecting, assessing, and
sharing insights. This, in turn, helps in empowering the
business goals, possibilities as well as the bottom line.

Page | 13
CONCLUSION

▶ At last I would like to conclude that this course


came out to be a good learning experience .It
gave me a deeper sense of knowledge related to
the field of web development.
▶ The scope of web development is way brighter on
a long run in the field of technology and IT sector.
▶ If a person has an experience in web
development then he/she can also work as a
freelancer and can work for many online based
companies.
▶ There is a huge demand of a web developer, web
designer or a programmer in the IT companies or
public & private organizations.

Page | 14
REFERENCES

1. Tutorials Point
https://www.tutorialspoint.com/javascript/index.htm
2. Coding Ninjas
https://www.codingninjas.com/blog/2020/01/03/the-future-of-
web-development-and-why-you-must-focus-on-it/
3. Wikipedia
https://en.m.wikipedia.org/wiki/Web_development
4. W3school
https://www.w3schools.com/whatis/

Page | 15

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy