Web Application Overview
Internet connected by a wide variety of networks around the world a global network of loosely bound. It enables individual computers on the network to exchange information. Internet ( Internet) which allows each computer on the network can exchange information with each other. Internet provides users with a variety of services, such as the WWW, Email, the FTP, instant messaging, etc.
WWW is the meaning of a global information network ( World Wide Web)
Referred to as the Web or "World Wide Web
Web application simple example
Using browsers Sina news
Using the browser for online banking
Click on the link to access the page micro letter
Click on the link to access the page micro letter
Send and receive mail using a browser
Non- Web network applications simple example
Instant messaging ( QQ, micro-channel)
Outlook send and receive mail
Web browser and server
Web Client Web server
File storage site
Receiving a request
Find Files
Run the program
Returns the file / data
Hypertext (HyperText)
Hypertext (HyperText) is an electronic document, wherein the text contains links to other fields may be text or hypertext hypertext link HyperText profile, switching from a current reading position directly hypertext link points to text.
HTML HTML
Hypertext Markup Language HTML as a language, the language having the general characteristics, i.e., it is a system of signs,
Has its own vocabulary (symbols) and grammar (rules) mark is marked
<title> simple HTML cases </ title>
HTML tagging
• <html>
– <head>
• <title> simple html cases
</title>
– </head>
– <body>
• Welcome! Click <a href01_1.html"> Hello World
– </body>
• </html>
• <html>
– <head>
• <title>Hello
World!</title>
– </head>
- <body> congratulate you
– </body>
• </html>
HTML document structure
<Html> HTML document markup
- <head> Document header tag
• <title> Title </ title> title tags
– </head>
- <body> tag document content
• Document section
– </body>
• </html>
Development Environment - Editor
any text editor: Notepad, UltraEdit
WYSIWYG editor: DreamWeaver
File Explorer
Note: File Explorer, you can see the file extension
• Folder Options -> View -> remove the tick "Hide extensions for known file types."
Beginners often used page file name extension
• HTML or htm
Instructions
Right Select File -> select Open
Open Editor -> Open web page file
Open Editor -> File dragged into the web editor
Test Environment - Web Server
XAMPP：Apache+PHP+MySQL+……
Access Method step
Startup Manager: xampp-control.exe
start Apache
Click "Admin"
http://localhost/dashboard/phpinfo.php
Apache configuration file: port, document root
Host, IP, domain name
Host computer
The computer can access on the Internet: Host
Find host id method
1, first open the computer
2, the computer opens, clicking on the left of the start menu
3, click-in input box cmd, and then press the ENTER key
4, at the prompt enter the ipconfig / all the transport can be found NIC mac address the
IP
A host can have multiple IP addresses
IP address: used to identify the positioning of the Internet access
For example ( 202.112.192.195)
A host can have multiple IP addresses
A IP address assigned to only one host
From the IP address can know the location
domain name
Domain: for people to remember access identification ( www.blcu.edu.cn
Domain name and IP address mapping: many to many
a domain name is mapped to multiple IP: Access Load Balancing
a IP mapping multiple domain names: multiple Web sites are configured on a site (on a mainframe) - Web Hosting
