HTML与CSS入门——第二章 发布Web内容
知识点:
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.最后传到服务器,再测试一次,看是否所有文件都已经加载。