网页设计与制作_在线作业_E 总分100

《网页设计基础》课程大作业任务书
课程名称：网页设计基础
课程代码：NN1017
学分/学时：４学分/68学时
面向专业：网络专业
目的：
《网页设计基础》课程的重点知识模块包括：
1）HTML5标记的掌握，
2）Dreamweaver基本操作
3)Css3样式的应用。

通过完成大作业，验收这三个重点知识的学习效果，全面提高网页设计的基础操作技能。

分值：
《网页设计与制作大作业》课程考核分数为100分，占总评分数的15%。

内容和要求：
1、可以选择三个不同的题目：学校网站，班级网站，个人兴趣网站
注意：
⑴用自己名字的拼音字作为站点的名字(即：站点的根文件夹名)。

⑵在站点主页中加上自己的名字、性别、系部、年级、班级，学号以便老师给你评分记录。

(3)各人选定主题以后就可以自行设计了，设计时间是10－15周，第16周将你的作品带到教室，老师当场检查答辩给分。

网页制作作业100例1.创建一个基本的HTML文件。

2.在HTML文件中添加一个标题。

3.在HTML文件中添加一个段落。

4.在HTML文件中添加一个链接。

5.在HTML文件中添加一个无序列表。

6.在HTML文件中添加一个有序列表。

7.在HTML文件中添加一个表格。

8.在HTML文件中添加一个图像。

9.在HTML文件中添加一个音频文件。

10.在HTML文件中添加一个视频文件。

11.在HTML文件中添加一个表单。

12.在HTML文件中添加一个文本输入框。

13.在HTML文件中添加一个下拉菜单。

14.在HTML文件中添加一个单选按钮。

15.在HTML文件中添加一个复选框。

16.在HTML文件中添加一个提交按钮。

17.在HTML文件中添加一个重置按钮。

18.在HTML文件中添加一个文本区域。

19.在HTML文件中添加一个日期选择器。

20.在HTML文件中添加一个颜色选择器。

21.在HTML文件中添加一个滑块。

22.创建一个CSS样式表文件。

23.在CSS样式表文件中设置页面背景颜色。

24.在CSS样式表文件中设置段落字体颜色。

25.在CSS样式表文件中设置链接字体颜色。

26.在CSS样式表文件中设置标题字体颜色。

27.在CSS样式表文件中设置表格边框颜色。

28.在CSS样式表文件中设置图像边框颜色。

29.在CSS样式表文件中设置文本输入框边框颜色。

30.在CSS样式表文件中设置下拉菜单边框颜色。

31.在CSS样式表文件中设置按钮背景颜色。

32.在CSS样式表文件中设置滑块颜色。

33.在CSS样式表文件中设置表格行高。

34.在CSS样式表文件中设置表格列宽。

35.在CSS样式表文件中设置文本对齐方式。

36.在CSS样式表文件中设置文本大小。

37.在CSS样式表文件中设置文本加粗。

38.在CSS样式表文件中设置文本斜体。

39.在CSS样式表文件中设置文本下划线。

40.在CSS样式表文件中设置文本删除线。

41.在CSS样式表文件中设置链接鼠标悬停效果。

网页设计与制作_在线作业_1 一、单选题（每题5分，共6道小题，总分值30分）1.在Fireworks中，修改用钢笔绘制的自由路径的弧度，需使用（）。

（5分）部分选定工具钢笔指针工具重绘路径工具正确答案您的答案是A回答正确展开2.在Fireworks中，用“刀子”工具切割路径后，应执行（）命令，将路径封口。

（5分）“修改”|“组合路径”|“拆分”“修改”|“组合路径”|“封口”“修改”|“组合路径”|“接合”“修改”|“组合路径”|“联合”正确答案您的答案是C回答正确展开3.若将页面分为3个框架，应保存（）个网页html文件。

（5分）1432正确答案您的答案是B回答正确展开4.在Fireworks中，“自由变形工具”的光标有两种形状，（）。

