Scribd
Upload
16 views18 pages

New Presentation 1

The document provides an overview of web design, highlighting its importance in digital marketing and brand representation. It distinguishes between web design and web development, and outlines the key languages used in web design: HTML, CSS, and JavaScript. Additionally, it explains the roles of these languages in creating and styling web pages, as well as implementing interactivity.

Uploaded by

Chirag Modi
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
16 views18 pages

New Presentation 1

The document provides an overview of web design, highlighting its importance in digital marketing and brand representation. It distinguishes between web design and web development, and outlines the key languages used in web design: HTML, CSS, and JavaScript. Additionally, it explains the roles of these languages in creating and styling web pages, as well as implementing interactivity.

Uploaded by

Chirag Modi
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/ 18

WEB

DESIGN
SUBMITTED BY:
AVNI SHARMA
SUBMITTED TO:
KAMNA SHAKYAVANSHI AGARWAL
21CS02
Introduction To
Web Design
Web design is the process of planning and
creating websites.
It involves a variety of skills such as
information architecture, user interface, site
structure, navigation, layout, colors, fonts,
and overall imagery.
Purpose Of Web
Desi
 Web design is an important and key part of a
website, and of digital marketing as a whole.
 Well designed websites reflect the brand
image and encourages users to convert,
amongst other things.
 Website design is a crucial part of a website
that needs attention if you want to succeed
online.
Website Design Or
Website
Development
 Website design and website development are
actually different things. Although in many cases
if you’re offered web design, they’ll typically also
develop.
 Website design is the process of designing a
website. Whereas website development is
around the building and functionality of the site.
Website Design Or
Website
 A web devDevelopment
(developer), might design something,
but typically their role is to build the site to the
web designers designs.
Languages Used in
Web Page Design
Major three languages uses in web
design
HTML
 HTML stands for Hyper Text Mark-up Language. It is used
to design web pages using mark-up language. HTML is
the combination of Hypertext and Mark-up language.

 Hypertext defines the link between the web pages. Mark-


up language is used to define the text document within tag
which defines the structure of web pages.

 HTML5 is the fifth and current version of HTML.


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


 Why Use CSS?

CSS is used to define styles for your web pages,


including the design, layout and variations in
display for different devices and screen sizes.

 Three Ways to Insert CSS

There are three ways of inserting a style sheet:


• External CSS
• Internal CSS
• Inline CSS
CSS Syntax

Each declaration includes a CSS property name


and a value, separated by a colon.

Example
In this example all <p> elements will be
center-aligned, with a red text color:
p {
color: red;
text-align: center;
}
JavaScript
 JavaScript is a popular programming language
primarily used for adding interactivity and dynamic
behavior to websites.
 It allows you to create interactive elements and
respond to user actions.
 JavaScript is executed on the client-side, meaning it
runs on the user's web browser rather than the
server, making it an essential tool for front-end
development.
 JavaScript can be used for Client-side developments
as well as Server-side developments.
Implementation Of Javscript in Html

To add JavaScript in HTML document, several method can be used.


These methods include embedding JavaScript directly within the
HTML file or linking an external JavaScript file.

• Inpage Javscript

You can write JavaScript code inside the <script> tag within
the HTML file. This is known as internal JavaScript and is
commonly placed inside the <head> or <body> section of
the HTML document.
• External JavaScript
For larger projects or when reusing scripts across
multiple HTML files, you can place your JavaScript
code in an external .js file. This file is then linked to
your HTML document using the src attribute
within a <script> tag.
Thank
You !

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