静态网页练习
HTML5网页设计与制作习题练习与答案
练习1一、填空题1、网站由网页构成，并且根据功能的不同，网页又有静态网页和动态网页之分。
2、Web标准是一系列标准的集合，主要包括结构、表现和行为。
3、HTML中文译为超文本标记语言，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
4、HTML语言主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
5、在网站建设中，HTML用于搭建页面结构，CSS用于设置页面样式，JavaSCript用于为页面添加动态效果。
二、判断题1、因为静态网页的访问速度快，所以现在互联网上的大部分网站都是由静态网页组成的。
（X ）2、网页主要由文字、图像和超链接等元素构成，但是也可以包含音频、视频以及Flash等。
（√）3、“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。
（√）4、URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符”。
URL其实就是Web地址，俗称“网址”。
（√）5、DNS（英文Domain Name System的缩写）是域名解析系统。
但是，在Internet上域名与IP地址之间并不是对应的。
（X）6、Firebug是IE浏览器中常用的一个插件，属于IE强力推荐的插件之一。
（X）7、在网站建设中，JavaScript用于搭建页面结构。
（X ）8、实际网页制作过程中，最常用的网页制作工具是Dreamweaver。
（√）9、在Dreamweaver中制作网页，在菜单栏中选择【文件】→【保存】选项，或使用快捷键Ctrl+S，即可完成文件的保存。
（√）10、所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。
（X）三、选择题1、在Dreamweaver中，使用主浏览器预览网页的快捷键是（B）A、Ctrl+SB、F12C、F5D、Ctrl+F122、使用内嵌式添加CSS样式，CSS样式需要写在（D）A、<title></title>标记之间B、<head></head>标记之间C、<body></body>标记之间D、<style></style>标记之间3、下面选项中，对JavaScript语言描述正确的是（ABD ）A、JavaScript是Web页面中的一种脚本语言文字。
静态网页设计教学大纲
静态网页设计教学大纲课程概述1.课程性质《静态网页设计》课程是高职计算机应用技术、计算机网络、软件技术等相关计算机专业的一门专业必修课程。
2.课程设计理念本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化。
项目特别强调对学生操作能力和解决问题能力的培养，充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
3.课程开发思路本课程主要以当下典型的项目案例为主题，教材为参考，同时借鉴了一些企业网站，有利于学生的理解与学习。
颠覆传统讲授风格，主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。
带着对一个项目雏形的不断完善，功能需求及其他功能的完善，进阶，使学生掌握一个网站项目的设计与制作相关经验。
经验从实践中来，因此学生实验课时约占到了总课时的三分之二。
让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。
授课目标通过本课程的学习使学生具备网页制作、网站规划与网站维护的专业能力，培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。
作为计算机相关专业的核心主干课程，使学生掌握商业网站的开发流程，并能独立进行操作。
学生毕业后可胜任网站管理员、网页设计师等工作岗位。
课程大纲第一章网页设计基础知识1.1：网站剖析1.2：网站开发流程1.3：Dreamweaver CS6的安装第二章生活网网站的创建2.1 初识Dreamweaver CS62.2 新建和管理站点2.3 为网页设置头信息和页面属性——页面总体设置前两章测验第三章生活网网站页面的布局3.1 使用表格布局页面3.2 使用AP Div布局页面3.3 使用框架布局网页第三章测验第四章输入和编辑网页元素4.1 添加文本类网页元素4.2 在网页中添加图像4.3 在网页中添加多媒体元素第四章单元测验第五章网站内容的链接与特效网页的制作——应用链接与行为5.1 设置网站中的超级链接5.2 利用行为制作网站中的特效网页5.3 制作页面中的弹出式菜单5.4 利用CSS美化页面第五章测验第六章利用模板和库创建页面6.1 利用模板创建页面6.2 利用库项目创建页面第六章测验第七章利用表单创建交互式页面7.1 利用表单创建酒店预订客户页面（一）7.2 利用表单创建酒店预订客户页面（二）7.3 利用表单创建酒店预订客户页面（三）第七章测验第八章项目综合实训分析项目实训概述8.1 个人网页设计分析8.2 文化类网页的设计分析8.3 旅游休闲类网页的设计分析第九章HTML5+CSS39.1 初始HTML9.2 HTML代码编辑工具9.3 网页基本信息9.4 基本HTML5标签第九章测验第十章HTML5高级标签10.1 列表10.2 表格10.3 表单第十章测验第十一章CSS3入门11.1 CSS3简介11.2 CSS3核心基础11.3 文本样式属性11.4 CSS3选择器11.5 CSS3盒子模型预备知识1、计算机应用基础（1）计算机的基本概念知识；（2）计算机基本操作能力；（3）Internet基础知识；2、PhotoShop基础应用（1）版面设计知识（2）配色相关知识（3）平面图像处理基本技能参考资料1、Dreamweaver CS6实例教程魏三强李静杨子燕主编人民邮电出版社出版2、网页设计与制作任务驱动式教程陈承欢主编高等教育出版社出版3、HTML5+CSS3网站设计基础教程传智播客高教产品研发部编著人民邮电出版社4、HTML5+CSS3前端技术北京课工场教育科技有限公司编著中国水利邮电出版社。
《多媒体技术与网页制作》练习题库及答案
《多媒体技术与网页制作》练习题库一、单项选择题：1、在HTML中嵌入JavaScript，应该使用的标记是________。
A、<script></script>B、<head></head>C、<body></body>D、<!--...//-->2、超级链接是一种________的关系。
A、一对一B、一对多C、多对一D、多对多3、正确描述创建一个一级标题居中的句法是________。
A、<H0 ALIGN=CENTER> Heading Text </H0>B、<H1 ALIGN=CENTER> Heading Text </H1>C、<H ALIGN=CENTER> Heading Text </H>D、<HT ALIGN=CENTER> Heading Text </HT>4、下列是可以放置在<FORM>和</FORM>之间的标记，其中用于定义一个用户可键入多行文本的标记是______。
A、<select>B、<textarea>C、<input>D、<body>5、当对一条CSS定义，进行单一选择符的复合样式声明时，不同属性应该用________分隔。
A、#B、，（逗号）C、；（分号）D、：（冒号）6、JavaScript的运行必须依赖________的支持。
A、Web服务器B、编译器C、虚拟机D、客户端浏览器7、表示什么路径________。
A、绝对路径B、相对路径 C 、根目录相对路径D、文档目录相对路径8、________技术把网页中的所有页面元素看成是对象，能让所有页面元素对事件做出响应。
A、HTMLB、CSSC、DOMD、XML9、通常一个站点的主页默认文档名是________。
静态网页实训报告
突出三个重点：突出你的产品的优点和与众不同的特色；突出帮助访问者辨别、判断同类产品优劣方面的内容；突出内容的无庸置疑的正确性。
网站技术因素考虑
浏览器脚本兼容性。
面对屏幕分辨率的适应。
在网络上的运行速度。
（2）页面设计
一个网页的页面效果很重要。在很多个性网页中可以很明显地体会到设计一个好的网页页面要求以下几个方面:
一、页面平铺
把页面平铺开，主要的物件有：导航栏、LOGO、Banner、按钮、图片、文字。
1.导航栏
导航栏如果设计得恰到好处，是会给网页本身增色很多(千万不要太花哨，它属于功能物件，喧宾夺主就不好了)。导航栏有一排、两排、多排、图片导航和Frame 框架快捷导航（民主湖论坛就是这种）等等各种情况的设计。有时候是横排，有时候则是竖排。另外还有一些动态的导航栏，如很精彩的Flash导航。导航栏设计要点归纳如下：
前言
随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站建设者所注重。在目前国内对此领域研究甚少的情况下，将网页艺术设计与其他艺术设计形式进行比较，尝试从网页艺术设计的内容、原则和特点等三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。作者认为网页艺术设计是艺术与技术的高度统一，指出网页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则；具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性等五个特点。在明确了网页艺术设计与网站主题的关系的基础上，提出了“美”和“功能”都是为了更好地表达网站主题这一观点。
用Dreamweaver制作静态网页(精选)
个人研修工作计划一、学习目标：1、加强学习，掌握正确的教育观点。
2、了解教育工作的基本规律和基本方法，进行教育实践。
3、了解学科的发展动向和最新的研究成果。
4、将掌握的教育理论转变成教育教学的实际能力。
5、进一步提高现代信息意识，提高现代信息技术水平，能对计算机进行必要的维护，会熟练使用办公软件进行文字处理，素材加工，课件修改、制作，网络资源搜索等。
二、学习内容：(一)丰富教育教学理论阅读相关的教育书籍如《教育新理念》、《教师专业化的理论与实践》、《现代代艺术的理论与实践》、《教学理论：课堂教学的原理、策略与研究》、《爱心与教育》、《电脑报》等。
(二)提高现代信息技术的应用能力继续学习相关的课件制作方法如：photoshop、flash等软件的学习;用Dreamweaver制作静态网页;音频视频处理软件的使用编辑;计算机的保养与维修等。
(三)继续加强个人师德的修养，学习先进个人的事迹三、学习措施：1、利用课余时间坚持每周进行业务学习，做到定时、定内容，学习有关优化课程结构的文章和走进课程的信息报道。
充分集中时间学习相关的信息技术与专业的练习，确保课课有辅助教学的多媒体课件。
2、及时对每天的教育教学活动进行反思，用笔随时记录下来抽时间整理，并争取与同行们进行交流，共同切磋，共同进步。
3、虚心向各科教师学习优秀的教育经验，提高自身的业务水平。
平时加强校内外听课，虚心与本校同学科教师交流上课心得，取长补短，尽量挤时间争取去听课，吸收别人的先进经验，提高教学水平。
4、多听教学水平较高的教师上公开课，通过集体备课、交流学习等形式，提高教师的业务水平。
5、规范自己的言行，做学生的表率。
积极参加培训活动，提高自己的师德修养，在此过程中，学习正确处理师生之间、教师之间、教师与家长之间及与社会之间的关系。
一、校本研修的基本内容1、信息技术教学研究的最新动态与成果；2、信息技术新课程标准3、教育政策法规；4、教师职业道德；5、校本课程的研究与开发；6、学生成长与身心发展；7、教师心理调试与情绪控制；8、教学艺术与教学风格。
网页里用户注册和页面链接代码运用.
4.将插入栏设置成表单模式，根据效果图所示，输入相关的文字和相关的表单。
5.为了使单元格中表单在单元格中左对齐时能够具有一定的距离，创建一个样式，.biaodan，设置 “区块”文字缩进10px。然后应用该样式。 6.此处“*”代表该项不能为空，在此创建一个样式.hongse，设置文字的颜色为空色，然后应用该 样式。 7.密码保护问题是一个下拉菜单，具体的选项内容看上一张PPT。 8.加入两个按钮，单击“确定”按钮，出现“提交成功”页面，单击“重置按钮”，页面内容重置。
学习时间：3学时
html 静态网页设计
课前检查
将上次课制作完成的宁职数码商店首页和让大家回去完成的网上商店两个网页打开检查
html 静态网页设计
练习1 完成用户注册页面
ቤተ መጻሕፍቲ ባይዱ
html 静态网页设计
练习1 完成用户注册页面
1.复制样式.html文件，起名为register.html，双击打开该文件，将标题修改为“宁职数码—用户 注册”。 2.进入布局模式，在主信息区绘制一个布局表格，然后在布局表格里面再绘制若干个布局单元格， 用来放置表单，具体自己来设计。 3.在布局表格的外面利用自己输入代码来添加一个表单，添加方式可以参考“表单参考” 。
html 静态网页设计
3.再新建一个CSS样式，选择器类型为“高级”下的“a:link”，定义到aa.css文档中。设置文字
颜色为黑色，不带下划线。 4.再新建一个CSS样式，选择器类型为“高级”下的“a:visited”，定义到aa.css文档中。设置文 字颜色为黑色，不带下划线。 5.观察超级链接的改变情况。用记事本打开aa.css文件，查看该文件的内容，并且查看在index网 页中是如何加入aa.css这个样式文件的。 6.在其他网页的导航栏的最前面增加“首页”导航，可以链接到index.html网页。 7.设置其他网页的超链接样式，只要在网页的头部增加aa.css样式文件就可以。
《多媒体技术与网页制作》练习题库参考答案
《多媒体技术与网页制作》练习题库参考答案一、单项选择题：1.A2.A3.B4.C5.C6.D7.A8.C9.C10.A11.D12.B13.D14.A15.C16.C17.A18.A19.D20.B21.D22.D23.A24.C25.C26.A27.B28.B29.B30.D31 .A32.D33.D34.A35.A36.D37.D38.A39.B40.C二、名词解释题：（25道）1、关键帧决定一段动画的必要帧。
其中可以放置图形，播放对象，并可以对所包含的内容进行编辑，一般在动画开始点、控制转折点和结束点。
2、时间线就是由许多帧构成，这些帧在页面中的连续播放构成时间线动画。
3、框架也称多窗口网页或帧网页，是在同一浏览器窗口中显示多个相互隔离的HTML页的结构，每个区域显示一个HTML文件。
4、静态网页指客户端的浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网页。
5、CSS简称为样式表，用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
6、HTML是用来表示网上信息的符号标记语言。
7、抖动抖动指在WEB显示时，采用WEB安全色去替代予之相近网页元素颜色，而产生的颜色的偏差。
8、标记：HTML文件由标记和被标记的内容组成，标记能产生所需的各种效果。
9、网页：主要由文字和图形构成，让浏览者用浏览器观看图文并茂的网上作品，并可结合动画、音乐构成一页页活动的电子书。
10、域名：DNS用分层的命名方法，可以对网络上的计算机赋予直观的惟一标识明。
11、DOM即文档对象模型，为HTML文档定义了一个与平台无关的程序接口。
12、网站的层次是指主页面(首面或一级页面)和二级页面、三级页面之间的结构关系。
13、贴层是用于精确地定位页面元素的一种CSS属性。
具有贴层(clip)属性的元素在网页上，三维方向的位置都是可以控制的。
网页制作练习题【可编辑】
网页制作练习题第一章、网页制作基础知识一、单项选择题1、对于网站、网页、主页，下列说法正确的是（B ）A、网站是一个大的网页，它包含着网页和主页B、网站是相关网页的集合，它包含着网页和主页C、网站包含主页，主页包含网页D、三者无关系2、以下说法错误的是(D )A、启动Dreamweaver Cs3 后，默认的文档窗口视图是设计视图B、一个网站必须要发布到WEB服务器上才能被浏览者访问C、Dreamweaver Cs3具有网页制作和网站管理的功能D、显示网格后，在浏览器中浏览该网页时也将显示网格3、以下说法错误的是（C ）A、WWW在服务说采用的是客户机/服务器模式B、Dreamweaver Cs3是集网页设计、网站开发和管理于一体的软件C、所以网页的扩展名都是htm或者html才能被访问D、一个网站只能有一个主页4、WWW是以（D ）协议为基础，提供面向Internet的信息查询服务的A、HttpB、FtpC、SmtpD、Tcp/Ip5、在Dreamweaver Cs3的工作窗口中，用来提供与正在编辑的文档有关的信息和工具的是（A ）A、属性面板B、状态栏C、标签选择器D、插入栏6、以下不属于插入栏类别的是（ C ）A、常用B、数据C、应用程序D、收藏夹7、启动Dreamweaver Cs3后，文档窗口默认的视图模式是（ A ）A、设计视图B、扩展视图C、代码视图D、布局视图8、在Dreamweaver Cs3中的状态栏上1024*768的含义是（A ）A、当前文档窗口的大小B、显卡的最大分辨率C、当前被选中的图片的像素大小D、整个Dreamweaver Cs3的窗口大小9、通过文档工具栏，不能实现的操作是（C ）A、上传文件到远程服务器B、检查浏览器的兼容性C、检查网页中是否存在错误的链接D、切换文档视图方式10、设置标尺的尺寸单位是，不包括的单位是（C ）A、像素B、百分比C、英寸D、厘米二、填空题1、当用户在浏览器的地址栏中输入网址后见到的第一个页面称为主页2、网站是指在网络上根据一定的规划，使用网页开发工具制作的用于展示特定内容的网页相关集合。
静态网页期末总结
静态网页期末总结一、引言随着互联网的发展，网页技术也变得越来越重要。
与传统的单纯展示信息的网页不同，如今的网页不仅是信息的搬运工，更是一种用户体验的艺术。
对于网页设计师来说，静态网页是入门级别的作品，但它同样需要设计师们运用各种技术手段，提高用户的体验感和设计的质量。
本篇总结将回顾我在学习静态网页期间所学到的知识、技巧和经验，并分享一些心得体会。
二、学习过程1. 学习动机：在学习静态网页之前，我已经有一定的编程基础，包括HTML、CSS和JavaScript。
然而，我意识到静态网页设计与前端开发有所不同，更注重页面的美观性和用户体验。
因此，我希望通过学习静态网页设计，提升自己的设计水平和实践经验。
2. 学习内容：我在学习期间主要学习了以下内容：- 设计理论：学习了网页设计的基本原则，如对称、平衡、色彩搭配等，为后续的设计提供了理论的支持。
- 工具使用：学习了一些常用的设计工具，如Photoshop、Illustrator等，熟练使用这些工具后，可以更好地制作素材和进行设计。
- HTML和CSS：巩固了HTML和CSS的基础知识，并学习了一些高级技巧，如响应式布局、动画效果等。
- 用户体验设计：学习了用户研究和用户测试等基本概念，以及如何设计一个具有良好用户体验的网页。
3. 练习与项目：通过反复练习和完成一些小型项目，我逐渐掌握了静态网页设计的技巧，并提高了设计的水平和效率。
在项目中，我尽量模仿一些优秀的网页设计，以学习他们的设计思路和技巧。
三、心得体会1. 设计理论与实践的结合：在学习设计理论的同时，我也进行了大量的实践练习。
通过练习和项目，我逐渐理解了设计理论与实践之间的联系。
设计不仅仅是一个主观的审美判断，更是需要运用一定的设计原则和技巧来达到预期的效果。
2. 创造力与技术的平衡：在进行网页设计时，我们既要发挥创造力，创造出有个性的设计，又要掌握技术，合理运用各种技巧来实现设计。
这就需要我们不断地进行学习和实践，提高自己的技术水平。
div+css布局基础
html 静态网页设计
实例1 利用DIV+CSS来完成两列固定宽度布局(P271页)
html 静态网页设计
练习1 简单的DIV+CSS布局(P268页)
1.一列固定宽度布局：打开DW8，新建一个网页，切换到布局模式的标准模式，在当前网页中绘制 一个层，将层的ID修改为“layer”，双击CSS样式的#layer样式，按照P268页，设置背景色：
html 静态网页设计
练习2 操作提示
在DW中新建一个网页，在layout.css文件中定义样式。每个部分的样式如下所示。 1. body样式：宋体，14象素，边距为0，文字对齐居中。 2. container样式：上下边距为0，左右自动；宽度为900象素。
3. header样式：高度为100象素，背景色为：#6cf，下边空5象素。
3.新建一个类样式.blue，设置文字颜色为蓝色，并且将样式存放在bb.css文件中，在代码 中将链接到bb.css的那条代码删除，在网页中写上文字：文字蓝色，应用该样式，看找得 到该样式吗。然后在style标签之间输入：@import url(“bb.css”)，继续应用样式，思 考属于P192页的哪种添加CSS的方法；以上这条语句也可以写在外部样式文件中。
html 静态网页设计
练习3 添加样式的方法
1.新建一个HTML文件，新建一个样式body，设置宋体、12字号，并且将样式存放在aa.css 文件中，思考属于P192页的哪种添加CSS的方法；
2.新建一个类样式.hongse，设置文字颜色为红色，仅对此文档起作用，在网页中写上文字： 文字红色，应用该样式，思考属于P192页的哪种添加CSS的方法；
求来设置属性。保存预览。
html 静态网页设计
“Web技术”综合练习题
2．HTML 页面的基本结构是怎样的？ 答：
<HTML> <HEAD>
文件头 </HEADБайду номын сангаас <BODY>
文件体 </BODY> </HTML>
3．试述 XML 的语法规定，并请举例说明。 答： （1）XML 的元素。XML 元素是 XML 文档的基本构成单元。XML 的元素由起始标记、中 间数据（内容）和结束标记三部分组成。 （2）标记的命名规则
echo "I have made it!\n"; phpinfo(); ?> （B）<?php
第 3 页 共 21 页
“Web 技术”综合练习题
echo "I have made it!\n" phpinfo() ?> （C）<script language="php"> echo "I have made it!\n"; phpinfo(); </script> （D）<script language=php> echo "I have made it!\n"; phpinfo(); </script> 16．要在 GZ 表中，选出年龄在 20 至 25 岁的记录，则实现的 SQL 语句为（D ） （A）SELECT FROM GZ WHERE 年龄 BETWEEN 20，25 （B）SELECT FROM GZ WHERE 年龄 BETWEEN 20 AND 25 （C）SELECT * FROM GZ WHERE 年龄 BETWEEN 20 OR 25 （D）SELECT * FROM GZ WHERE 年龄 BETWEEN 20 AND 25 17．在.NET 中，CLS（Common Language Specification）的作用是（D ） （A）存储代码 （B）防止病毒 （C）源程序跨平台 （D）对语言进行规范 18．在 中，源程序代码先被生成中间代码（IL 或 MSIL），然后再转变成各个 CPU 需要的代码，其目的是（C ） （A）提高效率 （B）保证安全 （C）跨平台应用 （D）易识别 19．当需要用控件来输入性别（男、女）或婚姻状况（已婚、未婚）时，为了简化输入，应 该选用的控件是（ D ） （A）RadioButton （B）CheckBoxList （C）CheckBox （D）RadioButtonList 20．.NET 提供数据库通用接口的目的是为了（B ） （A）提高程序运行的效率 （B）应用程序设计不必考虑数据库的类型 （C）保证程序的安全 （D）提高存储效率
网页设计练习题与参考答案
网页设计练习题与参考答案一、单选题（共30题，每题1分，共30分）1.关于盒子模型中的宽度和高度属性，下面说法正确的是（）。
A、盒子模型中的宽度和高度属性适用于所有元素B、盒子模型中的宽度和高度属性仅适用于行内元素C、盒子模型中的宽度和高度属性仅适用于块级元素D、以上说法都正确正确答案：C2.下列选项中，表示网页头部标题的标记是（）。
A、bodyB、headC、titleD、html正确答案：C3.在HTML文档头部标记中，使用<'meta>标记的name和content属性可以为搜索引擎提供信息。
设置网页描述的name属性值应该为（）。
A、keywordsB、charsetC、descriptionD、expires正确答案：C4.当<'p>标记内嵌套<'strong>标记时，就可以使用后代选择器对其中的<'strong>标记进行控制。
下列写法正确是（）。
A、strong,p{color:red;}B、strong p{color:red;}C、p.strong{color:red;}D、p strong{color:red;}正确答案：D5.在HTML中，用于设置页面元信息的标示符是（）。
A、<'base>B、<'head>C、<'meta>D、<'title>正确答案：C6.下列关于特殊字符的说法不正确的是（）。
A、转义序列必须以分号结束B、特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成C、转义序列各字符间可以有空格D、可以通过菜单栏直接插入相应特殊字符的代码正确答案：C7.下列选项中，不属于水平线标记属性的是（）。
A、colorB、nbsp;C、sizeD、width正确答案：B8.下面的选项中，表示元素距离上下左右的外边距都是10px的是哪一项？（）A、{padding: 10px 0;}B、{margin: 10px;}C、{margin: 10px 0;}D、{padding:10px;}正确答案：B9.使用CSS时，需要遵从一定的规范。
网页设计实训教案
项目一综合实训（网站维护）【项目内容】讲授站点的维护方法【项目目的】1. 该岗位工作流程及基本工作技能2. 页面内容的更新 ( 例如 : 更新最新消息 )3. 通过修改模板删除一个栏目或一个增加栏目4. 网站运行常见错误的处理 ( 如断链、死链、孤立文件 )5. 网站的推广策略【项目重点】1. 该岗位工作流程及基本工作技能2. 页面内容的更新 ( 例如 : 更新最新消息 )3. 通过修改模板删除一个栏目或一个增加栏目【项目难点】网站的推广策略【相关知识】一、网站维护的意义一个好的企业网站，不仅仅是一次性制作完美就可以的了，由于企业的情况在不断地变化，网站的内容也需要随之调整，给人常新的感觉，这样才会更加吸引访问者，而且给访问者很好的印象。
这就要求我们对站点进行长期的不间断的维护和更新。
特别是在企业推出了新产品，或者有了新的服务内容，等有了大的动作或变更的时候，都应该把企业的现有状况及时地在网站上反映出来，以便让客户和合作伙伴及时的了解企业的详细状况，企业也可以及时得到相应的反馈信息，以便做出合理的处理结果。
二、网站维护的范畴1. 网站技术支持及维护监测网站是否被黑客攻击，页面是否被篡改，监控因特网链路是否正常，确保网站数据库的安全，并对网站进行定期数据备份。
2. 网站紧急恢复服务网站发生瘫痪等情况时，提供紧急恢复服务，解决故障直至网站恢复开通。
3. 日常数据监控针对具在线交互性的企业网站。
定期监控站点论坛、留言板及专题评论等交互区域的信息回馈，删除无用信息，并特别提醒客户有用信息的出现。
4. 信息更新本项服务可以为网站提供行业信息更新、企业信息更新、产品与服务更新等内容的维护，为企业可以创造和把握更多的商机。
三、企业网站建设后的网站维护方法网站建好并不是一劳永逸的，建好网站后还需要企业精心的运营维护才会越显成效。
大致的说，企业网站建好之后，要做几个方面的工作：1、网站内容的维护和更新网站的信息内容应该适时的更新，如果现在客户访问企业的网站看到的是企业去年的新闻或者说客户在秋天看到新春快乐的网站祝贺语，那么他们对企业的印象肯定大打折扣。
JSP课后习题答案.doc
JSP课后习题答案单元3 课本60页课后练习填空题1、tomcat服务器的默认端口是：80802、静态网页的内容是相对固定的，而动态网页的内容是随着访问时间的访问者发生变化。
（填：动态网页或静态网页）3、在tomcat成功安装和启动后，可以在浏览器中输入http://localhost:8080来测试安装配置是否正常。
4、在WEB-INF下必须有一个XML文件是web.xml选择题1、B2、D3、A4、D单元4 课本87页课后练习填空题1、脚本程序是一段在客户端请求时需要先被服务器执行的java 代码，它可以产生输出，同时也是一段流控制语句。
2、在jsp的3种指令中，用来定义与页面相关的指令是Page指令；用于在jsp页面中包含另一个文件的指令是Include指令（静态包含）；用来定义一个标签库以及其自定义标签前缀的指令是Taglib指令。
3、<jsp:include>动作元素允许在页面被请求时包含一些其他资源，如一个静态的HTML文件和动态的JSP文件。
4、Page指令的MIME类型的默认值为text/html，默认字符集是iso-8859-1 。
5、Jsp的隐藏注释格式为<%-- --%>或者<%--comment--%> Jsp的输出注释的格式是<!-- -->。
选择题1、A2、A3、D4、C5、B6、D简答题（答案在课本79页）请查阅资料并结合课堂上所讲内容，阐述include静态包含和动态包含<jsp:include>指令的区别。
答：动态include指令是在执行时才将对包含的文件进行处理，要进行编译，可以带参数；静态的include的指令是简单的将两个文件进行合并，使其成为一个新的文件。
单元5 课本130页课后练习填空题1、在jsp内置对象中，用于请求相关的对象是Request对象。
该对象可以使用getParameter(String s)方法来获取表单元素提交的信息。
网站美工设计师认证模拟练习题(一)
网站美工设计师认证模拟练习题（一）一、单选题1.下面哪个文件属于静态网页（）A. abc.aspB. abc.docC. abc.htmD. abc.jsp2.下面哪个文件一般情况下不做为网站的主页文件（）A. index.htmlB. Default.jspC. index1.htmD. Default.php3.网页元素不包括：（）A. 文字B. 图片C. 界面D. 视频4.在网站美工设计中，下列哪种颜色的光波最长,最容易引人注意?A.绿色B.黄色C.黑色D.红色5.在网站美工设计中，下列哪种风格的网站最能体现工业美，最受男孩子的欢迎？A.像素风格B.金属风格C.面板风格D.报纸风格6.在网站美工设计中，下列哪种风格的网站在制作时需要用到三维技术？A.三维风格B.金属风格C.像素风格D.报纸风格7.在网站美工设计中，蓝色色调，具有哪些特性？A.心脏、火焰热情、危险、喜庆B.海洋、蓝天、湖海、沉静、端庄、清新C.草木、安全信号和平、理想、希望、D.白云、护士纯洁、朴素、神圣、8.在Photoshop中，将路径转为选区的快捷键是（）A.CTRL+SHFIT+SPACEB.SHIFT+ENTERC.CTRL+ENTERD.CTRL+SHIFT+ENTER9.Photoshop中对路径进行移动复制的快捷键是（）A.CTRL+TB.CTRL+ALT+TC.CTRL+ALT+SHIFT+TD.CTRL+SHIFT+T10.Photoshop中如果要以鼠标当前点为中心画正圆要按什么快捷键进行绘制?A.SHIFT+ALTB.CTRLC.SHIFT+CTRLD.SHIFT二、多选题1.色彩最基本的构成元素有哪些？A.明度B.亮度C.纯度D.透明度2.色彩混合的方式有哪些？A.加色混合B.减色混合C.中性混合D.杂色混合3.下列关于网页安全色描述的有：A.网页安全色彩是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的色彩集合。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
项目案例
Web 网页设计项目案例
主要内容
网页设计基础知识应用 采用 CSS 美化页面设计效果 采用 JavaScript 实现页面特效、用户
交互及进行表单验证
1
项目案例 Web 网页设计项目案例
1. 项目需求
模仿“腾讯软件中心”（）页面制作。
广告区的实现，采用 JavaScript 实现 4 幅广告轮换。参考实现代码如下：
代码演示：JavaScript 实现广告轮换
5
项目案例 Web 网页设计项目案例
<script type="text/javascript"> var index = 0; //广告轮换 function ad() { //记录要轮换的四幅广告图片 var ary = new Array("images/ad_doctor.jpg","images/ad_qqpinyin.jpg","images/ad_tt.jpg","ima ges/ad_ttmobile.jpg"); var url = ary[index]; //ad 为显示广告图片的<img>标签的 id var img = document.getElementById("ad"); img.src = url; index++; if(index>3) {
需要注意的是，在 div+css 的布局中，大量的采用的“层套层”的方式，如在图 3 中， contentTopLeft 和 contentTopRight 被 contentTop 所包含。在应用中如果有两个或多个图层如 果需要设置它们之间的关系，如左右排列成一行，一般最好在它们的外围再套上一个层，这 样的处理不论将来维护两个图层的风格一致性，还是将图层变为浮动元素来设置它们之间的 位置关系等等，都是比较稳定的方式。
其中样式选择器“#contentBottomLeft table#products td”是一个“E F”型选择器，表 示 id 为 contentBottomLeft 的标签下如有<table>标签且其 id 为 products，则其中的<td>应 用上述样式。
“最新动态”区，主体采用表格布局，标题及标题下的横线可以采用层布局。主 体的表格布局中，可以采用<ul>标签实现列表数据。
代码演示：记录产品信息的各数组
//记录各个产品的产品信息 var ary11 = ["1","images/products.html.files/15139625.gif","QQ","免费的即时通讯 平台，带来更多沟通乐趣！","products/qq.exe"]; var ary12 = ["1","images/products.html.files/14662071.gif","TM","具有办公特色的 即时通讯平台，效率更出众！","products/qq.exe"]; var ary13 = ["1","images/products.html.files/14662051.gif","和悦","用电脑打电话， 网络电话新体验！","products/qq.exe"]; var ary14 = ["1","images/products.html.files/14662069.gif","RTX","企业即时沟通 平台，提高效率，降低成本！","products/qq.exe"]; var ary15 = ["1","images/products.html.files/14662073.gif","Foxmail","功能强大的 邮件管理工具，支持各种网络邮箱！","products/qq.exe"]; var ary21 = ["2","images/products.html.files/15114854.gif","QQ 软件管理","轻松、 方便的管理系统和软件！","products/qq.exe"]; var ary22 = ["2","images/products.html.files/qqplayerlogo.gif","QQ 影音","全能绿 色的播放器，五星级的视听享受！","products/qq.exe"]; var ary23 = ["2","images/products.html.files/15291924.gif","QQ 拼音","更快、更准、 更绿色，让书写成为享受！","products/qq.exe"]; var ary24 = ["2","images/products.html.files/14660890.gif","TT 浏览器","快速、稳 定、安全的多页面浏览器！","products/qq.exe"]; var ary25 = ["2","images/products.html.files/32.gif","QQ 旋风 2","极速清爽绿色下载 工具，海量资源，一网打尽！","products/qq.exe"]; var ary31 = ["3","images/products.html.files/14629865.gif","手机 QQ","免费手机聊 QQ，带给您随时随地沟通乐趣！","products/qq.exe"]; var ary32 = ["3","images/products.html.files/14660890.gif","QQ 浏览器(手机版)","
index = 0; } //每 2000ms 轮换一次 setTimeout("ad()",2000); } </script>
“更多推荐”区，主体采用表格布局，标题及标题下的横线可以采用层布局。 “产品展示”区（“腾讯软件”区），主体采用表格布局，标题及标题下的横线可
以采用层布局。主体的表格布局中，不同产品的分隔划线段可以通过设置表格中 单元格的下边框的 CSS 样式来实现，此样式可参考如下代码实现：
4
项目案例 Web 网页设计项目案例
（ contentTop ）、 下 （ contentBottom ） 两 部 分 ，上 部分 再 划 分 为 左（ contentTopLeft ）、 右 （conentTopRight）两部分，其中左部分用于显示广告信息，右部分用于显示更多的推荐产 品信息，下部分再划分为左（conentBottomLeft）、右（conentBottomRright）两部分，左部 分用于显示主要的产品展示信息，右部分可进一步划分，用于表现一些最新动态信息及合作 伙伴链接信息。
2
项目案例 Web 网页设计项目案例
标签属性的解读方式及 CSS 样式属性的具体含义。 下面我们来介绍主要的实现内容
4. 首页 index.html
参考设计形式
图 1 index.html 页面的参考设计形式
布局设计
难点一：布局设计 整体布局采用 div+css，“更多推荐”区、“最新动态”区、“合作伙伴”区、“产品展 示”区采用表格布局，这些分区所在位置如图所图 2 所示。 div+css 布局设计图及各图层的命名如图 3 所示（仅供参考）。
编号
所在图层编号
区域名称
1
div1
联络沟通
2
div2
装机工具
3
div3
无线新生活
4
div4
生活品味
5
div5
安全效率
6
div6
休闲游戏
表 1 产品区域及其所在图层编号表
将所有的产品区域所在图层及产品标题名称信息包装到 hash 对象中，参考代码如 下：
9
项目案例 Web 网页设计项目案例
代码演示：记录区域及其所在图层的编号
3
项目案例 Web 网页设计项目案例
图 2 index.html 页面中的部分分区
图 3 index.html 页面的参考布局
其中，在整个页面的背后置一图层（layout），用于对整个网页进行一些操作，如居中等； 顶部菜单栏（topHeader）用于实现向其它的一些功能模块的导航功能；网页中除去顶部导 航菜单栏的其余部分，采用一个图层包起来（other），该部分划分为网页的页眉（header）、 内容（content）和页脚（footer），其中页眉用于表现公司的 logo 图标及一段声明性的文字， 内容区域为网页的主体内容所在，页脚部分显示版权信息；内容区域可进一步划分为上
“合作伙伴”区，主体采用表格布局，标题及标题下的横线可以采用层布局实现。 index.html 页面中的超链接部分除上面说明的外，其余不用实现。
5. 产品大全页 products.html
参考设计形式
7
项目案例 Web 网页设计项目案例
图 4 products.html 页