知识点:

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

HTML与CSS入门——第二章 发布Web内容的更多相关文章

  1. HTML与CSS入门——第四章 理解层叠样式表

    知识点: 1.创建基本样式表的方法 2.使用样式类的方法 3.使用样式ID的方法 4.构建内部样式表和嵌入样式的方法 4.1 CSS工作原理: CSS:层叠样式表的缩写,是一种定义样式结构如字体.颜色 ...

  2. HTML与CSS入门——第九章 使用颜色

    知识点: 1.为网站选择颜色的方法 2.颜色在Web上的工作方式 3.使用十六进制颜色值的方法 4.使用CSS设置背景.文本和边框颜色的方法 9.1 选择颜色的最佳方法: 直白地说:根据用户群体找到最 ...

  3. HTML与CSS入门——第七章 使用表格显示信息

    知识点: 1.创建简单表格的方法 2.控制表格大小的方法 3.对齐内容及在表格中跨越行和列的方法 7.1 创建简单的表格: table标签,border控制边框 tr标签,创建表格的行,包含td td ...

  4. html和css入门 (二)

    CSS基础 什么是CSS 简单来说,层叠样式表(Cascading Style Sheet)是一种专门用来控制界面外观风格的文档. CSS发展历史 1996年 CSS 1.0 规范面世,其中加入了字体 ...

  5. HTML与CSS入门——第六章 使用字体

    知识点: 1.粗体.斜体和特殊文本格式的使用 2.字体的调整方法 3.特殊字符的使用方法 6.1 粗体.斜体和特殊文本格式: font-weight控制粗细 加粗<strong> font ...

  6. HTML与CSS入门——第五章 使用文本块和列表

    知识点: 1.在页面上对齐文本的方法 2.三种HTML列表的使用方法 3.在列表中放置列表的方法 5.1 在页面上对齐文本: 父元素内子元素文本的居中:在控制父元素的text-align:center ...

  7. HTML与CSS入门——第十三章  使用框架

    知识点: 1.建立框架集的方法 2.在框架和窗口之间链接的方法 3.使用内联框架的方法 13.1 什么是框架: 框架是浏览器窗口中的一个矩形区域,每个框架显示的是一个完整的页面. 作者不建议使用框架, ...

  8. HTML与CSS入门——第十一章  在网页中使用图像

    知识点: 1.在网页上放置图像的方法 2.用文本描述图像的方法 3.指定图像高度和宽度的方法 4.对齐图像的方法 5.将图像转换为俩接的方法 6.使用背景图像的方法 7.使用图像映射的方法 11.1 ...

  9. HTML与CSS入门——第三章 理解HTML和XHTML的关系

    知识点: 1.以HTML创建一个简单网页的方法 2.包含每个网页必须有的所有HTML标签的方法 3.用段落和换行组织页面的方法 4.用标题组织内容的方法 5.HTML.XML.XHTML和HTML5之 ...

随机推荐

  1. CSS基础知识笔记(三)

    继承 继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代.比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为s ...

  2. Socket学习笔记

    ..........(此处略去万万字)学习中曲折的过程不介绍了,直接说结果 我的学习方法,问自己三个问题,学习过程将围绕这三个问题进行 what:socket是什么 why:为什么要使用socket ...

  3. ORacle 复制表

    create table r_register_company as select companyid,companyname,from grdata.r_register_company inser ...

  4. CaseFile

    出处 http://tools.kali.org/information-gathering/casefile CaseFile is the little brother to Maltego. I ...

  5. 解决mdi窗体闪烁的问题

    /// 解决mdi窗体闪烁的问题 /// </summary> protected override CreateParams CreateParams { get { CreatePar ...

  6. MFC的初始化过程和消息映射技术

    1.删除#include <windows.h>--win32中的-(使用win32工程编程mfc必须删除) 添加#include <afxwin.h> -- mfc中的- 2 ...

  7. 【干货】.NET开发通用组件发布(三) 简易数据采集组件

    组件介绍和合作开发 http://www.cnblogs.com/MrHuo/p/MrHuoControls.html 简易数据采集组件 怎么说他是一个简易的数据采集组件呢?因为由于时间仓促,缺少从某 ...

  8. 什么是Code Review

    Code Review 是一种通过复查代码提高代码质量的过程,在XP方法中占有极为重要的地位,也已经成为软件工程中一个不可缺少的环节. 本文通过对Code Review的一些概念和经验的探讨,就如何进 ...

  9. Qt修改文件内容

    在用Qt进行嵌入式开发的时候,有时需要通过界面永久的改变ip地址等网卡信息.此时只能修改系统中包含网卡信息的文件,下图红框中所示就是文件中的网卡信息. 那么如何修改这四行呢,我的做法是先打开该文本文件 ...

  10. idea

    一. 常用快捷键 搜索class Ctrl+N 搜索文件 Ctrl+Alt+N 当前窗口查找/全工程查找 Ctrl+F/Ctrl+Shift+F,F3/Shift+F3前后移动 上/下一个位置 Ctr ...