Scribd
Upload
2 views

Webdesign Report Final

Web design involves planning and creating websites, focusing on skills like user interface and layout. It is crucial for reflecting brand image and enhancing digital marketing success. Key technologies in web design include HTML for structure, CSS for styling, and JavaScript for interactivity.

Uploaded by

Chirag Modi
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
2 views

Webdesign Report Final

Web design involves planning and creating websites, focusing on skills like user interface and layout. It is crucial for reflecting brand image and enhancing digital marketing success. Key technologies in web design include HTML for structure, CSS for styling, and JavaScript for interactivity.

Uploaded by

Chirag Modi
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 17

WEB DESIGN

SUBMITTED BY: SUBMITTED TO:


AVNI SHARMA 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 design

 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.
 A web dev (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.


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