Scribd
Upload
44 views14 pages

Sureshppt

Shows how html , css and javascript related to each other and functioning of those technologies

Uploaded by

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

Sureshppt

Shows how html , css and javascript related to each other and functioning of those technologies

Uploaded by

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

Manac Infotech

Private Limited
Introduction to Web
Development
Web development is the process of creating and
maintaining websites.
Web Development Basics
Front-end Development Back-end Development

Front-end development Back-end development


focuses on the user interface handles the server-side logic
(UI) and user experience (UX). and database interactions.
Front-end developers use Back-end developers work
languages like HTML, CSS, with languages like Python,
and JavaScript. Java, and Ruby.
Front-end Development
1 HTML (HyperText Markup Language)
HTML is the foundation of a webpage. It defines the structure and
content of a website using tags and attributes.

2 CSS (Cascading Style Sheets)


CSS controls the appearance and layout of a website. It allows
developers to define styles for elements, such as colors, fonts, and
positioning.

3 JavaScript
JavaScript adds interactivity and dynamic behavior to a website. It
allows developers to create user interactions, animations, and data
manipulation.
Back-end Development
Back-end development focuses on the server-side logic and database
interactions. Back-end developers utilize a variety of programming
languages.

1. Node.js - A JavaScript runtime that allows developers to run


JavaScript on the server-side.
2. Python - A versatile and powerful language used for a wide range
of back-end development tasks.
3. PHP - A popular server-side scripting language used to build
dynamic websites and web applications.
4. Ruby - A dynamic, object-oriented programming language that is
often used for building web applications.
HTML Document
Structure
The Following are the some of the Basic tags in HTML:

• <!DOCTYPE html>: Declares the document type and


version of HTML.
• <head>: Contains meta-information about the document.
• <title>: Sets the title of the webpage.
• <body>: Contains the content of the webpage.
• <h1>, <h2>, <h3>, <h4>, <h5>: Heading tags that create
a hierarchical structure.
Formatting, List, and Link Tags
HTML provides a variety of tags to format text, create lists, and add links or images to a webpage.
These tags help structure and enhance the content, making it more readable and interactive for users.

• Formatting Tags: Use <b> and <strong> to make text bold, and <i> and <em> to italicize text.
The <u> tag underlines text.
• List Tags: Create unordered lists with <ul> and ordered lists with <ol>. Each list item is defined
with the <li> tag.
• Link and Media Tags: The <a href="URL"> tag creates a hyperlink, and the <img src="URL"
alt="description"> tag embeds an image.
Introduction to CSS
What is CSS?

• CSS (Cascading Style Sheets) is a stylesheet


language used to designed to enable the separation
of presentation and content, including layout,
colors, and fonts.
• Separation of Concerns: CSS allows you to
separate content from design, making it easier to
maintain and update the look
• CSS is a powerful tool for web design, allowing
developers to control the look and feel of a website.
CSS Selectors
1. Type Selectors: Target elements by their HTML tag
name, such as h1, p, or div.
2. Class Selectors: Target elements by their class
attribute, allowing for more specific styling.
3. ID Selectors: Target a unique element by its id
attribute, offering the highest specificity.
JavaScript in Web Development

JavaScript and Web Development

• JavaScript is a core technology of web development,


along with HTML and CSS.
• It enables dynamic behavior on web pages, enhancing
user interactivity and experience.

The Role of JavaScript

• Client-Side Scripting: JavaScript runs in the user's


browser, allowing for real-time updates and interactions
without needing to refresh the page.
• Dynamic Content: Modify HTML and CSS to update the
user interface, validate forms, create animations, and
handle events.

You might also like