网页设计基础测试题

网页设计基础测试题
网页设计基础测试题

网页设计基础测试题

一、选择题

1. 网页是。

A) 图形文件B) 图像文件C) 文本文件D) 文书文件

2. 以下说法正确的是。

A) 浏览的网页一定不在本机上

B) 浏览的网页一定在本机上

C) 浏览的网页可以在本机上,也可以不在本机上

D) 以上说法都不对

3. 以下说法正确的是。

A) 网页上必须有超级链接

B) 网页上可以没有超级链接

C) 用HTML语言编写的网页必须有超级链接

D) 只有用HTML语言编写的网页才可以没有超级链接

4. 超级链接信息。

A) 只能附着在文本上 B) 只能附着在图像上

C) 不能附着在文本上 D) 可以附着在文本上

5. 控制水平线粗细的属性是。

A) X B) Y C) size D) width

6. 在FrontPage2003中,设置网页背景颜色,可以用。

A) “网页属性”对话框

B) 工具栏中的“字体颜色”按钮

C) 工具栏中的“突出显示颜色”按钮

D) “格式”菜单中的样式选项

7. 以下说法正确的是。

A) 网页中表格的行高可以调整,列宽不能调整

B) 网页中表格的行高不能调整,列宽可以调整

C) 网页中表格的行高和列宽都不能调整

D) 网页中表格的行高和列宽都可以调整

8. 网页中,表示红色的颜色值为。

A) ”#00FFFF”B) ”FF0000”

C) #FF0000 D) ”#ff0000”

9. 网页中,设置表格边框的属性是。

A) Size B) Width C) border D) Line

10. 发布网页需要。

A) WWW浏览器程序 B) WWW服务器程序

C) Office2003 D) Outlook2003

二、填空题

1. HTML是英文“HyperText Markup Language”的缩写,其中文含义是_______。

2. 一个HTML文档的第一个标记符就是,而最后一个标记符必须是与之配对的标记符_______。

3. 一般来说,HTML文件的扩展名应使用_______。

4. 在HTML中使用三个标记符来描述文档的总体结构,它们分别是HTML、HEAD和_______。

5. 当编好一个HTML文件“我的主页.HTM”后,在Internet Explorer浏览器中,应使用“文件”菜单中的“_______”命令将文件“我的主页.HTM”调入浏览器中。

6. 创建站点的操作过程是:启动FrontPage2003,单击“文件”菜单中的“新建”项,然后单击“_______”命令。

7. 在FrontPage中,用户编辑的网页通常都放在站点目录中,要编辑已有的网页或者要向站点中添加新的网页文件,就必须先打开_______。

8. 将Word文档中的文字拷贝到网页文件中,FrontPage会自动将文档转换为_______格式,去掉多余的控制符。

网页设计实验报告

实验报告 课程名称网络技术基础实验项目TCP/IP协议配置实验仪器计算机 系别 专业 班级/学号 学生姓名 实验日期 成绩 指导教师

实验一 TCP/IP协议配置 一、实验目的(标题黑体小四) 1.熟练掌握模板的用法。 2.掌握CSS的用法。 3.掌握网站发布的方法。 二、实验内容 1. 创建和使用模板。 2. css的创建和使用。 3. 发布网站。 三、实验课时 4课时 四、实验步骤 创建网站 1、创建一个站点,并创建 images 文件夹存放图片。将示例图片拷贝至images 目录下 2、创建 CSS 文件,名称为 style.css,将其保存至 style文件夹。 3、创建模板文件 tpl.dwt,并保存。结果如下: (1) 给 tpl.dwt 附加样式表 style.css。 在 tpl.dwt 的空白处点击鼠标右键,选择“附加样式表”: 选择 style.css 文件: 完成后,在 tpl.dwt 的 head标签里有如下的代码: (2) 设置模板的背景颜色。打开 CSS 面板,为 style.css 新建一条 css 规则。过程如 下:

将背景颜色设为#ff1e70: 在 style.css 生成如下的代码: body { background-color: #ff1e70? } 3) 制作布局。插入一 2 行 2 列的表格。表格的宽度=316+634=950,其他的设置:让表格居中对齐。 (4) 消除表格两边的空隙。展开 CSS 样式表,双击 body: 双击 body后,打开“body的 CSS 规则定义”对话框,按照下面的方式设置:Style.css 的代码变为: body { background-color: #ff1e70? margin: 0px? }

《网页制作教学设计》教案

