Closed zilongxuan001 closed 6 years ago
本章学习如何把网站发到网上，包括
域名
搬家
URL
HTTP
绝对路径和相对路径
<a>的属性：title，id，href，target的使用。
<a>
找托管商，买域名，买服务器。
www.baidu.com是网站名
www.baidu.com
baidu.com是域名，买一个域名相当于买了一块地，网站相当于地上的房子。一块地可以盖很多房子。
baidu.com
域名前可以加很多名字，比如news.baidu.com/，map.baidu.com/，xueshu.baidu.com/
news.baidu.com/
map.baidu.com/
xueshu.baidu.com/
来源：Head First HTML与CSS (第二版) P160
回到“主要内容”
把本地本地文件传到服务器。使用搬家工具（即文件传输工具）FTP（File Transfer Protocol）。
下载FTP应用，通过FTP应用，连接服务器，找到目标文件夹（或称之目录），将文件传输过去。如果本地有文件夹，则在服务器上新建相同名称的文件夹，进入该文件夹，将文件传进去。
%ftp <网站名> 连接服务器并登陆服务器
dir 显示当前文件列表
pwd 显示当前目录所在位置
.. 上一级目录
cd 进入目录
mkdir 建立目录
put 将文件从本地传到服务器，就是搬家
get 获得服务器文件到本地，就是搬回去
bye 退出
小型网站一般都是先在本地编辑文件，测试文件，然后上传到服务器。
大型网站是在本地编辑文件，然后在测试网站中测试，测试成功后发布到真实网站。
测试工具： Dreameweaver，Coda等工具
不要在服务器中直接修改。
Web地址，即URL（ Uniform Resource Locations，统一资源定位符） URL结构
HTTP，即HyperText Transfer Protocol（超文本传输协议），其实就是一个通道。
电脑通过HTTP向服务器发出请求，服务器 根据请求找到文档，通过HTTP把文档发给电脑。
绝对路径，是在协议和网站名之后的部分，告诉服务器如何从跟文件夹到特定的文件或页面。
格式 /文件夹名/文件夹名/文件名
/文件夹名/文件夹名/文件名
协议部分告诉浏览器使用什么方法获得资源（多是HTTP协议）
网站部分（服务器名+域名）告诉浏览器从互联网上的哪个计算机获得资源
绝对路径告诉服务器要找到哪个文件夹下找哪个页面。
同一网站内的页面链接，使用相对路径；其他网站链接，使用URL。
浏览器会根据相对路径创建一个绝对路径。
如果浏览器访问的是目录（即文件夹），则会在后面直接加上/，比如www.baidu.com/。服务器会返回该目录的默认文件（index.html或者default.html）。
/
www.baidu.com/
如果在<a>里加上title属性，当鼠标放在<a></a>的文本内容上时，会显示title的内容
<a></a>
作用：对于视力有问题的人，浏览器会读出title的内容
另外，可以为任何元素添加title属性，作为工具提示。
代码
Read the <a href="http://wickedlysmart.com/buzz" title="Read all about caffeine on the Buzz">Caffeine Buzz</a>
浏览器显示
1.在目标位置建立id，<a id="cha"></a>
<a id="cha"></a>
2.在需要引用的地方，建立<a href="index.html#cha"></a>，index.html指的是目标网页名称，可以是当前网页，或另外网页，如<a href="http://baidu.com/index.html#cha"></a>。如果是首页，也可以写成<a href="http://baidu.com/#cha"></a>。
<a href="index.html#cha"></a>
index.html
<a href="http://baidu.com/index.html#cha"></a>
<a href="http://baidu.com/#cha"></a>
3.点击引动的地方，就可以跳跃到目标位置。
<a target="_blank"></a>，可以新建窗口打开链接。
<a target="_blank"></a>
href属性放链接时，网站内部链接最好用相对路径，外部使用URL。
主要内容
本章学习如何把网站发到网上，包括
域名
搬家
URL
HTTP
绝对路径和相对路径
<a>的属性：title，id，href，target的使用。网站与域名
找托管商，买域名，买服务器。
www.baidu.com是网站名baidu.com是域名，买一个域名相当于买了一块地，网站相当于地上的房子。一块地可以盖很多房子。域名前可以加很多名字，比如
news.baidu.com/，map.baidu.com/，xueshu.baidu.com/来源：Head First HTML与CSS (第二版) P160
回到“主要内容”
搬家
把本地本地文件传到服务器。使用搬家工具（即文件传输工具）FTP（File Transfer Protocol）。
下载FTP应用，通过FTP应用，连接服务器，找到目标文件夹（或称之目录），将文件传输过去。如果本地有文件夹，则在服务器上新建相同名称的文件夹，进入该文件夹，将文件传进去。
回到“主要内容”
FTP常用命令
%ftp <网站名> 连接服务器并登陆服务器
dir 显示当前文件列表
pwd 显示当前目录所在位置
.. 上一级目录
cd 进入目录
mkdir 建立目录
put 将文件从本地传到服务器，就是搬家
get 获得服务器文件到本地，就是搬回去
bye 退出
注意事项
小型网站一般都是先在本地编辑文件，测试文件，然后上传到服务器。
大型网站是在本地编辑文件，然后在测试网站中测试，测试成功后发布到真实网站。
测试工具： Dreameweaver，Coda等工具
不要在服务器中直接修改。
回到“主要内容”
URL
Web地址，即URL（ Uniform Resource Locations，统一资源定位符） URL结构
回到“主要内容”
HTTP
HTTP，即HyperText Transfer Protocol（超文本传输协议），其实就是一个通道。
电脑通过HTTP向服务器发出请求，服务器 根据请求找到文档，通过HTTP把文档发给电脑。
回到“主要内容”
绝对路径
绝对路径，是在协议和网站名之后的部分，告诉服务器如何从跟文件夹到特定的文件或页面。
格式
/文件夹名/文件夹名/文件名协议部分告诉浏览器使用什么方法获得资源（多是HTTP协议）
网站部分（服务器名+域名）告诉浏览器从互联网上的哪个计算机获得资源
绝对路径告诉服务器要找到哪个文件夹下找哪个页面。
同一网站内的页面链接，使用相对路径；其他网站链接，使用URL。
浏览器会根据相对路径创建一个绝对路径。
如果浏览器访问的是目录（即文件夹），则会在后面直接加上
/，比如www.baidu.com/。服务器会返回该目录的默认文件（index.html或者default.html）。回到“主要内容”
a的三个属性
<a>里title属性的作用如果在
<a>里加上title属性，当鼠标放在<a></a>的文本内容上时，会显示title的内容作用：对于视力有问题的人，浏览器会读出title的内容
另外，可以为任何元素添加title属性，作为工具提示。
代码
浏览器显示
<a>的id属性链接页面的目标位置1.在目标位置建立id，
<a id="cha"></a>2.在需要引用的地方，建立
<a href="index.html#cha"></a>，index.html指的是目标网页名称，可以是当前网页，或另外网页，如<a href="http://baidu.com/index.html#cha"></a>。如果是首页，也可以写成<a href="http://baidu.com/#cha"></a>。3.点击引动的地方，就可以跳跃到目标位置。
<a>的target属性打开新窗口<a target="_blank"></a>，可以新建窗口打开链接。<a>的href属性href属性放链接时，网站内部链接最好用相对路径，外部使用URL。
回到“主要内容”