Introduction

➔       Web Design refers to the design of websites that are displayed on the internet.

➔       The content meant for web publishing can include text, video, digital image, artwork and forms of media.

Introduction to Internet

➔       Internet is a global communication system that links together thousands of individual networks.

➔       It allows exchange of information between two or more computers on a network.

➔       Thus internet helps in transfer of messages through mail, chat, video & audio conference, etc.

History of Internet

➔       The internet started as a U.S. government project in the year 1969 (29 October) called ARPANET (Advance Research Project Agency Network).

➔       In the late 1980s, the National Science Foundation of U.S. funded the development of a network (using the internet protocols), named NSFNET (National Science Foundation Network).

➔       Many colleges and universities were encouraged

Advantages of Internet

➔       E-mail

➔       Access information

➔       Shopping

➔       Online chat

➔       Downloading software

Disadvantages of Internet

➔       Theft of personal information

➔       Spamming

➔       Buying things that you don’t need

➔       Not safe for children

➔       Cyber frauds

How does the Internet works?

➢       The internet is a worldwide computer network that transmits a variety of data and media across interconnected devices.

➢       It works by using a packets routing network that follows Internet Protocol (IP) and Transport Control Protocol (TCP).

Note:-

IP - Rules that govern how information is sent from one computer to another computer over an internet connection. (Specifies that computers should send data to other computers with an attached numerical address (IP Address).

TCP – Works with IP to ensure transfer of data is dependable and reliable. (No packets lost, no delay affecting data quality, packets organized in proper sequence).

WWW (World Wide Web)

➔       The World Wide Web or simply the “web” is a global information system that is the fastest growing area of the internet, another word World Wide Web is a series of servers that are interconnected grow hypertext.

➔       Hypertext is a method of presenting information in which certain text are highlighted that are selected, display more information on that particular topic.

Evaluation of WWW

Ø  The concept of www was developed in Switzerland at the European particle research center (known as CERN) in the year 1989.

Ø  The www was invented by Tim Berners Lee in 1989.

Ø  In the year 1993 the first graphical web browser is “Mosaic”.

Ø  The first web browser is www.

What is Website?

Website is a collection of web pages associated with a particular person business, government, school and organization website are stored on a web server, a special computer that makes webpages, available for people to browser.

It is just like a book. And its pages are called “webpages “. Just like different books may have different numbers of pages, different websites also have different numbers of web pages.

Web page – A website is like a book and its pages are called “webpages”. Just like different books may have different numbers of pages, different websites also have different numbers of web pages. A website can have one or one thousand web pages. A webpage can contain on article or a single paragraph, photographs and it is usually combination of text and graphics. It is also known as electronic page is a part of the World Wide Web.

How the website works –

Before you beginning creating your own websites and launch it to the internet it is important known how website work.

o   Website

o   Domain name

o   Server/Hosting

Types of websites –

         There are two types of websites.

                                    i.            Static website

                                  ii.            Dynamic website

Static website –

Ø  Static website is the basic type of website that is easy to create.

Ø  Its webpages are coded in html.

Ø  The code are fixed for each page. So the information contain in the page does not change and it look like printed page.

Dynamic website –

Ø  It is a collection of Dynamic webpages whose content change dynamically.

Ø  It access content from a database or content management system.

Ø  It is built and develops using server site coding language such as PHP, ASP JSP, Ruby, etc.

Ø  In a dynamic website the contain is taken from database and when required by  the user.

Web page – A web page is also known as electronic page is a part of the World Wide Web. It is a document written in hypertext (also known as HTML) that you can see online, using a web browser. Most web pages include text, photos or videos, and links to other web pages. A group of many web pages managed by one person or company is a website. It is just like page in a book.

Frontend and Backend Application –

These are two most popular terms used in web development.

Frontend Development –

Ø  It manage everything that users usually see first in there browser or application.

Ø  It is a part of website that user interact with directly is term as frontend.

o   Languages –

§  HTML

§  CSS (Cascading Style Sheet)

§  JS (JavaScript)

Backend Development –

Ø  It is server side of the website.

Ø  It store arrange data & also make sure everything on  the client side of the website work fine.

Ø  It is part of website that you cannot see interact with.

o   Languages –

§  PHP

§  C++

§  Java

§  Python

§  Ruby

§  JavaScript

Responsive website –

                                 It is an approach where by a designer create a webpage that respond to or resize itself depending on the type o device that could be an oversize desktop monitor, laptop, with small screen such as smart phones, tablets.

Text Editor –

                     It refers to any form of computer program that enables users to create, change, edit, open and view plain text files.

         Examples of editors –

Ø  Notepad

Ø  Notepad++

Ø  Sublime

Ø  Dream weaver

Ø  Text Wrangler

Ø  Blue fish

Ø  Visual Studio Code

Ø  Brackets

Ø  Light table, etc.