HTML与CSS入门——第二章发布Web内容

2023-07-21 09:12:40

知识点：

　　1.使用文本编辑器创建一个基本的HTML文件的方法

　　2.使用FTP将文件传送到你的Web服务器的方法

　　3.文件在Web服务器上应该存储的位置

　　4.在没有Web服务器的情况下分发Web内容的方法

　　5.使用其他发布方式（如博客）

2.1 创建用于本章的示例文件：

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

</body>

</html>

两点核心：

　　1.基本的html5文件的格式，如上。

　　2.文本扩展名为".html"，以告诉Web服务器这个文件是HTML。

2.2 使用FTP传送文件：

将内容放到Web服务器上，一般通过使用文件传输协议(FTP)来完成的。
客户端需要3部分信息来连接到你的Web服务器：（托管提供商在建立你的账户之后都会有这些信息）

　　1.你所连接的主机名或者地址

　　2.你的账号用户名

　　3.你的账户密码

FTP客户端：FileZilla等

FTP客户端的使用：基本和文件管理器的使用方式类似，增加了上传和下载而已。

2.3 理解Web服务器上放置文件的位置：

一个基本的文档管理规范：

html文件放置在根目录，然后是images文件存放图片，css文件存放层叠样式表，js文件存放js，downloads文件存放提供给用户下载的文件。

PS:默认网站会以索引index.html开始,比如：www.baidu.com == www.baidu.com/index.html（index的由来）

PS:如果没有index.html文件，则根据服务器配置是否显示目录浏览。如果拒绝，则会显示"Directory Listing Denied"

2.4 在没有Web服务器情况下分发内容：

个人感觉这小节可以略过，或者可以引发制作本地服务器的想法。

2.5 测试Web内容：

　　1.视觉测试，在各浏览器进行，确保内容显示正确。

　　2.不同分辨率下的测试，考虑内容是否会失真（个人理解目前就这个）。

　　3.使用浏览器字体大小设置来查看，布局是否会被破坏。（这个倒是挺有意思的，我没考虑过）。

　　4.最后传到服务器，再测试一次，看是否所有文件都已经加载。

码农公寓