《网页制作》教学设计 法、说学法、说教学过程、说板书设计。 一、说教材: (一)教材分析:本节内容是省编《信息技术》全一册第六章 网络与INTERNET基础知识第五节的内容(2000年版为第八章第四节内容,2001、2002版教材第六章第五节内容)。虽然在这一节内容在新版教材变更为拓展模块,但针对现在网络快速发展,广大的学生接触,使用INTERNET的机会也大大增加,学生在使用网络获取信息时,更多的是通过浏览网页这一方式,我认为上好这节课是非常必要的,这对学生进一步认识、使用INTERNET更有益处,同时通过网页制作这一过程也利于学生对计算机常用素材的类型有更深入的了解,在一定程度上也起着培养学生运用综合知识能力作用,所以我认为这节课是非常值得我们去研究上好的,考虑这节课的内容及教法、学法的需要,我把这节分为两课时,第一时:学生自学,自练Word制作网页的基本方法;第二课:让学生自己构思创意一个内容丰富,页面美观的网页。 (二)教学目标:根据对教材的分析及学生实际情况,制定如 下的教学目标: (1)知识目标:1、有关网页文件的说明 2、熟悉用Word制作网页的基本方法 3、超级链接是网页实现互相链接的基本方法 (2)能力目标:1、培养学生的自学能力 2、创意构思能力 3、能制作出具有多重链接、多种素材、内容 丰富的网页。 (3)情感目标:1、教育学生正确认识和理解信息技术相关文 化,伦理和社会问题,负责地使用信息技术。 (三)教学的重、难点:根据对教材的分析及网页制作过程中的 实际情况,我认为要出制作内容丰富的网页,关键是要知 道网页间互相链接的方法,所以我把超级链接做为本节的

网页设计师考试试卷

网页设计师(初级)课程测试试卷 考生注意事项 1.本试卷满分为150分,考试用时150分钟, 分数:_________ 2.答卷前,考生务必用黑色签字笔将自己的姓名、性别、年龄、证件类型、证件号码、考试所在地、培训单位填写清楚。 考试地点:培训单位: 考生姓名:考试日期: 证件类型:证件号码: I 卷 一、单项选择题(本大题共40小题,每小题1分,共40分) 1. 在Photoshop CS3中的文字工具有四种,下列不正确的是()。 A.直排文字工具 B.横排文字工具 C.横排文字蒙版工具 D.竖排文字工具 2. 默认的暂存盘是如何排列的()。 shop可创建任意多的暂存磁盘 B.暂存磁盘创建在启动磁盘上 C.暂存磁盘创建在任何第二个磁盘上 D.没有暂存磁盘 3. 路径工具是编辑()的工具。 A.矢量图形 B.位图图形 C.普通图形 D.都对

4. 一个图像最多可有()个通道。 .76 C 5. 下列关于库项目的说法错误的是()。 A.库项目可以看成是网页上能够被重复使用的“零件” B.利用库项目同样可以实现对文档风格的维护 C.在不同文档中放入相同的库项目时,可以得到完全一致的效果 D.不可以将多个文档内容的组合定义成库项目 6. 在Photoshop CS3中,当整条路径处于选中状态时,锚点呈()显示。 A.黑色实心 B.圆点 C.黑色空心 D.空心 7. 在Photoshop CS3中创建段落文本时,按住()键并拖移两边的手柄,即可实现斜切定界框。 键键 C.回车键 D.空格键 8. 在Photoshop CS3中,当想要有图像中创建一个或多个段落时,采用()方式输入文本十分有用。 A.点文字 B.段落文字 C.路径文字 D.都不对 9. 在对插入的Flash 按钮属性设置之后,按()键,即可预览该文档。

Web网页设计实验报告

WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术(信息技术及应用) 班级计信2班 学生蒋波涛 重庆交通大学 2013年

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)

一、设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。学会和团队配合,逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题,确定题目之后,在做整个网站之前对网站进行需求分析。首先,做好需求调研。调研方式主要是上网查阅资料,在图书馆里翻阅相关书籍。 然后,调研结束之后对整个网站进行功能描述,并对网站进行总体规划,接着逐步细化。 我们选做的主题是个人主页,并且选定题目为“红尘客栈”,其目的是做一个简单的网站,介绍酒店概况,提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很难组织出一个协调合理的页面。 1.点击“ALT+F6”键,进入布局模式,插入布局表格。建立一个大概的布局。 2.使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,所以表格大小和图片尺寸都要控制好。 (二)网页中的图像

网页设计——网页设计概述教案

