full explain with animation and gif enjoy

3. VIKAS
KUMAR
ARYAN
SINGH
( DESIGNER )( DEVLOPER )

4. WEB SITE

5. TOPIC
• What is WEB SITE
• What is WEB DESIGN
• What is WEB DEVELOPMENT
• WEB site DEMO
@vikas_tesla

6. WEB SITE
A website is simply a collection of web
pages of codes that describes the
layout, format and content on a page.
Often called a "website" or simply a
"site."
@vikas_tesla

7. How does it work ?
The web server is a internet-connected
computer that receives the request for a
web page sent by your browser. The
browser connects your computer to the
server through an IP address.
@vikas_tesla

8. What is the main purpose of a website?
The purpose of a website is to turn visitors into customer this
is called conversion.
@vikas_tesla

9. What are the advantages and disadvantages
of website ?
DISADVANTAGES : A website that crashes is no good to
anyone. If your website is constantly crashing or unavailable
then people will not be able to find information about your
business and you could miss out on potential sales.
ADVANTAGES : Having a website means customers
are always able to find you – anytime, anywhere. Even
outside of business hours, your website continues to
find and secure new customers.
@_Aryan.12

10. How can we create WEB SITE
@_Aryan.12

11. Hello!
I AM ARYAN
I am here because I love to design presentations.
You can contact me on @_Aryan.12

12. WEB DESIGN
@_Aryan.12

13. WHAT IS MEANT BY WEB DESIGNING ?
PURPOSE OF WEB DESIGNING
5 IMPORTANT ELEMENTS OF GOOD WEBSITE
FUNDAMENTALS OF WEB DESIGN
WHAT MAKES A GOOD WEBSITE ?
CREATING USER FRIENDLY WEB DESIGN

14. What is meant by web designing?
Web design refers to the design of websites that are
displayed on the internet . It usually refers to the user
experience aspects of website development rather
than software development.
@_Aryan.12

15. What is the purpose of web designing ?
Web design is important because it impacts how your audience
perceives your brand. The impression you make on them can
either get them to remain on your page and learn about your
business or leave your page and turn to a competitor.
A good web design helps you keep your leads on your page
@_Aryan.12

16. @_Aryan.12

17. FUNDAMENTALS OF
WEB DESIGN
PURPOSE OF WEB
DESIGN
INFORM/EDUCATE PERSUADE
INFLUENCES ON WEB
DESIGN
ECONOMY(BUDGET,
TIME AND SCALE OF
PROJECT)
MEETING USABILITY
OBJECTIVES
@_Aryan.12

18. An effective website design should fulfill its
intended
function by conveying its particular message
simultaneously engaging the visitor. Several
factors
such as consistency, colour, typography, imagery,
simplicity and functionality all contribute to good
website design.
@_Aryan.12

19. 1. WEBSITE PURPOSE
Your website needs to accommodate
the needs of the user. Having a
simple clear intention on all pages will
help the user interact with what you
have to offer.
1.Describing Expertise
2.Building Your
Reputation
3.Generating Leads
4.Sales and After Care
@_Aryan.12

20. 2. NAVIGATION
Navigation is the way finding system used on
websites where visitors interact and find what
they are looking for.
3. F-SHAPED PATTERN
READING
The F- based pattern is the most common way
visitors scan text on a website. Eye tracking
studies have found that most of what people
see is in the top and left area of the screen.
@_Aryan.12

21. An effective web design has both great design and great
content. Using compelling language great content can attract
and influence visitors by converting them into customers.
4. CONTENT
5. GRID BASED LAYOUT
Grids help to structure your design and
keeps your content organised. The grid
helps to align elements on the page and
keep it clean.
@_Aryan.12

22. @_Aryan.12
OUR WEB LAYOUT
DESIGN by ARYAN
DEVLOP by VIKAS KUMAR

23. CREATING USER FRIENDLY
WEB DESIGN
@_Aryan.12

24. @_Aryan.12

25. Hello!
I AM VIKAS KUMAR
I am here because I love to develop website. You
can contact me at @vikas_tesla

26. WEB DEVELOPMENT
@vikas_tesla

27. EXPLAIN
• What is web development
• How they work
• What is front end and it work
• What is back end and it work
• Wed site demo
@vikas_tesla

28. What is Web development ?
• Web development is the building and
maintenance of websites; it's the work that
happens behind the scenes to make
a website look great, work fast and perform
well with a seamless user experience.
@vikas_tesla

29. How they work ?
@vikas_tesla

30. Analysis is the process of gathering and comparing
information about the web and its operation and use
in order to improve the website overall quality and
to identify problem areas.
Analysis
Planning is the process of choosing among
competing opportunities for communication so
that you can set overall goals for a web. As
a web planner, you need to anticipate the skills
and resources needed for developing,
constructing, deploying, and operating the web.
PLANNING
@vikas_tesla

31. What is Responsive
• Responsive web design is about
creating web pages that look
good on all devices!
@vikas_tesla

32. Cross browser testing involves comparing and analyzing the
behavior of your website in different browser environments. It
helps ensure that your website delivers an optimal user experience,
independent of the browser used to access it.
What is cross browser testing?
@vikas_tesla

33. What is a Front-End Developer ?
• The front end of a website is the part that
users interact with. Everything that you see
when you’re navigating around the Internet,
from fonts and colors to dropdown menus
and sliders, is a combo of HTML, CSS, and
JavaScript being controlled by your
computer’s browser.
@vikas_tesla

34. What does front end include?
• Front end languages include HTML, CSS,
and Javascript. When anticipating types of
projects you'll work on as a front
end developer, think creating and
redesigning websites. In order to be a front
end developer (sometimes even called a
Javascript developer) you don’t need
back end development skills
@vikas_tesla

35. Front end Languages
• HTML: HTML stands for Hyper Text Markup Language
• CSS: Cascading Style
• JavaScript: JavaScript is a famous scripting language used to create the
magic on the sites to make the site interactive for the user.
@vikas_tesla

36. A back-end web developer is responsible for server-side web application
logic and integration of the work front-end developers do. Back-end
developers are usually write the web services and APIs used by front-end
developers and mobile application developers.
BACK-END
@vikas_tesla

37. BACK END LANGUAGES
PHP: PHP is a server-side scripting language
designed specifically for web development
JAVA: Java is one of the most popular and
widely used programming language and
platform. It is highly scalable. Java components
are easily available.
@vikas_tesla

38. PYTHON : Python is a programming language that lets you
work quickly and integrate systems more efficiently
NODE.JS: Node.js is an open source and
cross-platform runtime environment for
executing JavaScript code outside of a
browser.
JAVASCRIPT: Javascript can be used as both (front end
and back end) programming languages.
@vikas_tesla

39. A Web database is a database application designed
to be managed and accessed through the Internet.
Website operators can manage this collection of data
and present analytical results based on the data in
the Web database application.
WHAT IS WEB DATA BASE
1.MySQL. MySQL is a very popular open-
source RDBMS which is used by most of
the major tech companies.

40. A web hosting is a type of Internet
hosting service that allows individuals
and organizations to make their website
accessible via the World Wide Web
WHAT IS WEB HOSTING ?

41. WHAT IS WEB DOMAIN ?
Domain names are used to identify one or more
IP addresses. For example, the domain name
microsoft.com Domain names are used in URLs
to identify particular Web pages. For example, in
the URL http://www.pcwebopedia.com/index.html,
the domain name is pcwebopedia.com

42. WEB SITE
DEMO