admin 管理员组文章数量: 1184232
2024年2月7日发(作者：selector歌)
《网页设计》实训计划
制订日期： ，适应专业： XXX
制订人： ，教研组审核： ，教务处审核：
一、实训性质和内容
《网页设计与制作》课程是一门实践性很强的专业课程，网页设计与制作实训是这门课程的实践性教学环节、是学生提高动手能力、真正做到理论联系实际的一个重要环节。它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。
本次实训基于学生的兴趣，选取专业建设网站开发为主题，采用Dreamweaver软件，基于网页开发的流程，把实训周期当做是一个项目的开发周期，严格把握项目进度，最终要求学生完成网站的前台设计。通过此实训，让学生进一步掌握网页设计技术、了解团队协作的基本方式，掌握静态网站从客户分析、策划、效果图绘制、切片与优化，首页制作、CSS定义、模板制作、子页面制作、链接的创建、简单网页特效制作、测试与发布的整个流程。
二、实训任务和要求
实训任务
学生自主选题，进行需求分析，确定网站主题，基于网页开发流程，制定一个切实可行的开发计划。收集素材，使用Dreamweaver CS5网页编辑软件，结合flash和Photoshop等软件，应用CSS和html（DIV+CSS）技术，完成对网页的布局、色彩的搭配、表格的应用、框架的应用、层的运用、行为的实现、表单的使用、模板和库的应用等，制作出别具风格、图文并茂的网页。
参考题目
1、个人网站 2、班级网站
3、学校网站 4、学习网站
5、旅游网站 6、公司网站
7、音乐网站 8、自拟题目
1
实训要求
1、必须认真做好网站的需求分析，包括市场调查，定位网站目的，策划好网站的 主题及功能定位，创意出网站的风格和亮点，确定网页色彩基调。
2、规划好网站的风格和结构，网站主要内容及板块，各板块的具体内容及功能， 做出“网站层次结构图”。
3、根据指定的网站主题书编写《***网站策划书》。
4、收集好所需的文字资料、图像资料、网页特效，创建完善的目录结构。
5、所创建的网站至少包括8个以上页面，分为三层，第一层为首页，第二层为4个二级子页，第三层为2-3个内容页。网页中必须要用到CSS以及DIV技术实现网页元素的修饰及布局。网站页面大小应该满足至少1024*768分辨率。
6、网页的版面尺寸应用符合网页设计的规范，网站中所有文件、文件夹的命名应规范，尽量做到字母数量少，见名知意、容易理解。
7、实训过程中既要虚心接受老师的指导，又要充分发挥主观能动性、独立思考、努力钻研、勤于实践、勇于创新。
8、要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人的网页或其他内容。
9、实训期间，严格遵守学校的规章制度，不得迟到、早退、旷课。缺课节数达三分之一以上者，实训成绩按不及格处理。
10、认真总结实训过程，找到其中的不足并撰写好实训报告。
三、实训教学中应注意的问题
1、网站建设主题的选择，风格确定。
2、网站建设策划书的书写。
3、网站素材的整理和收集。
4、Dreamweaver软件的使用。
5、网页布局及页面元素的使用。
6、CSS样式、网页特效等网页新技术的使用。
7、实验室安全和纪律的管理。
四、实训学时分配表
2
序号
1
2
3
4
总计
实训项目名称
网站策划
图片设计及制作
网页制作
网页优化
学时
6
4
16
6
32
五、各项目具体实训内容和要求
项目一、网站策划
实训要求
1、熟悉网站建设及网页制作流程。
2、熟悉网站的需求分析，包括市场调查，定位网站目的，策划好网站的主题及功能定位，创意出网站的风格和亮点，确定网页色彩基调。
3、掌握网站的风格和结构，网站主要内容及板块，各板块的具体内容及功能规划。
4、能够根据网站主题，编写《网站建设策划书》。
实训内容
1、项目任务分析，策划网站的主题及功能定位，确定网页色彩基调。
2、网站栏目确定，画出网站结构草图。
3、进行网站版面设计。
4、收集素材。
5、根据需求，编写《网站建设策划书》和技术解决方案。
实训建议
1、学生以3-4人为一组，小组成员之间，既要分工明确，又要密切合作，培养良好的互助、协作精神。
2、指导教师应在学生操作时，巡回指导，个别问题个别解决，普遍问题集中解决。
3
3、教、学、做三位一体化，理论与实践并重。
项目二、图片设计及处理
实训要求
1、熟悉Photoshop的工作界面，工具栏，快捷键的基本操作。
2、掌握Photoshop软件的使用方法。
3、掌握图层，画布的相关设置。
4、熟悉切片工具的使用。
实训内容
1、熟悉和学习Photoshop软件的使用方法。
2、进行网站Logo,Banner,背景图片的设计与制作。
3、处理网站中所需要的图片，如修改图片大小、色调、效果。
4、图片的切片处理以及保存网页的方式。
实训建议
1、学生以3-4人为一组，小组成员之间，既要分工明确，又要密切合作，培养良好的互助、协作精神。
2、指导教师应在学生操作时，巡回指导，个别问题个别解决，普遍问题集中解决。
3、教、学、做三位一体化，理论与实践并重。
项目三、网页制作
实训要求
1、熟悉Dreamweaver Cs5的界面布局和工作环境。
2、掌握Dreamweaver Cs5软件的操作方法和基本技能。
3、理解网页创建的工作流程
4、熟练掌握站点的规划、创建与管理，目录有清晰的结构。
5、学会使用表格或CSS+DIV做网页布局。
6、掌握HTML语言标签和CSS样式的使用。
7、掌握文本、图片、动画等多媒体素材的搭配、合理组织内容。
8、掌握表格、框架、模版和表单的使用。
9、熟悉JavaScript、行为、时间轴等网页特效技术的使用。
4
实训内容
1、Dreamweaver Cs5软件使用基本技能训练，属性面板的使用。
2、使用Dreamweaver Cs5创建站点，以自己的班级号+学号命名，规划和创建目录结构，文件夹命名用英文，如存放图片的用images。
3、运用表格、布局表格、CSS+DIV等进行网页布局。
4、网站首页及各级页面的设计与制作。
5、运用表格、布局表格、层等多种网页元素对文本和图片进行布局，网页内容排版、网页其他元素应用等。
6、框架、模版和表单的使用。
7、JavaScript、行为、时间轴等网页特效技术的使用。
8、标题、状态栏、版权、ICP备案等信息。
实训建议
1、以项目、模块和工作任务组织教学，注重网页制作的专题训练，操作理论讲解和学生操作应根据实际情况交叉进行，发现问题应集中显示及时讲解，以保证学生实训操作的效果。
2、学生以3-4人为一组，小组成员之间，既要分工明确，又要密切合作，培养良好的互助、协作精神。
3、指导教师应在学生操作时，巡回指导，个别问题个别解决，普遍问题集中解决。
4、教、学、做三位一体化，理论与实践并重。
项目四、网页优化
实训要求
1、掌握CSS的创建、基本语法规则。
2、掌握样式的定义方法和编辑方法。
3、掌握CSS进行文字大小、字体、颜色的美化效果。
4、掌握CSS美化超级链接及网页的其他所需元素。
5、熟悉网站的测试、发布和管理。
实训内容
1、进行CSS样式表结构和规则训练。
5
2、CSS样式建立及CSS与HTML文档结合方法训练。
3、使用CSS样式修饰页面布局。
4、使用HTML技术和CSS修饰网页及页面元素。
5、进行乱码、空链接、错误链接等的修饰。
6、进行网站测试，发布和管理。
实训建议
1、学生以3-4人为一组，小组成员之间，既要分工明确，又要密切合作，培养良好的互助、协作精神。
2、指导教师应在学生操作时，巡回指导，个别问题个别解决，普遍问题集中解决。
3、教、学、做三位一体化，理论与实践并重。
六、考核方式
本实训成绩由平时成绩、实训成绩和实训报告成绩组成，其中平时成绩为20%（考勤），实训作品成绩为60%，实训报告成绩为20%。包括以下几个方面：
序号 要求 分值 重点检查
迟到、早退一次扣1分，旷课一次口2迟到、早退，旷课，考勤 20
分，上课游戏、上课纪律
接打电话一次扣2分
任务分析、栏目规策划方案 8
划、整体设计
网站策划
栏目结构和页面层网站结构图 2
次
使用图片设计photoshop平LOGO，BANNER等图5
及制作 面设计及图像片图片设计、切片
处理
站点及目录结3 站点、目录结构
构的合理性
版面布局合理、页面网页制作 页面布局 5 像素合理、整体效果美观
主题鲜明、界面美主题、色调 2
观、色调和谐
6
内容 备注
1
2
3
4
合理使用页面元素完成页面制作
网页特效技术
CSS样式、效果（字体，字网页优化 号、颜色、超级链接）、网页特效
实训报告 按要求打印
20
5
HTML标签，超级链接，表单，框架，文本、图片等的使用恰当
JavaScript、行为、时间轴
正确使用CSS样式表、合理搭配页面内容，是否使用网页特效，能正常浏览页面
实训报告的合理、规范、详尽
5 10
6 20
七、实训指导书及主要参考书
1、xxx
2、xxx
3、xxx
7
版权声明：本文标题：《网页设计》实训计划 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1707300988a514109.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论