网页设计与制作（活页式） 课件 情景11 综合网站的实现测试与发布

网页设计与制作综合网站的实现、测试与发布授课教师：乔振华HTMLCSSJavaScript目录CONTENTS1网站开发中的代码编写规范2网站的检测3网站的发布4小结知识点讲解

01网页开发中的代码编写规范是什么？

02如何检测网站？

03如何发布网站？思考网站开发中的代码编写规范01网站开发中的代码编写规范在实际开发中，为了提高团队的协作效率，便于后台开发人员能够根据需求进行网站功能的添加及网站后期的优化维护等；前端开发人员就必须按照一定的规范进行前台页面的开发。下面，我们从文件命名规范、HTML规范、CSS规范和JavaScript规范讲解。网站开发中的代码编写规范一、文件命名规范1.1项目命名全部采用小写字母方式，以下划线分割。例：my_project_name。1.2目录命名参考项目命名规则；有复数结构时，要采用复数命名法。例：styles/*,images/*,scripts/*,data_models/*1.3HTML文件命名全部采用小写字母方式，以下划线分割。例：news.html,news_detail.html网站开发中的代码编写规范1.4CSS文件命名全部采用小写字母方式，以下划线分割。例：news.css,news_detail.css1.5Image文件命名全部采用小写字母方式，以下划线分割。（1）同一类型图片可使用数字下标累加命名。例：banner_01.jpg,bannner_02.jpg（2）需要适配多终端时，可使用图片尺寸做命名。例：logo.png,logo_16_16.png1.6JavaScript文件命名全部采用小写字母方式，以下划线分割。例：news.js,news_detail.js网站开发中的代码编写规范二、HTML规范2.1注释方法注释规范(最好用英文)，例：<!--headerbegins-->2.2严格嵌套（1）应当以最严格的xhtmlstrict标准来嵌套，如内联元素不能包含块级元素等。（2）关于双标签，要正确闭合标签且必须闭合。2.3属性（1）属性和值全部小写，每个属性都必须有一个值，每个值必须加双引号。（2）没有值的属性必须使用自己的名称做为值（checked、disabled、readonly、selected等）。（3）可以省略style标签和script标签的type属性。网站开发中的代码编写规范三、CSS代码规范（1）每个样式属性后（必须）加"；"

方便压缩工具"断句"。（2）class命名统一采用小写字母，禁止出现大写字母，多个单词可采用“-”进行连接，如：.stages-title{…}（3）建议属性的书写顺序：定位属性、盒子模型属性、其他属性。（4）建议当编写针对特定html结构的样式时，使用元素名+类名，例：ul.nav{......}（5）不使用行内样式。网站开发中的代码编写规范四、JavaScript代码规范（1）变量和函数采用小驼峰式命名法，由小(大)写字母开始，后续每个单词首字母都大写。（2）常量全部使用大写字母，如有多个单词，采用大写字母和下划线来组合命名，下划线用以分割单词。（3）添加必要的注释，JS支持两种不同类型的注释：单行注释和多行注释。

其实任何事都要遵循一定的规章制度，无规矩不成方圆，正所谓“国不可一日无法，家不可一日无规”，规则规范着我们的行为，做事守规矩，是做人的基本品质。定位网站主题02网站的检测网站的检测网站系统的设计开发人员一旦完成网站的设计开发工作之后，都必须保证所有网站系统的组成部分能够配合起来，协调有序地正常工作。因此，网站系统的测试工作十分重要。测试的内容主要有以下几点：01浏览器的兼容性测试。对不同浏览器的测试，就是在不同浏览器和不同的版本下，测试网页的运行和显示状况。在实际工作中，用户会使用不同的浏览器登录互联网，通过此项测试和修改，可以保证网页在大多数的浏览器中都能正确显示。既给出网页在IE浏览器和Netscape浏览器下的显示报告，也详细统计了网页中哪些HTML语法不被浏览器支持以及改善的建议。02操作系统测试。在不同的操作系统下，网页显示效果是否一致。03分辨率测试。显示器在1024×768像素与800×600像素情况下网页有哪些变化。网站的检测0405HTML语法检查。不正确的HTML语法会影响浏览器的编译速度，而且可能会导致页面在容错性差的浏览器中出错。链接情况检查。帮助检查页面上所有链接是否正确，有没有死链接。当页面创建了很多链接时，用它来帮助检查链接的正确性。06下载时间测试。测试网页在不同连接速度下的下载时间，并且指出被测试页面所链接的文件(图片文件、框架页面、样式表文件及脚本文件等)中哪个过于庞大。07拼写检查。检查网页上的中英文文法错误。03网站的发布网站的发布网站的测试工作完成后，我们需要申请域名和网站空间，将我们的网站发布到Internet上，才能让其他人访问到我们的网站。在中国，域名注册通常分为国内域名注册和国际域名注册：国内域名注册：统一由中国互联网络信息信心（CNNIC）进行管理，具体注册工作由通过CNNIC认证授权的各代理商执行。1国际域名注册：由管理机构ICANN统一管理，ICANN（TheInternetCorporationforAssignedNamesandNumbers）互联网名称与数字地址分配机构是一个非营利性的国际组织，具体工作也是由通过ICANN授权认证的各代理商执行。2素材的收集整理网站空间英文名：WebSitehost。就是存放网站内容的空间。网站空间也称为虚拟主机空间，通常企业做网站都不会自己架服务器，而是选择以虚拟主机空间做为放置网站内容的网站空间。网站建成之后，要购买一个网站空间才能发布网站内容，选择网站空间时，主要应考虑的因素包括：网站空间的大小、操作系统、对一些特殊功能如数据库的支持，网站空间的稳定性和速度，网站空间服务商的专业水平等。04小结本章主要