第一讲网页设计概述 使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣。 【教学内容】 讲解网页设计的相关术语及网站制作的基本流程。 【教学重点】 网页设计中的若干术语。 【教学难点】 理解网页设计中的若干术语。 【教学方式】 讲授式、讨论式、案例分析式。 【教学参考】 1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。 2、《Internet 网页工场》Wittime工作室重庆出版社。 3、《WEB网站设计》Joel Sklar著高等教育出版社。 4、《HTML网页制作教程》材义语编著铁道出版社。 【新课内容】 1.1 WWW和URL 1.1.1 Web的起源 Web是World Wide Web的简称,一般也称之为WWW或3W 1.1.2 Web的特点和结构 Web最大的特点是使用了超文本(Hypertext) WWW采用C/S(客户机/服务器)工作模式 在浏览器和服务器之间应用HTTP(Hyper Text Transfer Protocol,超文本传输协议)作为网络应用层通信协议 1.1.3 URL URL的完整格式 协议://主机名或IP地址:端口号/路径名/文件名

1.2 IE5的使用 Web浏览器是浏览Internet资源的客户端软件 在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic等 1.2.1 IE5的界面 1.2.2 IE5的使用 1.3 网页中所使用的技术 1.3.1 HTML语言和XML语言 1、HTML语言 ?HTML只使用SGML中很小一部分标记 ?HTML语言(Hyper Text Markup Language 超文本标记语言) ?HTML是纯文本的语言,其源代码可以用各种文本编辑工具进行编辑,常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具 2、XML语言 XML(eXtensible Markup Language) 1.3.2 动态网页 1.3.3 多媒体技术的应用 1.3.4 Web服务器端程序 1.4 制作网页的基本方法 1.4.1 制作网页的基本步骤 1、确定网页的内容 2、设计网页的组织结构 3、资料的收集与整理 4、选择网页的设计方法 1.4.2 制作网页时要注意的问题 1、网页的标题要简洁,明确。 2、在文本中要使用水平线,以分割不同部分。 3、对重点段落要强调显示。 4、网页中插入的图片要尽量的小。

网页设计基础试卷5

《网页设计基础》试卷5 一、单项选择题 (本大题共40小题,每小题2分,共80分) (1)DremweaverMX表单中的"跳转菜单"和"列表/菜单",下列说法中错误的是__D___ A.实质都是列表框 B.类型都包括"菜单"和"列表"两种类型 C.当设置为"列表"类型时,都可以设置其为多选 D.二者在设置过程中,都可通过选择复选项,在其后加上"前往"等按钮 (2)DreaeaverMX设计表单时,插入第一个"列表/菜单"时,它的默认名称是_D__ A.menul B.menu C.select1 D.select (3)获取网站空间的主要万法有三种,下列哪一种不是_C____ A.申请免费主页空间 B.申请付费空间 C.申请虚拟主机 D.自己架设服务器 (4)申请付费空间的形式较多,下列哪一种不是__B_ 。 A.主机托管 B.自己架设服务器 C.虚拟主机 D.主机租用 (5)关于虚拟主机,下列说法中不正确的是 ___A__。 A.每一台虚拟主机不具有完整Intemmet服务器功能 B.虚拟主机费用低廉 C.虚拟主机管理方便 D.多台虚拟主机共享一台真实主机的资源 (6)下列是自己架设服务器应注意的问题,哪一项是错误的 __C__。 A.应该有足够的带宽 B.应该申请固定的IP地址 C.隔一段时间主机应关机进行维护 D.服务器上安装动态域名系统 (7)申请免费网页空间,填写资料时,下列说法中错误的是__B_ 。 A.两次密码必须一致 B.所有项目都必须填写,少一项都不能通过 C.只需填写必填项目 D.用户名等信息必须遵守相应的规范要求 (8)关于域名,下列说法中不正确的是___A___

简单网页制作实验总结报告

《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日

目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)

第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计 1.1链接1标题:春の花 春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题:夏の花 夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。 1.3 链接3标题:秋の花 大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。 1.4 链接4标题:冬の花 蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。

网页设计与布局教案.docx