（5分）A当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作B当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作C当光标为时，对路径执行“扭曲”操作，当光标为时，对路径执行“拉伸”操作D当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“扭曲”操作正确答案您的答案是B回答正确展开5..blue {color: #0000ff}是（）。

（5分）A包含选择符B类选择符C标签选择符和选择符组D ID选择符正确答案您的答案是B回答正确展开6.书写CSS样式时，要把相同属性和值的标签组合起来书写，应使用（）。

（5分）A标签选择符和选择符组B类选择符C ID选择符D包含选择符二、多选题（每题5分，共6道小题，总分值30分）1.Flash的“选择工具”用于选取图形、移动图形和编辑图形。

其光标可以是（）。

（5分）ABCD正确答案您的答案是ABCD回答正确展开2.使用Flash “选择工具”同时选中，则（）。

（5分）A影响绘制形状或位置的微调。

B作图或拖动舞台对象时，可以准确地吸附到其他线条上的点。

C鼠标指针指向对象的中心点，鼠标指针上出现一个小三角D作图或拖动舞台对象时，可以准确地吸附到其他图形的中心点。

一、设计内容及评分标准：
二、上机考试说明
1、主题范围：和谐校园、风景旅游、体育赛场、个人网页、学生社团、电
子商场网站、产品展示、教学网站、文学网站、音乐网站。

从以上的主题中选定一个主题（或自定主题），并利用框架或表格布局页面；
2、主页样式
可以采用表格或者框架来布局、可以加入导航栏（菜单）。

（以下的样式供参考，可以自行设计，但要求将之前的子页面在主页上链接。

）
3、在网页中定义一个CSS样式，利用此CSS样式控制页面中元素的格式；
4、要运用表单技术完成如下的表单页面：
试设计一个留言板，该留言板包括如下内容：标题(单行文本框，宽度20)、作者(单行文本框，宽度10)、留言内容(多行文本框，宽度40，行数为5)。

当按
下“提交”按钮时，则向服务器提交表单内容，当按下“清空”按钮时，所有内容被清空。

表单ACTION属性值为POST.ASP，METHOD属性值为POST。

请设计该表单（注：不用编写ASP程序，只需完成该留言板的html页面内容。

）
页面要求用表单制作，如下样式为参考样式：
5、CSS样式
新建CSS样式表（内部样式或者外部样式表文件），对所做的网页进行样式套用。

6、其它内容
其它内容按照“一、设计要求”的要求答题。

16春《网页设计与制作》在线作业2一、单选题（共 19 道试题，共 95 分。

）1. 网页的组成（）。

. 文字、图片、动画、超链接、特殊组件. 文字、图片、动画、音频、交互组件. 文字、视频、音频、超链接、特殊组件. 图片、动画、超链接、音频、视频正确答案：2. <sup>标签与<su>标签的区别，正确的是（）。

. <sup>是用于字体变大，<su>用于字体变小. <sup. >是用于显示文字的上标，<su>用于显示文字的下标. <sup>是用于显示文字的下标，<su>用于显示文字的上标. <sup>是用于字体变粗，<su>用于字体变斜体正确答案：3. 在框架名称中允许使用（）。

. 连字符（-）. 句点（.）. 下划线（_）. 空格正确答案：4. 在合并单元格时，所选择的单元格必须是（）。

. 一个单元格. 多个相邻的单元格. 多个不相邻的单元格. 多个相邻的单元格，并且形状必须为矩形正确答案：5. SP中使用的脚本语言是（）。

. Jv. JvSript. SP. VSript正确答案：6. 按下（）键可在次浏览器中显示当前文档。

. F12. trl + F12. lt + F12. Shift + F12正确答案：7. rk语句和ontinu语句的区别说法正确的是（）。

. rk跳出整个循环，ontinu跳出本次循环. rk跳出本次循环，ontinu跳出整个循环. rk终止循环，ontinu跳出本次循环. rk跳出本次循环，ontinu终止循环正确答案：8. （）工具栏不是rmwvr的主要工具栏。

. “常用”工具栏. “文档”工具栏. “插入”工具栏. “标准”工具栏正确答案：9. 如果要检查目标浏览器的兼容性，应选择“文件”|“检查页”子菜单中的（）命令。

. 检查辅助功能. 检查目标浏览器. 检查链接. 检查页正确答案：10. 在层中可以插入（）。

《网页制作与网站建设》期末考试卷(考试时间100分钟)适用班级： 信管0815、信管0816、信管0817 考试方式： 开卷上机操作 班级 学号 姓名出卷老师 校对老师（共 20 分）检验学生对站点建设和网页页面编辑操作能力和各种工具的应用熟练程度操作步骤：1、以静态站点的方式新建一个站点，站点建在“上机考试”文件夹中。

（2分）2、新建一个网页文件并保存在“上机考试/one ”文件夹中，取名为“1.htm ”。

（1分）3、布局页面为800*400，设置网页属左边界：112。

以图片“上机考试/one/pic/bj1.jpg ”为布局表格背景，设置表格边框为1，颜色为黑色。

（3分）4、“上机考试/one/文字1.doc ”中的文字粘贴到本页面中，并排版好。

（2分）5、插入图片“上机考试/one/pic /1.gif ”。

保存页面，最终效果如：样1.jpg 图示。

（2分）6、新建并设置CSS 样式。

打开CSS 样式，新建一个外部CSS 样式，类型为：第一种即（创建自定义样式class ），名称为：css1，保存到“上机考试／one ”文件夹中，取名为css1，在“类型”中设置属性为：字体（仿宋）、大小（２０）、行高（４０像素）、颜色（#990000）、修饰（无）。

(5分)7、应用CSS 样式。

把这个建好的CSS 样式，应用到“上机考试/one ”文件夹中的1.htm 页面中的文字上，标题“简介”除外。

（5分）最终效果如：样2.jpg 图示。

（共 10 分） 检验学生对图片操作的应用能力和对各种超链接的灵活掌握程度。

操作步骤：1、打开two 文件夹中的ls.htm 文件，在右边空白处插入two/pic/ls.jpg 图片（2分）2、在此图片中的“遂昌县、缙云县、松阳县、龙泉市、云和县、青田县、景宁、庆元县”八处建立图像矩形热区。

（2分）3、以上八处矩形热区分别链接到tom/sc.htm 、jy.htm 、sy.htm 、lq.htm 、yh.htm 、qt.htm 、jn.htm 、qy.htm 。

20春《网页设计与制作》在线作业2
试卷总分:100 得分:100
一、单选题 (共 19 道试题,共 95 分)
1.<sup>标签与<sub>标签的区别，正确的是（）。

A.<sup>是用于字体变大，<sub>用于字体变小
B.<sup
C.>是用于显示文字的上标，<sub>用于显示文字的下标
D.<sup>是用于显示文字的下标，<sub>用于显示文字的上标
E.<sup>是用于字体变粗，<sub>用于字体变斜体
答案:B
2.跳转菜单可包含3个基本部分，其中（）是必需的，其他两部分则是可选的。

A.菜单选择提示
B.所链接菜单项的列表
C.“前往”按钮
D.以上都不是
答案:C
3.<head>标签属于哪类标签（）。

A.字体标签
B.表格标签
C.文件标签
D.清单标签
答案:C
4.下列哪个选项的CSS语法是正确的？
A.body:color=black
B.{body:color=black(body}
C.body {color: black}
D.{body;color:black}
答案:C
5.CSS语法的标识符是（）。

A.style
B.span
C.body
D.title
答案:B
6.以下所列的（）面板不属于控制面板。

A.标签检查器
B.应用程序面板
C.历史记录面板
D.属性面板。

《网页设计》课程期末考试作业网站名称：孤独的探戈设计人：谢岭班级：电子商务151学号：37评阅人：王选勇学期：2016~2017学年第1学期成绩：丽水学院工学院2016.12诚信承诺我谨在此承诺：本人所完成的《网页设计基础》期末考试作品均系本人独立完成，没有抄袭行为，凡涉及其他作者的观点和材料，均作了注释，若有不实，后果由本人承担。

承诺人（签名）：谢岭2016 年 12 月 25日《网页设计》课程期末考试作业成绩评定表《孤独的探戈》设计说明书一、选题的分析（选题的意义，针对选定的课题，打算如何展开设计，想表达什么内容？）本次我选的网站主题是音乐，我平时就十分喜欢听音乐，我觉得音乐是一种年轻人表达自我的一种方式，通过音乐我们能表现自己的喜怒哀乐，表现出自己的生活态度。

音乐能够给我们力量，给我们安慰，给我们无限的希望。

我们心里总有那么一首歌，想唱给心爱的姑娘；总有那么一首歌，慰藉我们孤独的灵魂。

因此，我也想制作一个音乐网站，通过音乐的力量来给更多的人温暖和安慰。

针对这次选定的主体，我打算制作六个网页，分别为首页，歌手，专辑，排行榜，MV和自我简介六部分。

首先制作之前，我借鉴参考了主流音乐网站QQ音乐和网易云音乐的网页排版布局，取其精华，为我所用。

我初步确定了本次网页布局为简单的上下型，简洁明了方便用户浏览。

网页内容为图文并茂，以较少的文字加上多彩的图片吸引用户兴趣。

总而言之，这次网站设计的理念是极简主义，去除多余的文字，排版内容简单明了，贯穿一种单纯真诚的生活态度。

二、如何运用网络的优点进行更好的表达（网站的版面风格、版式、颜色、互动性、多媒体等。

为什么这样做？）首先，本次网站页面的版面布局借鉴了一些优秀的音乐网站的排版，版面以上下型为主，风格偏简洁舒适自然，因为过多的东西以及一些花俏的动画，会给人视觉疲劳，看来起来繁重累赘，不利于用户的浏览体验。

网页的颜色以白色，灰色为主，看起来低调却富有内涵，同时加入多彩的图片以至于整体不会太沉闷。

《网页设计与制作》
任选一题，使用Dreamweaver、Fireworks、Flash三个软件完成题目的制作。

题目一：制作一个个人网站。

要求：
1.使用表格布局网页。

2.网站中至少设置三个栏目。

三个栏目下相应的二级页面能够返回主页：为所有页面建立正确的超级链接。

3.网站中至少插入一个Flash动画。

4.内容充实、布局美观、色彩搭配合理、网站结构层次清楚明了。

题目二：制作一个旅游网站。

要求：
1.用框架页制作方法介绍一个国家的旅游胜地，不少于5个景区。

2.网页中至少有一个banner广告条。

3.使用行为动作，制作网页弹出广告。

4.内容充实、布局美观、色彩搭配合理、网站结构层次清楚明了。

题目三：自主命题制作一个网站。

要求：
1.网站中至少设置五个栏目，五个栏目下相应的二级页面能够返回主页：为所有页面建立正确的超级链接。

2.网页中要有必要的图片和文字，在图像上（至少一幅）创建热点链接。

3.网页中至少插入一个Flash动画。

4.有版权声明，网站信箱。

5.内容充实、布局美观、色彩搭配合理、网站结构层次清楚明了。

提交方式：文件压缩包。

压缩文件命名格式：中心-学号-姓名.rar。