《网页设计》实训计划
制订日期：，适应专业：XXX
制订人：，教研组审核：，教务处审核：
一、实训性质和内容
《网页设计与制作》课程是一门实践性很强的专业课程，网页设计与制作实训是这门课程的实践性教学环节、是学生提高动手能力、真正做到理论联系实际的一个重要环节。它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。
本次实训基于学生的兴趣，选取专业建设网站开发为主题，采用Dreamweaver软件，基于网页开发的流程，把实训周期当做是一个项目的开发周期，严格把握项目进度，最终要求学生完成网站的前台设计。通过此实训，让学生进一步掌握网页设计技术、了解团队协作的基本方式，掌握静态网站从客户分析、策划、效果图绘制、切片与优化，首页制作、CSS定义、模板制作、子页面制作、链接的创建、简单网页特效制作、测试与发布的整个流程。
二、实训任务和要求
实训任务
学生自主选题，进行需求分析，确定网站主题，基于网页开发流程，制定一个切实可行的开发计划。收集素材，使用Dreamweaver CS5网页编辑软件，结合flash和Photoshop等软件，应用CSS和html（DIV+CSS）技术，完成对网页的布局、彩的搭配、表格的应用、框架的应用、层的运用、行为的实现、表单的使用、模板和库的应用等，制作出别具风格、图文并茂的网页。
参考题目
1、个人网站
2、班级网站
3、学校网站
4、学习网站
5、旅游网站
网页制作网站设计
6、
7、音乐网站                    8、自拟题目
实训要求
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、实验室安全和纪律的管理。
四、实训学时分配表
五、各项目具体实训内容和要求
项目一、网站策划
实训要求
1、熟悉网站建设及网页制作流程。
2、熟悉网站的需求分析，包括市场调查，定位网站目的，策划好网站的主题及功能定位，创意出网站的风格和亮点，确定网页彩基调。
3、掌握网站的风格和结构，网站主要内容及板块，各板块的具体内容及功能规划。
4、能够根据网站主题，编写《网站建设策划书》。
实训内容
1、项目任务分析，策划网站的主题及功能定位，确定网页彩基调。
2、网站栏目确定，画出网站结构草图。
3、进行网站版面设计。
4、收集素材。
5、根据需求，编写《网站建设策划书》和技术解决方案。
实训建议
1、学生以3-4人为一组，小组成员之间，既要分工明确，又要密切合作，培养良好的互助、协作精神。
2、指导教师应在学生操作时，巡回指导，个别问题个别解决，普遍问题集中解决。
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、行为、时间轴等网页特效技术的使用。
实训内容
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样式表结构和规则训练。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。