《HTML+CSS 网页设计与布局》课程教案 授课教师:授课班级:地点:周课时: 5 课时网页设计基础知识 章节内容 教学目标重点难点教学Dreamweaver软件介绍及其基础操作 HTML 基础知识及常用标记 1)使学生了解网页设计的相关基础知识; 2)使学生熟悉 Dreamweaver 软件界面的基本操作方法。 1)了解网页设计相关概念和网页的类型; 2)熟练掌握 Dreamweaver 软件创建和管理站点的方法。课堂讲授、案例讲解与指导 方法 教学 计算机机房 环境 时间 教学过程及内容提要备注分配 一、引入 约 15 分钟 教 1 、相互认识,提出与本学科相关的知识,介绍本门课程情况、教学内 学 容及总学时数进度安排,宣讲本课程教学纪律,鼓励学生营造一种 过 学习氛围,尊重同学,互帮互学,真正达到学以致用; 程 2 、提出问题:上过网吧有谁自学过网页设计听说过HTML或者CSS 设 这两个概念吗 计 约 35 分钟学生理解3、

二、告知学生课堂任务 本次课所学习的主要内容是HTML相关基础知识和 Dreamweaver软件基础操作; 三、逐步演示讲解分析教学内容 1、网站和网页的区别: 2、( 1 )网页是Internet基本元素; 3、( 2 )网站由网页组成; 4、静态网页和动态网页: 5、静态网页:纯粹HTML语言格式的网页通常被称为静态网页,静 态网页的后缀名通常为.htm 、.html 、 .shtml 、 .xml 。 6、动态网页:许多人认为网页会动就是动态网页,这是个错误的观点, 在静态的网页中也可以含有动态的图片,这仅仅是视觉上的动态罢 了。真正的动态网页是指实际上并不是独立存在于服务器上的网页 文件,只有当用户请求时服务器才返回一个完整的网页。也就是说, 它是返回到了客户端上的网页。例如网页文件是以ASP 、PHP 、JSP、 ASPX 为结尾就是动态的网页了。 约 20 分钟学生熟记 7、静态网页的特点: 8、( 1 )内容相对稳定,容易被搜索引擎检索到; 9、( 2 )没有数据库支持,在网站制作和维护方面工作量大; 10 、(3)交互性差,在功能方面有很大的限制。 11 、动态网页的特点: 12 、(1)以数据库技术为基础,可大大降低网站维护的工作量;

网页设计期末考试试卷_附加参考答案

