Scribd
Upload
27 views18 pages

Presentation On Summer Internship Training On WEB DEVELOPMENT

Uploaded by

palviv59
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
27 views18 pages

Presentation On Summer Internship Training On WEB DEVELOPMENT

Uploaded by

palviv59
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/ 18

Presentation On

Summer Internship Training


ON

WEB DEVELOPMENT

SUBMITTED BY: SUBMITTED TO :


NAME : PRIYA CHOUDHARY PROF. MONALISA MEENA
ROLL NO. : 21EEMCS094
NAME : PALVI VERMA
ROLL NO. : 21EEMCS086
OUTCOMES
● What is Web Development ?
● Front-End Development.
● Back-End Development.
● HTML(Hypertext Markup Language).
● Basic HTML page structure.
● HTML : main tags
● HTML :other interesting tags.
● HTML basic example
● CSS (Cascading Style Sheet).
● CSS - some other features
● CSS fields
● Basic CSS example
● Javascript
● Javascript : inert code
● Javascript example
WHAT IS WEB DEVELOPMENT ?

1. Web Development refers to developing the websites for the internet(World Wide Web).

2. Web Development is also known as Web Programming.

3. Web Development is the creation of Dynamic Web Applications.

4. Examples of Web Applications are social networking sites :-

5. Facebook , E-Commerce sites like Amazon , Flipkart , etc.

6. There are two broad division of Web Development :-

❏ Front-End Development (also called Client-Side Development).

❏ Back-End Development ( also called Server-side Development).


FRONT-END DEVELOPMENT

Front-End Web Development also known as


Client-Side Development is the practice of producing
HTML , CSS and Javascript for a website of web
Application so that the user can see and interact
with them directly .

The objective of designing a site is to ensure that


when the user open up the site they see the
information in a format that is easy to read and
relevant .
Back-End Development

Back-End Development refers to the server side


of an application and everything that the
Communication between the database and the
Browser .
HTML
(HyperText MarkUP Language)

HyperText MarkUp Language(HTML) is


the standard markup language for creating
web pages and web applications.

With HTML you can create your own


Website.

HTML is easy to learn.

HTML is NOT a programing language, it


is a markup language
Basic HTML page structure
HTML : MAIN TAGS
Although there are the lots of tags in the HTML specification ,99% of the webs
use a subset of HTML tags with less that 10 tags , the most important are :-

● <div> : a container , usually represents a rectangular area with information


inside.
● <img> :an image.
● <a> : a clickable link to go to another URL .
● <p> : a text paragraph.
● <h1> : a title (h2,h3,h4 are titles of less importance).

● <style> and <link> : To insert CSS rules.


● <br>: To break lines.
HTML : OTHER INTERSTING TAGS

There are some tags that could be useful sometimes :-

● <button> : To create a button.


● <audio> : For playing audio.
● <video> : To play video.
● HTML Reference : a description of all HTML tags.
● The 25 most used tags : a list with information of the more
Common tags .
HTML BASIC EXAMPLE
CSS(Cascading Style Sheet)

CSS is the language we used to style an HTML


document.
CSS saves a lot of work.
It can control the layout of the multiple web
pages all at once .

CSS could not be used to alone and must be


integrated with HTML to implement its effect.
CSS - Some other features

Thanks for CSS we can control all the aspect of the visualization
and some others features :-

Colors : Content, Background, Borders.


Margins : Interior Margin, Exterior Margin.
Position : where to put it.
Sizes : width, height.
Padding : Add space between content and its corresponding
border.
CSS Fields
Here is a list of the most common CSS fields and an example:-

● Color : #FF0000; red;


● Background-color : red;
● Background-image: url(‘file.png’);
● Border : 2px solid black;
● Border-radius : 2px; // to remove corners and make them more round.
● Margin : 10px; // distance from the border to the outer elements.
● Padding : 2px; // distance from the border to the inner elements.
● Width : 100%; 300px; 1.3em;
● Text-align : center;
● Box-shadow :3px 3px 5px black;
● Display : inline-block;
● Border-top :2px solid red;
Basic CSS example
JAVASCRIPT

Javascript is a scripting Language.

A scripting language is a light-weight programming language.


Java script is a programming code that can be inserted into the
HTMLpages.
Javascript is easy to start,but hard to masters.
You can change the content of the HTML or the CSS applied to an
element.
Javascript accept both single and double quotes.
JAVASCRIPT: insert code
There are three ways to exceute javascript code in a website:

● Embed the code in the HTML using the <script> tag.

<script> /* some code */ <script>

● Import a javascript file using the <script> tag:

<script> src=”file.js” />

● Inject the code on an event inside a tag:

<button onclick=”javascript: /*code/“>press me </button>


Javascript example

<html>
<body>
<h1>this is a title </h1>
<script>This is another title
Var title = document .queryselector(“h1”);
title.innerHTML = “This is another title”;
</script>
</body>
</html>
THANK YOU

You might also like