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.最后传到服务器,再测试一次,看是否所有文件都已经加载。

转载于:https://www.cnblogs.com/luchaohai/p/4955971.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值