使用模板和库制作网页(精)
- 格式:ppt
- 大小:134.00 KB
- 文档页数:15
XXXX中等职业学校《网页制作》的课程标准一、课程的性质与任务(一)课程性质《网页制作》是我校计算机应用专业开设的一门专业必修课,是计算机类专业的一门实践环节课程,也可以作为其他相关专业的实践课程或选修课,它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件AdobeDreamweaverCS3,通过这种有代表性的网页制作软件的使用,掌握网站设计的全过程,并能熟练地制作出有专业水准的网站。
(二)课程任务本门课程在专业教学计划中起着十分重要的作用,通过这门课程,学生可以掌握以下技能和知识:1.掌握网站的开发流程,如建站规划、效果图制作、建立站点、发布网站等相关知识。
2.掌握各种网页元素在DremweaverCS3中的使用。
例如,文本、表格、图像、超级链接、层、框架和表单等。
3.掌握HTML,理解各种标记的功能和用法。
4.掌握在DrenIWeaVerCS3中使用CSS控制网页元素的方法。
5.掌握在DrenIWeaVerCS3中使用JavaScript制作网页特效的基本方法。
6.能够解决一些网页设计中的常见问题。
(三)本课程的特点1.课程注重实际应用,即实践性强。
2.涉及的DremweaverCS3软件是目前网页制作工作中较为流行的软件,是“网页三剑客”之一,具有较强的实践性,学习难度不大。
3.突出理论联系实际,实作课时占总课时的50%以上,实际应用知识占课程总知识量的80%以上。
(四)与相关课程的衔接、配合、分工先修课程:“计算机应用基础”、“图形图像处理(FireWorkS或PhotoShop)"、"Flash动画制作”等。
二、课程目标本课程的基本目标是:使学生通过本课程的学习,掌握DreanIWeaVerCS3的使用方法,学会使用DreamweaverCS3制作Web网页的技术。
本课程学习结束后,学生应能根据实际需要自行设计静态网页,建立网站。
《网页设计与制作》课程简介课程名称:网页设计与制作课程代码:02038适用专业:初等教育(计算机与信息技术方向)课程性质:专业核心课程、必修课、专业技能课学分:3 学分计划学时:72学时(理论36学时,实训36学时)一、前言1. 课程性质本课程是初等教育计算机与信息技术专业的一门专业技能课程,培养学生网页设计与制作能力,适应初等教育对信息技术教师的人才基本要求,同时满足社会对计算机专业人才的需求,适合从事网站建设相关的岗位。
本课程的先修课程是《计算机应用基础》,后续课程是《程序设计》。
在完成《计算机应用基础》课程学习后,学生掌握了计算机基本知识和原理,学会了一些应用软件和工具软件的使用,进而学习《网页设计与制作》这门课程不会感到困难。
在以后学生还将学习《程序设计》课程,能设计和制作动态网页。
2. 课程基本理念初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师,今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者,建设网站和网页是信息技术教师应掌握的基本技能。
课程要理论与实践相结合,培养学生动手能力,能胜任今后小学信息技术教师的工作任务。
同时满足社会对计算机专业人才的需求,适合从事网站建设相关的岗位群。
3. 课程设计思路根据初等教育计算机与信息技术专业人才培养方案,《网页设计与制作》是重要的专业技能课程,是作为小学信息技术教师基本技能训练与考核的项目之一。
课程以工作任务来组织内容,以案例驱动贯穿教学过程。
由浅入深,最后完成主题网站的开发项目。
课程教学中以Dreamweaver的使用为主线,要重视HTML语言和CSS样式的讲解和应用。
通过以3—4人为小组完成主题网站的建设,培养沟通能力、合作能力和团队协作能力,为今后的职业生涯打下良好的基础。
二、课程目标1. 总体目标本课程以学生能独立完成静态网站开发和维护的实际工作能力为学习目标,要求学生掌握HTML语言的文档结构和基本标签使用。
答案+我名字大作业1:网络专题的设计【目标】完成网络专题的设计与材料的搜集、整理、加工。
【时间】约240分钟。
【步骤】1.根据自己的需要,确定专题的主题。
2.分析与思考,并回答以下几个问题:Ÿ为什么要选择这个专题?Ÿ这个专题准备给谁看?Ÿ通过这个专题,收到什么效果?3.初步编写策划设计方案,方案应包括以下内容:标题:××××专题策划案策划人:×××策划时间:××年××月××日正文:专题主题:××××××专题关键字:××××专题说明:……创意说明:……版式设计:…附图(版式与结构)材料分类:4.根据策划设计方案确定的栏目,利用搜索引擎等进行相关材料的搜集、整理。
5.对主要文字稿件进行必要的修改加工。
6.对多媒体素材进行修改加工。
大作业要求:1.需要提交的材料有:专题设计方案、文字稿件、多媒体素材。
2.多媒体素材包括图片、图表、音频、视频等,要求不少于2种。
3.大作业以WinRAR或WinZip压缩包形式上传,占形考成绩的16%。
大作业评价要点:Ÿ1.设计与网络专题定位、版面特点是否相符合。
2.Ÿ提交的材料与主题是否相关联。
Ÿ3.文字材料的整理是否恰当与适用。
Ÿ4.多媒体素材是否恰当与适用。
Ÿ5.综合评价其是否具备可操作性。
开始时间截止时间类型2020-03-01 00:00:00 2020-06-3023:59:59作业进入形考大作业2:网站站点结构的构建[目标]设计网站的布局结构,至少完成二级结构(栏目)的设计。
[时间]约120分钟。
[步骤]1.根据大作业1确定的网站主题,设计网站的布局结构,可以借鉴同类型网页的布局结构。
2.分析与思考,并回答以下几个问题:Ÿ 网站内容都包括哪些Ÿ 网站的内容根据重要性如何进行排列Ÿ 如何通过网站布局,突出重要信息3.使用Word、PowerPoint、Photoshop等绘制页面布局结构图,注明每个区域的功能,并形成文档。
《网页制作》理论试题及答案一、单选题1.当测览器不能正常显示图像时,会在图像的位置显示的内容__A__。
A.替代B.目标C.地图D.低品质源2.将超链接的目标网页在当前窗口中打开的方式是__D___。
A.parentB._blankC._topD._self3.当网页既设置了背景图像又设置了背景色,那么__A__。
A.以背景图像为主B.以背景色为主C.产生--种混合效果D.冲突,不能同时设置4.在页面属性对话框中,我们不能设置__C___。
A.网页的背景色B.网页文本的颜色C.网页文本的大小D.网页的边界5.在文本的属性面板中,不能设置___D__ 。
A.文字的大小和颜色B.加粗或倾斜风格C.文字的超链接D.矩形热区6.下列路径中属于绝对路径的是___A___ 。
B./xuesheng/chengji/mingci.htmC. address.htmD. staff/telephone.htm7.DreamweaverMX可以导入的表格式数据的格式是___C___。
A.Excel格式B.Word格式C.文本格式D.任意格式8.要一次选择整个行,在标签检查器中选择___B___ 标签。
A.tableB.trC.tdD.tp9.指定表格内单元格之间的间隙大小,需要设置表格属性面板中的___B___。
10.如果层中的图片太大,要设置超出部分照样显示,则"溢出"选项中应选择__A___ 。
A.visibIeB.hiddenC.scrolID.auto11.不论层中的内容是否超出,都显示滚动条,则"溢出"选项中应选择 ___C____ 。
A.visibleB.hiddenC.scrollD.auto12.利用键盘方向键移动层时,一次按键只能移动 ___A___ px。
A.lB.2C.3D.413.层的对齐万式"设成宽度相同"的含义是__B___ 。
(更新版)国家开放大学电大专科《Dreamweaver网页设计》单项多项选择题题库及答案盗传必究一、单项选择题题目1下面关于网站策划的说法错误的是()选择一项:A. 向来总是内容决定形式的B. 信息的种类与多少会影响网站的表现力C. 做网站的第一步就是确定主题D. 对于网站策划来说最重要的还是网站的整体风格题目2为链接定义目标窗口时,_blank表示的是()。
选择一项:A. 在上一级窗口中打开B. 在浏览器的整个窗口中打开,忽略任何框架C. 在同一个帧或窗口中打开D. 在新窗口中打开题目3对于一个简单表单来说,下面描述正确的是()选择一项:A. 表单元素必须使用3个以上B. 图中该表单只能使用单项按钮C. 图中“查看结果”按钮是一个表单元素D. 图中“投票”按钮不是一个表单元素题目4以下几个事件中代表“页面元素失去焦点”的事件是()。
选择一项:A. onBounceB. onBlurC. onChangeD. onAfterUpdate题目5如下所示的这段CSS样式代码,定义的样式效果是()。
a:link {color: #ff0000;}a:visited {color: #00ff00;}a:hover {color: #0000ff;}a:active {color: #000000;}其中#ff0000为红色,#00000为黑色,#0000ff为蓝色, #00ff00为绿色选择一项:A. 默认链接色是绿色,访问过链接是蓝色,鼠标上滚链接是黑色,活动链接是红色B. 默认链接色是蓝色,访问过链接是黑色,鼠标上滚链接是红色,活动链接是绿色C. 默认链接色是黑色,访问过链接是红色,鼠标上滚链接是绿色,活动链接是蓝色D. 默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是黑色题目6CSS是利用什么XHTML标记构建网页布局?()选择一项:A. <dif>B. <dis>C. <dir>D. <div>题目7在【模板】子面板,如图所示,模板预览区是()选择一项:A. 模板预览区是④B. 模板预览区是③C. 模板预览区是②D. 模板预览区是①题目8下面type标记中的square表示的是()。
项目使用模板和库提高制作效率一、教案建议模板与库是网站制作中最常用的工具,利用模板,用户可以批量制作风格一制、内容不同的网页,省去了期间繁琐的工作,而且利用模板,还可以达到使网页外观达到统一的目的;库功能即用户可以讲一些常用的资源保存在库中,待到要用时直接从库中调用该资源就可以了。
该项目通过两个任务,形象直观地介绍了模板、库在网页制作中的作用及使用方法。
该项目理论知识详尽,要求结合上机实践操作,巩固学生的理论知识,提高学生的学习兴趣,并以“项目总结”的形式通过“发现问题一一解决问题一一总结问题”的方式加深学生的印象,增强学习效果。
为了提高学生的应试能力,尤其是一些考级需要,建议教师在教案的过程中有意识地穿插该项目后面“自我评测”的操作题与该教材配套光盘中配套的实例题,让学生在实际操作的过程中解决一些问题,达到理论实践一体化的效果,以便学生更好更牢固的掌握知识点,学以致用。
、教案简案【组织教案】检查学生出勤情况,做好学生考勤记录。
强调上课课堂纪律,活跃互动教案气氛。
【课题导入】在项目中我们了解到,网站是由若干个网页组成。
而隶属同一个网站中的许多网页的设计风格相似,只是内容不同。
一个网页一个网页地制作,往往耗时且不方便控制。
像这样,在同一个网站中的网页通常都使用统一的风格,采用大致相同的网页布局结构、版式、导航条、图片和等。
为了避免不必要的重复操作,提高制作过程中的工作效率,可以使用提供的模板和库功能,将具有相同布局结构的页面制作成模板,将相同的元素制作为库项目,以便随时调用,实现批量化制作网页。
面我们来学习如何在中创建和编辑模板与库。
【技能训练】(上机实训:课时)一、项目任务任务一:使用模板制作网页。
任务二:使用库制作相似网页。
二、任务实训.学生根据该项目的任务要求进行上机操作,教师在机房巡回指导。
.完成一个任务后,教师引导学生进行总结,然后进行下一个任务。
.在完成该项目所有任务的基础上,教师结合项目后“技能巩固”的操作题及光盘中的实例题,布置课后上机题。
湖北省高等教育自学考试大纲课程名称:网页设计与制作课程代码:06386第一部分课程性质与目标一、课程的性质与特点“网页设计与制作”是湖北省高等教育自学考试网络传播专业(独立本科段)开设的一门专业实践课程。
网页是网络中信息传播的主要载体,是当今网络传播应用的主要形式。
网页是网络传播的重要展现形式,是传统新闻基本能力的新的展现形式,同时也对传统新闻基本能力提出了新的要求。
作为网络传播专业的学生只有了解、掌握了网页设计与制作的基本原理、基本操作方法,才能更好进行网络传播的应用与实践。
本课程是该专业的一门非常重要课程。
本课程通过对网页的基本结构原理、网页页面的基本组成、网页页面的编写语言、网页设计与制作流程、网页设计与制作方法介绍,以及对相关软件的操作掌握后,可以独立完成对网页的制作设计与编辑,从而将新闻、网络信息通过网页展现,更好将网络新闻的采编评与网络传播的网页展现形式结合,充分发挥网络传播的特点。
在网络传播专业学生在将来的实际工作中,需要乃至本课程的内容中介绍的基本原理和方法。
因此,本课程是网络传播专业学生必须掌握的一门课程。
本课程是本专业及相关专业相关课程进一步学习的基础课程。
二、课程目标和基本要求网页的设计与制作是一门与计算机结合十分紧密的课程。
既需要一定的理论知识,也需要一定的实际操作能力。
通过本课程自学、上机实习、作业等方式的学习,要求学生掌握网页的基本原理、网页制作与设计的基本方法、能操作相关应用软件,最终达到可以独立或者与他人分工合作完成简单和复杂网页的设计与制作。
具体地说,包括以下几个方面:(1)考生了解网页的基本概念、基本结构、制作流程和设计原则等相关基础知识,掌握网站的开发流程,能独立规划和设计网站。
(2)要求考生能熟练掌握Dreamweaver网页制作软件,能使用Dreamweaver创建和管理网站,掌握Dreamweaver制作网页的技术,使用Dreamweaver提供的行为机制制作具有动画效果的网页。