Scribd
Upload
4 views

Web Development

The document outlines the differences between web development and application development, highlighting that web development focuses on browser-based sites while application development targets specific devices. It explains key concepts such as HTML, CSS, frontend, backend, static and dynamic websites, domains, tags, headings, body content, SEO, and meta tags. Each section provides definitions, examples, and essential tools used in web development.

Uploaded by

samimhoshmand50
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

Web Development

The document outlines the differences between web development and application development, highlighting that web development focuses on browser-based sites while application development targets specific devices. It explains key concepts such as HTML, CSS, frontend, backend, static and dynamic websites, domains, tags, headings, body content, SEO, and meta tags. Each section provides definitions, examples, and essential tools used in web development.

Uploaded by

samimhoshmand50
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Web Development

The di'erence between web development and application development is:

1. Web Development:

o Focuses on creating websites or web applications that run in a browser.

o Examples: E-commerce sites, blogs, social media platforms.

o Tools: HTML, CSS, JavaScript, PHP, etc.

2. Application Development:

o Focuses on creating software or apps for specific devices (like mobile or


desktop).

o Examples: Mobile apps like WhatsApp, desktop apps like Photoshop.

o Tools: Java, Swift, Python, etc.

In short:
Web development = Browser-based.
Application development = Device-based.

HTML and CSS:

HTML and CSS stand for:

• HTML: Hypertext Markup Language


(It structures the content of a webpage, like text, images, and links.)
• CSS: Cascading Style Sheets
(It styles the content, like colors, fonts, and layout.)

Frontend and Backend:

Frontend and Backend are two parts of a website or application:

Frontend:

• The visible part of the website or app that users interact with.
• Includes design, buttons, images, forms, etc.

• Built with: HTML, CSS, JavaScript.

• Example: What you see on a website, like menus, colors, and animations.

Backend:

• The hidden part that works behind the scenes.

• Handles data, server operations, and database management.

• Built with: Python, PHP, Java, Node.js, etc.

• Example: When you log in to a website, the backend checks your username and
password.

In short:
Frontend = What users see.
Backend = How it works in the background.

Types of Websites:

Static Website:

• Displays the same content to all users.

• Content doesn't change unless updated manually.

• Built with HTML, CSS, and sometimes JavaScript.

• Example: A simple portfolio or company info page.

Key Point: No interaction or real-time updates.

Dynamic Website:

• Content changes based on user interaction or data.

• Uses both frontend and backend (e.g., PHP, Python, or databases like MySQL).

• Example: Facebook, e-commerce sites, or blogs with user comments.

Key Point: Interactive and updates automatically.


In short:
Static = Fixed and simple.
Dynamic = Interactive and flexible.

What is Domain?

A domain is the unique name of a website that people type in a browser to visit it.

For example:

• google.com is a domain.

• It makes it easier to access a website instead of using its IP address (like


192.168.1.1).

In short, it's your website's address on the internet.

To get a domain, follow these steps:

1. Choose a Domain Name:


Think of a unique and easy-to-remember name for your website (e.g.,
mywebsite.com).

2. Check Availability:
Use domain registration websites (e.g., GoDaddy, Namecheap) to see if the domain
is available.

3. Register the Domain:

o Pick a registrar (e.g., GoDaddy, Namecheap, Google Domains).

o Pay an annual fee (usually $10–$50/year).

4. Link It to a Hosting Service (Optional):


If you’re building a website, connect the domain to a web hosting provider.
What is Tag:

A tag is a basic element in HTML used to define the structure and content of a webpage.

Structure of a Tag:

• Tags are enclosed in angle brackets < >.

• Most tags have:

o Opening Tag: <tag> (e.g., <p> for a paragraph)

o Closing Tag: </tag> (e.g. </p> )

Example:

<p>This is a paragraph. </p>

• <p>: Opening tag

• </p>: Closing tag

• This is a paragraph.: Content inside the tag

Types of Tags:

1. Paired Tags: Have both opening and closing tags.


Example: <h1>Title</h1>

2. Self-Closing Tags: Do not need a closing tag.


Example: <img src="image.jpg" />

In simple terms, tags tell the browser how to display content!

What is Heading and Body:

A heading in HTML is used to define titles or subtitles on a webpage. They help organize
and structure content for better readability.

Types of Headings:

There are 6 heading tags in HTML:

• <h1>: Largest and most important heading.

• <h2>: Second-largest heading, used for subheadings.

• <h3> to <h6>: Smaller headings for less important titles.


The body in HTML refers to the main content of a webpage, which is displayed to the user.

In HTML, the <body> tag:

• Contains all the content that is visible on the webpage (text, images, videos, links,
etc.).

• Comes after the <head> tag, which contains meta information (like the title of the
page).

In simple terms, the body is like the content area of a webpage.

What is SEO:

SEO stands for Search Engine Optimization. It's the process of improving a website to
rank higher in search engine results (like Google), making it easier for people to find.

In simple terms: SEO helps your website show up higher when people search for things
related to your site!

What is Meta:

Meta in HTML refers to information about the webpage that is not directly visible to users
but helps with things like search engine optimization (SEO) and page settings.

The <meta> Tag:

• It's used within the <head> section of a webpage.

• Provides metadata (data about data), such as page descriptions, keywords, and
author information.

Key Points:

• Meta tags provide information for search engines, browsers, and other systems.

• They help with SEO, improving how your site ranks in search results.

In simple terms, meta tags are hidden helpers that make your webpage more useful
and easier to find!

You might also like