下载文档原格式
练习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、通常一个站点的主页默认文档名是________。
个人研修工作计划一、学习目标：1、加强学习，掌握正确的教育观点。
2、了解教育工作的基本规律和基本方法，进行教育实践。
3、了解学科的发展动向和最新的研究成果。
4、将掌握的教育理论转变成教育教学的实际能力。
5、进一步提高现代信息意识，提高现代信息技术水平，能对计算机进行必要的维护，会熟练使用办公软件进行文字处理，素材加工，课件修改、制作，网络资源搜索等。
二、学习内容：(一)丰富教育教学理论阅读相关的教育书籍如《教育新理念》、《教师专业化的理论与实践》、《现代代艺术的理论与实践》、《教学理论：课堂教学的原理、策略与研究》、《爱心与教育》、《电脑报》等。
(二)提高现代信息技术的应用能力继续学习相关的课件制作方法如：photoshop、flash等软件的学习;用Dreamweaver制作静态网页;音频视频处理软件的使用编辑;计算机的保养与维修等。
(三)继续加强个人师德的修养，学习先进个人的事迹三、学习措施：1、利用课余时间坚持每周进行业务学习，做到定时、定内容，学习有关优化课程结构的文章和走进课程的信息报道。
充分集中时间学习相关的信息技术与专业的练习，确保课课有辅助教学的多媒体课件。
2、及时对每天的教育教学活动进行反思，用笔随时记录下来抽时间整理，并争取与同行们进行交流，共同切磋，共同进步。
3、虚心向各科教师学习优秀的教育经验，提高自身的业务水平。
平时加强校内外听课，虚心与本校同学科教师交流上课心得，取长补短，尽量挤时间争取去听课，吸收别人的先进经验，提高教学水平。
4、多听教学水平较高的教师上公开课，通过集体备课、交流学习等形式，提高教师的业务水平。
5、规范自己的言行，做学生的表率。
积极参加培训活动，提高自己的师德修养，在此过程中，学习正确处理师生之间、教师之间、教师与家长之间及与社会之间的关系。
一、校本研修的基本内容1、信息技术教学研究的最新动态与成果；2、信息技术新课程标准3、教育政策法规；4、教师职业道德；5、校本课程的研究与开发；6、学生成长与身心发展；7、教师心理调试与情绪控制；8、教学艺术与教学风格。
《多媒体技术与网页制作》练习题库参考答案一、单项选择题：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. 创造力与技术的平衡：在进行网页设计时，我们既要发挥创造力，创造出有个性的设计，又要掌握技术，合理运用各种技巧来实现设计。
这就需要我们不断地进行学习和实践，提高自己的技术水平。
网页设计练习题与参考答案一、单选题（共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课后习题答案单元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.网页安全色彩是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的色彩集合。