网页设计与制作模拟试题 一、单项选择题(每空1分,共10分) 1.目前在Internet上应用最为广泛的服务是( B )。 A.FTP服务 B.WWW服务 C.Telnet服务 D.Gopher服务 2.在域名系统中,域名采用( C )。 A.树型命名机制 B.星型命名机制 C.层次型命名机制 D.网状型命名机制 3.HTTP协议是一种( D )协议。 A.文件传输协议 B.远程登录协议 C.邮件协议 D.超文本传输协议 4.HTML语言中的转行标记是( B )。 A. B.
C. D. 5.在HTML中,标题字体标记<hx>中x的最大取值是( C )。 A.4 B.5 C.6 D.7 6.以下不能用来定义表格内容的标记为( A )。 A.<br> B.<tr> C.<th> D.<td> 7.下面不是组成一个HTML文件基本结构标记的是( C )。 A.<HTML></HTML> B.<HEAD></HEAD> C.<FORM></FORM> D.<BODY></BODY> 8. 加入一条水平线的HTML代码是( A )。 A. <hr> B. <img src="name" border=?> C. <img src="name" align=?> D. <img src="name"> 9.在HTML中,标记<pre>的作用是( B )。 A.标题标记 B.预排版标记 C.转行标记 D.文字效果标记 10. 要创建一个Email地址的链接,下面正确的句法是( A )。 A. <a href=“mailto:mirror@https://www.360docs.net/doc/7f13538036.html,”>与我联系</a> B. <a href=“files:mirror@https://www.360docs.net/doc/7f13538036.html,”>与我联系</a></p><h2>网页制作知识点</h2><p>六、网页专题复习知识点 1.超文本传输协议():网页间遵循超文本传输协议进行相 互链接访问。 2.超文本标记语言():是使用一组特定的标记来描述文档结构的语言。 文件传输协议();使用此协议可将网页文件上传到互联网。 3.网页中包含的文本、图像、超链接和表格等基本元素及构 件是由超文本标记语言进行描述的,即网页是由解释执行 的。 4.网页:即万维网上的文档,是按照超文本标记语言规范要求表达文本、图 像、动画等多媒体信息的。 5.若干个网页组成一个网站,每个网页之间通过超链接连接在一起。 的源代码由网络浏览器解释执行。在浏览器内,查看(菜单源文件 7.统一资源地址(统一资源定位器):网站的网址。是唯一 的,网页和网站的地址用标识 6. 协议</p><p>8.网页的三种基本元素:文字、图形图像和超链接。网页还可以使用" 表格"、"表单"、"音乐"和内嵌程序等构件,起到美化网页、双向交 流的作用。 9.网页中使用的图像可以有许多格式,常见的静态图像格式 有和两种;动态图像的格式有动态、等。 网页之间以及不同的网站都可以用超链接方式链接起来。 10.流式视频图像格式:、、、。 11.动态网页:由服务器数据库动态生成的网页。(网页里包含 会动的元素) 12.静态网页:以超文本文件格式存放在服务器上。(网页里没有会动的元素) 13.常用的网页制作软件:记事本(用语言写,保存类型为)(适合初学者 使用).(专业的网页设计) 14.网页制作步骤:确定任务分工协作制定解决方案(网站 的名称、主题、内容、结构等)素材的收集与整理制作网页合成和测试网页发布 许多网页看起来非常整齐,在中一般用一种“不可见”的表格来定位网页元素和构件的,只要将表格线设为0,在浏览 器上就看不到表格线了。 15.静态网页文件的扩展名:.或。动态网页文件的扩展名:</p><h2>网页设计基础_实训</h2><p>第2章网页设计基础 2.1 实训页面布局综合练习 2.1.1 实训目的 进一步理解在V isual Studio环境中创建、编辑和引用CSS样式表文件的基本步骤。理解层元素在页面布局中的重要作用及使用方法。综合运用CSS+DIV布局技术设计出实用的网站主页。 2.1.2 实训要求 新建一个https://www.360docs.net/doc/7f13538036.html,网站,在Default.aspx中使用CSS+DIV技术设计出图2-1所示的网站主页效果。要求页面中导航栏、销售排行榜中内容使用https://www.360docs.net/doc/7f13538036.html,标准控件HyperLink,商品名称、商品种类、用户名、密码栏使用https://www.360docs.net/doc/7f13538036.html,标准控件TextBox,所有按钮使用https://www.360docs.net/doc/7f13538036.html, 标准控件Button,商品种类栏使用https://www.360docs.net/doc/7f13538036.html,标准控件DropDownList。 图2-1 网站主页设计效果图2-2 页面设计中需要的图片文件 2.1.3 实训步骤 1. 准备需要的图片文件 任何一个网页的页面设计都会用到一些图片文件,一般情况下这些图片文件可根据设计需要,事先使用Photoshop等图片编辑软件制作出来。也可以通过搜索引擎(如https://www.360docs.net/doc/7f13538036.html,、</p><p>https://www.360docs.net/doc/7f13538036.html,等)从Internet中下载。本实训页面设计中需要的图片文件如图2-2所示。 新建一个https://www.360docs.net/doc/7f13538036.html,网站,在站点文件夹中创建一个名为“images”的子文件夹,将本实训中需要的所有图片文件复制到该文件夹中。如果在解决方案资源管理器中不能看到新建的文件夹,可右键单击网站名称在弹出的快捷菜单中执行“刷新文件夹”命令使其显示出来。 2. 设计页面布局 如图2-3所示,根据设计效果需要可将页面划分在若干个层中,商品描述信息分别放置在两个表中。 图2-3 页面布局规划 各元素说明如下: div:整个页面所在区域。 div (#logo):页面Logo栏(网站标题栏)区域。 div (#navigation):导航栏区域。 div (#left_top):“商城通行证”区域。 div (#left_bottom):“销售排行榜”区域。 div (#right_content):页面右侧信息显示区域。 div (#search):搜索栏区域,包含在div (#right_content)区域中。 div (#tab):商品信息显示区域,包含在div (#right_content)区域中。 table:商品信息显示区域,两条信息使用两个表格。包含在div (#tab)区域中。 div (#bottom_line):页面底部分隔线区域。 div (#footer):页面底部版权栏区域。 3. 分区域页面设计 (1) 页面整体样式控制 向页面中添加一个CSS样式表文件,从解决方案资源管理器中将CSS样式表文件拖动到页面的设计视图,创建页面与CSS样式表的关联。 在样式表代码窗口向body样式规则中添加如下样式控制代码,用于定义整个网页中默认的字体及对齐方式。</p><h2>《网页设计与制作》试卷及答案</h2><p>浙江传媒学院《网页设计与制作》期终(考试)卷 学院 班 姓名 学号 总分 题号 一 二 三 四 五 六 题分 一、单选题(每小题1分,共30分) 1、 设置字体大小时,选择"无",代表( )。 号字 号字 号字 号字 2、 在HTML 源代码中,图像的属性用( )标记来定义。 3、 在页面属性对话框中,我们不能设( )。 A.网页的标题 B.背景图像的透明度 C.背景图像 D.超链接文本的颜 色 4、 图像属性面板中的热区按钮不包括( )。 A.方形热区 B.圆形热区 C.三角形热区 D.不规则形热区 5、 用于同一个网页内容之间相互跳转的超链接是( )。 A.图像链接 B.空链接 C.电子邮件链接 D.锚点链接 6、 将超链接的目标网页在最顶端的浏览器窗口中打开的方式是( )。 A. _parent B. _top D. _self 7、 在Flash 中,绘制直线时,按住( )键可以绘制水平线。 A. Alt B. Ctrl 8、 在Flash 中,如果要选取铅笔工具,应在绘图工具箱中单击( )工具。 A . B . C . D . 9、 要在时间轴上插入空白关键帧,应当使用的快捷键是( )。 A. F5 B. F 9 C . F8 D. F7 10、 下面对矢量图和象素图描述不正确的是:( )。 A .位图(点阵)的基本组成单元是象素 B .点阵图的基本组成单元是锚点和路径 C .Adobe Illustrator 图形软件能够生成矢量图 D .Adobe photoshop 能够生成位图 11、 对于在网络上播放动画来说,最合适的帧频率是: A.每秒24帧 B.每秒25帧 C.每秒12帧 D.每秒16帧 12、 Dreamweaver 可以导入的表格式数据的格式是( )。 A. 文本格式 格式 格式 D.任意格式 13、 如果想让页面具有相同的页面布局,那么最好使用哪种技术( )。 A.库 B.模板 C.库或模板均可 D.每个页面单独设计 14、 Dreamweaver 中,库项目可以包含( )元素。 装 订 区</p><h2>网页制作必懂的基础知识</h2><p>网页制作必懂的基础知识(一) 近来这几天一直在学习网页制作的知识,颇有收获,分享大家,都是一些网页制作的必懂的基础知识。 1 html基础代码 <head></head><body></body> <span></span><pre></pre> <strong></strong>=<b></b><em></em>=<i></i> <a></a>可以创建链接和瞄点。<a href=”路径”target=”_blank”;—self></a> <a href=”#名字”><a name=”名字”> 特殊标签:空格 大于号:>小于号:<版权号:© 引号:" 滚动标签:<marquee></marquee> 属性有:滚动方向和滚动次数direction:left;right;up;down; loop 鼠标放上去停止滚动:onmouseover=this.stop() 鼠标离开继续滚动:onmouseover=this.start() 2图片的讲解<img src=”路径” /> 图片的格式:jpg png gif 图片的要素:width height alt title src 图片的路径:相对路径和绝对路径 图片和文字的格式: align=”left””right””bottom””middle””absmiddle” 3三种列表的讲解:列表可以嵌套</p><p><ul type=”disc””circle””square”> <li></li> </ul> <ol type=”A””a””1””i””I”> <li></li> </ol> <dl> <dt></dt> <dd></dd> </dl> 四表格和表单 表格:表格边框<border:2px solid red;> <table> <tr> <td><td> </tr> </table> 表单:<form> <input type=”text” name=””value=””/> </form> Type有:text;checkbox;radio;password;textarea;file button; Submit;reset;hidden;select</p><h2>实验一 网页设计基础实验</h2><p>实验一网页设计基础实验 一、实验目的 1.掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点; 2.了解网页布局的形式。 二、实验内容 1.根据网站制作的需要,从网上下载网页制作时需要的文字、小图片、动画及flash。 2.上网访问实际若干网站,了解各网站的风格(主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等)。 3.在网上找出下列版面布局的结构形式: ⑴.“T”结构布局 "T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人"看之无味"。 "口"型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站。 "三"型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。 对称对比布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。 POP布局。POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如https://www.360docs.net/doc/7f13538036.html,。优点显而易见:漂亮吸引人 进入internet找到以上各种布局 4.利用搜索引擎,浏览因特网上较为著名的5个网站,记录这些网站的名称、网站地址和以及相应的网页文件格式(扩展名);</p><h2>《网页设计基础》教案</h2><p>《网页设计基础》教案 总学时:32 教师:贺苗苗</p><p>第一章第一节网站界面设计的认识 一、网站的主题定位 1、网站的主题选择 企业的性质决定网站的风格,企业的内容决定网站的主题。 2、网站题材选择的原则 ①主题要小而精②题材最好是自己擅长或者喜爱的内容 ③题材不要太滥或者目标太高 3、题材类别 二、页面的功能模块设计 1、网站名称(Logo) 2、广告条(banner) 3、主菜单(menu) 4、新闻(news) 5、搜索(search) 6、友情链接(links) 7、邮件和地址(mailand address) 8、版权(copyright)</p><p>首页的设计步骤:①确定首页的风格和功能模块 ②设计首页的版面布局 ③处理技术上的细节 三、网页界面设计(web interface design)------美观、用户便利、网站流程顺畅! 界面:字典上解释为两者间的界限、接点、共有连接的领域。例子:人与车直接接触的空间,方向盘(即界面);再如:人和门,门把手(即界面)。过大过小都不好。 界面设计最重要的两点:①使用的便利性②美学的层面 四、界面设计相关用语 1、UI ( User Interface, 用户界面 ) 即使用者界面的意思。实现互动是用户界面最主要的目的。 2、HCI ( Human-computer Interaction,人与计算机的交互作用 ) 即,以人怎样做能更容易的掌握计算机的使用技术为目标,结果可以使界面技术得到飞跃和发展。 3、GUI ( Graphical User Interface,图形用户界面 ) 图形用户界面是相对于纯文本而言,通过图形构成用户与系统间的界面来实现的。 例如:在windows之前的DOS必须输入纯文本,而现在则不用。</p><h2>网页设计与制作试题(HTML基础)有答案</h2><p>1.HTML 文件必须使用htm 或者(B)作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指(A)。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是(B)的意思。 A.网页B.万维网C.浏览器D.超文本传输协议 4.在网页中显示特殊字符,如果要输入“<”,应使用(D)。 A.lt; B.≪ C.< D.< 5.以下说法中,错误的是:(D)。 A.获取WWW服务时,需要使用浏览器作为客户端程序。 B.WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C.网站就是一系列逻辑上可以视为一个整体的页面的集合。 D.所有网页的扩展名都是.htm。 6.以下说法中,错误的是:(B)。 A.网页的本质就是HTML源代码。 B.网页就是主页。 C.使用“记事本”编辑网页时,通常应将其保存为.htm 或.html 后缀。 D.本地网站通常就是一个完整的文件夹。 7.浏览网页时,通常使用以下协议:(C)。 A.mailto B.FTP C.HTTP D.TCP/IP 8.在网页中显示特殊字符,如果要输入空格,应使用(D)。 A.nbsp; B.&Nbsp; C.  D.  9.以下软件中,不能直接用来编辑HTML 文件的是:(C)。 A.记事本B.FrontPage C.Flash D.Dreamweaver 10.以下有关HTML 标记符的属性的说法中,错误的是:(C)。 A.在HTML中,所有的属性都放置在开始标记符的尖括号里。 B.属性与HTML标记符的名称之间用空格分隔。 C.属性的值放在相应属性之后,用等号分隔;而不同的属性之间用分号分隔。 D.HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色,应使用以下html语句:<body __bgcolor=”black”或bgcolor=”#000000”_______>。 2.上网浏览网页时,应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字,应使用_<body bgcolor=”black” text=”white”>_语句。 5.要设置整个网页的背景颜色,应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时,不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是size。√ 5.指定水平线粗细的属性是width。╳</p><h2>网页设计基础课程实验报告</h2><p>实验一 1.实验体会 学会了使用关键字搜索相关内容和了解了WEB2.0的相关技术和服务概念,如AJAX、RSS、Tag、Wiki、Blog、SNS,学会如何从其他网站上下载JS、CSS、IMAGE等相关文件。发现.CSS所在的行都存在字符串“<link ”;.JS所在的行也都存在字符串“<script ”。 2.实验截图 从网上下载自己感兴趣的网站保存截图: 下载下来的相关网站及其部分相关JS、CSS文件: 实验二 1.实验体会 熟悉了简单内联元素的基本概念,掌握了HTML的基本语法。学会如何在HTML中进行简单的文字处理、创建超级链接和插入图片以及锚链接的用法。 2.实验截图及代码</p><p>简单的文字处理 代码: <b>这是一段文本</b><br> <i>这是一段文本</i><br> ©Microsoft<sup>®</sup> Windows 2007<br> A=a<sub>1</sub>+a<sub>2</sub>+a<sub>3</sub><br> <u>这是一段文本</u><br> <s>这是一段文本</s><br> <font face="华文彩云" color="red" size="5">这是一段文本</font><br> <font face="隶书" color="green" size="4"><u><s>这<sub>是</sub>一<sup>段</sup>文本</u></s></font> HTML中的超级链接代码: <a href="simpleinline.htm">简单文字处理</a><br /> <a href="anchor.htm" target="blank">HTML中的超级链接</a> 锚链接代码: <a href="#A">A</a> <a href="#B">B</a> <a href="#C">C</a> <a href="#D">D</a> <a href="#E">E</a> <a href="#F">F</a> <a href="#G">G</a> <a href="#H">H</a> <a href="#I">I</a> <a href="#J">J</a> <a href="#K">K</a> <a href="#L">L</a> <a href="#M">M</a> <a href="#N">N</a></p><h2>《HTML5+CSS3网站设计基础教程》_教学大纲</h2><p>《HTML5+CSS3网站设计基础教程》课程教学大纲 (课程英文名称) 课程编号:201601210011 学分:5学分 学时:76学时(其中:讲课学时:47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。</p><p>二、课程设计理念与思路 课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。 课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例 (项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。 开发工具:DreamweaverCS6 第一章初识HTML5</p><p>第二章HTML5页面元素及属性</p><p>第四章CSS3选择器</p><p>e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用</p><h2>HTML网页制作基础题试题与答案</h2><p>HTML网页制作基础题 一、选择 1. 在一个框架的属性面板中,不能设置下面哪一项。( D )A.源文件B .边框颜色C.边框宽度D.滚动条 2. 下列哪一项表示的不是按钮。( C ) A.type="submit" B.type="reset" C.type="image" D .type="button" 3. 下面哪一个属性不是文本的标签属性?( A ) A.nbsp; B .align C .color D.face 4. 下面哪一项的电子邮件链接是正确的?( B ) A.https://www.360docs.net/doc/7f13538036.html, B .xxx@.net C.xxx@com D .xxx@https://www.360docs.net/doc/7f13538036.html, 5. 当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( C )A.ASP B.HTML C.ZIP D.CGI 6. 关于表格的描述正确的一项是。( D )A.在单元格内不能继续插入整个表格 B .可以同时选定不相邻的单元格C.粘贴表格时,不粘贴表格的内容 D .在网页中,水平方向可以并排多个独立的表格 7. 如果一个表格包括有 1 行4 列,表格的总宽度为“ 699”,间距为“ 5”,填充为“ 0”,边框为“ 3”,每列的宽度相同,那么应将单元格定制为多少像素宽。( D ) A.126 B.136 C.147 D.167 8. 关于文本对齐,源代码设置不正确的一项是:(A.居中对齐:<div align="middle"> ?</div> B.居右对齐:<div align="right"> ?</div> C.居左对齐:<div align="left"> ?</div> D.两端对齐:<div align="justify"> ?</div> 9. 下面哪一项是换行符标签?(C) A.<body> B .<font> C .<br> D. 10. 下列哪一项是在新窗口中打开网页文档。(B )A._self B ._blank C._top D._parent 11. 下面对JPEG格式描述不正确的一项是。( C ) A.照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快C.最高只能以256 色显示的用户可能无法观看JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩</p><h2>网页制作实验报告6个实验</h2><p>目录 实验一网页设计基础实验 (2) 实验二HTML语言应用 (4) 实验三CSS样式表的应用---CSS的引用 (10) 实验四Dreamweaver的使用、个人网站的制作 (13) 实验五用框架、模板设计网页 (15) 实验六表单制作 (19)</p><p>实验一网页设计基础实验 一、实验目的 1.掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点; 2.了解网页布局的形式。 3.用记事本编写一个简单的网页。 二、实验内容 1.上网访问实际若干电子商务网站,了解各网站的风格(主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等)。 2.在网上找出下列版面布局的结构形式: ⑴.“T”结构布局 1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人"看之无味"。 2."口"型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站。 3."三"型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。 4.对称对比布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。 5.POP布局。POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如https://www.360docs.net/doc/7f13538036.html,。优点显而易见:漂亮吸引人 进入internet找到以上各种布局,并写出各种版面布局网站的域名和所采用的版面布局形式 找出使用大色块和抽象线条构图风格的网站(至少各2个);例:大色块主页 找出10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。 三、实验步骤与要求 1)新建一个记事本文件本在其中输入如下代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.360docs.net/doc/7f13538036.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.360docs.net/doc/7f13538036.html,/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>我的第一个网页

相关文档
最新文档