码迷,mamicode.com
首页 > Web开发 > 详细

Web 应用概述

时间:2019-07-06 00:41:36      阅读:434      评论:0      收藏:0      [点我收藏+]

标签:菜单   打开   资源管理器   nbsp   资源管理   开始菜单   font   mic   其他   

Web 应用概述

 

互联网由遍布全世界的各种各样的网络连接成的一个松散结合的全球网。它使网络上的各计算机可以互相交换信息。互联网(Internet)它使网络上的各台计算机可以互相交换信息。Internet为用户提供了各种各样的服务,如WWW,Email,FTP,即时通信等

 

WWW的含义是全球信息网(World Wide Web)

简称为Web或“万维网

?

Web应用简单举例

使用浏览器浏览新浪新闻

使用浏览器进行网上银行

点击微信中的链接访问网页

点击微信中的链接访问网页

使用浏览器收发邮件

 

Web网络应用简单举例

即时通信(QQ、微信)

Outlook收发邮件

 

Web浏览器与服务器

Web客户机                       Web服务器

存储网站文件

接收请求

查找文件

运行程序

返回文件/数据

超文本(HyperText)

超文本(HyperText)是一种电子文档,其中的文字包含有可以链接到其他字段或者文超文本HyperText档的超文本链接,允许从当前阅读位置直接切换到超文本链接所指向的文字。

 

 

HTML超文本标记语言

超文本标记语言HTML作为一种语言,它具有语言的一般特征,即它是一种符号系统,

具有自己的词汇(符号)和语法(规则)标记,就是作记号

? <title>简单的HTML案例</title>

 

HTML标记功能

<html>

<head>

<title>简单的html案例

</title>

</head>

<body>

• 欢迎!请单击<a href01_1.html">Hello World

</body>

</html>

 

<html>

<head>

<title>Hello

World!</title>

</head>

<body>祝贺你

</body>

</html>

 

 

HTML文件的结构

 

<html>                           HTML文档标记

<head>                      文档首部标记

<title>标题</title>           标题标记

</head>

<body>                      文档内容标记

    • 文档部分

</body>

</html>

 

 

开发环境——编辑器

? 任意文本编辑器:记事本、UltraEdit

? 所见即所得编辑器:DreamWeaver

 

文件资源管理器

 

注:在文件资源管理器中可以看到文件扩展名

• 文件夹选项->查看->去掉勾选“隐藏已知文件类型的扩展名”

初学者常用网页文件扩展名

html或htm

 

使用方法

 

右键选中文件->选择打开方式

打开编辑器->打开网页文件

打开编辑器->将网页文件拖进编辑器

测试环境——Web Server

 

XAMPP:Apache+PHP+MySQL+……

访问方法步骤?

 启动管理器:xampp-control.exe

? 启动Apache

? 点击“Admin”

? http://localhost/dashboard/phpinfo.php

? Apache配置文件:端口、文档根目录

 

主机,IP,域名

主机

 

主机:互联网上可以访问的计算机

 

查找主机id的方法

1、 首先打开电脑
2、电脑打开后,点击左下角的开始菜单
3、点击后在输入框输入cmd,然后按下回车键
4、在提示符下输入ipconfig /all后回车就可以查到网卡的mac地址了

 

IP

 

一台主机可以有多个IP地址

IP地址:Internet上用于访问定位的标识

例如(202.112.192.195)

一台主机可以有多个IP地址

一个IP地址只分配给一台主机

IP地址可以知道地理位置

 

域名

 

域名:便于人们记忆访问标识(www.blcu.edu.cn

域名与IP地址映射:多对多

? 一个域名映射到多个IP:访问负载均衡

? 一个IP映射多个域名:多个网站被配置在一个址上(一台主机上)——虚拟主机

技术图片

 

Web 应用概述

标签:菜单   打开   资源管理器   nbsp   资源管理   开始菜单   font   mic   其他   

原文地址:https://www.cnblogs.com/lpf666/p/11141255.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!