Head First Html 与 CSS第四章Web之旅学习笔记

一、如何发布网站

托管公司——— 域名——— 搬运

1、托管公司

将自己的网站文件夹存在托管公司的服务器上，由他们来负责服务器的运行问题。

2、域名

域名是唯一的名字，独一无二的，与网站名不同，一对多关系，比如域名csdn.net对应的网网站名有www.csdn.net，blog.csdn.net，bbs.csdn.net等等，网站名=服务器名+域名。这意味着，托管公司可能会为你的域创建多个web服务器。对于域名，网站名，URL详见https://mj.mbd.baidu.com/6bktwll?f=cp&u=07eb4eec3e92b719 。

3、搬家

要将自己电脑本地存储的网站的根文件夹搬运到托管公司提供的web服务器上的根文件夹。

利用文件传输协议FTP或者安全文件传输协议SFTP，简单流程如下：
找到一个FTP应用；首先，使用FTP链接到web服务器上（需要公司提供用户名和密码）；cd命令把当前目录切换到文件传输的目标目录；.. 命令表上级目录；put命令将文件上传到服务器的该目录下；mkdir命令可以在当前目录下建立新文件夹；get命令来获取服务器当前目录下的某个文件返回你的计算机；dir命令得到当前目录下的文件列表；pwd命令显示当前目录；

二、URL统一资源定位符

URL = 获取资源的协议（比如http,https,file) +  网站名 + 从根文件夹到资源的绝对路径

1、HTTP超文本传输协议

1、http就是一个简单的请求和响应协议。用户在浏览器地址栏输入URL后，浏览器利用HTTP协议向服务器发送请求，请求相应的资源，服务器找到资源就利用HTTP向浏览器返回资源，找不到就报告404；

2、除了常见的http https协议外，还有比如file协议，当浏览器从本地读取文件时候使用，例如file:///D:/大学课程/前端/三章/11.html  注意与http的区别，可以看做是http的URL中删去网站名，所以有三斜线。

 

2、URL

详见https://mj.mbd.baidu.com/6bktwll?f=cp&u=07eb4eec3e92b719

向服务器请求的不是一个资源而是一个目录时服务器如何返回。 比如https://mp.csdn.net/；再当连表示根目录的/都没有时https://mp.csdn.net

有的URL会写出端口号，不写的话默认是80.

3、绝对路径

从根文件夹到资源的绝对路径

三、关于链接问题

1、链接到其他网站的web页面与链接到本网站的web页面

均是使用<a>元素，开始标签的href属性里填地址；

1、链接到其他网站：地址要填该页面的URL（或者是https://mp.csdn.net/ 或者https://mp.csdn.net类型，他会自己链接到该目录的默认web文件）

2、链接到本网站的其他页面，地址依旧是填写相对地址。当单击这个链接的时候，后台浏览器会根据目前页面的路径和链接上的相对路径自己补成绝对路径再向服务器发送请求，所以，服务器看到的都是绝对路径。

3、使用URL链接到其他网站的页面，虽然URL也可以用来链接到本网站的其他页面，但是不要这么做，比如说，要是移动这个网站或者改变他的名字时，那么所有网站内各个页面跳转的URL全部要修改，但是使用相对路径的话，若是网站文件夹中的位置不变就不需要改了。

2、完善链接

1、为链接增加标题：属性title="........"     来提供关于链接的更多信息。链接的标签要简短有意义，可以在title属性里提供额外信息。任何元素都可以添加title 属性 ，当鼠标悬浮在上面时候会有个工具提示框。

2.使用target属性打开新窗口。在默认情况下，是在同一窗口打开，设定target可以告诉浏览器使用不同的窗口。

3、链接到一个页面的特定部分

1、首先为目标页面的目标位置（通常数标题）添加一个属性id = “标识名”（字母开头，可以是数字字母下划线冒号点号横线，不能是空格）。然后，在链接的<a>元素的href属性中在地址的末尾要加上#标识名（即上面你自己取的名字）。

2、要是是跳转到其他网站的网页的特定部分（你没法自己取个id）那就通过检查元素，查看id，若是该部分没id属性，那就无法跳转到该指定部分。注意，#标识名要加在完整的URL后例如http://wicahufoa.com/buzz/index.html#标识符，或http://wicahufoa.com/buzz/#标识符，不能是http://wicahufoa.com/buzz#标识符，因为服务器自己添加的/可能取代id引用。

3、可以跳转到本文档的特定部分。例如：通常会在页面顶部定义一个目标“top”，在页面最下方定义一个目标“back”；长文档中还可以利用id来制作目录。

4、可以为任何元素添加id属性，包括<em>元素<p>元素<a>元素，不过通常不需要。