HTML5+CSS3网页设计任务教程（第2版）课后习题及答案 汤佳 .pdf

单元1HTML5静态网站开发概述

一、简答题

1.常用的静态网页开发工具有哪些？

静态网页的开发工具有很多，例如：DreamWeaverFrontPageWebStormVScode、

HBuilder、HBuilderX等。

2.介绍下编程常用的命名规范，并举例。

1骆驼命名法

变量一般用骆驼命名法标识。除第一个单词之外，其他单词首字母大写。例如：int

myStudentCount;变量myStudentCount的第一个单词全部小写，后面的单词首字母大写。

2、帕斯卡命名法

单字之间不以空格断开或连接号(-)、底线(_)连结，第一个单字首字母采用大写字

母后续首字母亦用大写字母，例如：FirstameLastame。每一个单字的首字母都采用大

写字母的命名格式，被称为“Pascal命名法”，也有人称之为“大驼峰式命名法(UpperCamel

Case),为驼峰式大小写的子集。

例如：ShowMessage();stringPassWord;

3、匈牙利命名法

变量名=属性+类型+对象描述

例如：mJpszStr,表示指向一个以。字符结尾的字符串的长指针成员变量。

4、下划线命名法

下划线命名法(UnderScoreCase)与帕斯卡(Pascal)及驼峰命名法(Camel)区别就是

逻辑断点(单词)用的是下划线隔开，还是比较容易区分的。

例如:show_message();stringuser_name;

3.介绍下网站文件夹的目录结构。

新建的一般含有以下三个文件夹和一个文件：

1、CSS文件夹

这个文件夹是用来存放网站的样式文件，样式文件的文件扩展名为.css。

2、img文件夹

这个文件夹是用来存放网站页面显示的图片文件，常用的图片文件格式为.jpg，其他的

比如.png,.gif等格式的图片文件也需要放置在此文件夹中。

3、js文件夹

这个文件夹是用来存放完成网站相关功能的脚本文件，脚本文件的扩展名为.js。

4、index.html文件

一个静态网站的首页面文件默认使用index.html命名，所以在HBuilderX中创建一个

Web项目时会自动创建好一个空的index.html文件。

4.制作静态网页常用的图片格式有哪些？

静态网页开发中的五种常用图片格式：JPEG、PG、GIF、WebP和SVG。PG是一种

无损压缩格式，适用于图像中包含透明度通道的情况。

5.title标签的作用及HTML标签的特点？

title标签是用来定义一个HTML页面文档的标题。一个页面只能有一个title标签,

位于页面文档的头部。

一般HTML标签都为双标签，是指由开始和结束两个标签符号组成的标签，语法“〈标

签名〉内容V/标签名＞〃。

6.HTML5注释的作用是什么？HBuilderX注释的快捷键是什么？

注释能够帮助程序员记忆各个模块的功能和变量的意义。注释还可以帮助其他人理解源

程序，并且，即使过了一段时间再回来阅读源程序，也会感到非常容易。注释可以加在某一

行的前面或同一行的后面，来解释该行代码的含义和功能。

写程序时,我们应该注重注释的质量和适度O过多的注释会使程序变得混乱和难以维护，

不够的注释会使程序容易出错和难以理解。注释应该提供有关程序的必要信息，其目的是解

释代码的含义，而不是简单地复述代码。

选中需要注释的内容，可以利用“Ctrl+/”快捷键实现注释，再次点击该快捷键就可以取

消注释。

二、操作题

1.新建体育主题网站，列出栏目以及对应的网页名称。

index.html（网站首页）、football.html（足球页面）、basketball.html（篮球页面）、

volleyball.html（排球页面）、newsList.html（体育新闻列表页面）、newsrDetail.html（体育新

闻详情页面）。

2.新建电影主题网站，列出栏目以及对应的网页名称。

index.html（网站首页）、guoei.html（国内电影列表）、ouMei.html（欧美电影列表）、