网设计实训计划

1、网页设计实训计划制订日期：,适应专业：XXX制订人： ,教研组审核： ,教务处审核： 一、实训性质和内容网页设计与制作课程是一门实践性很强的专业课程，网页设计与制作实 训是这门课程的实践性教学环节、是学生提高动手能力、真正做到理论联系实际 的一个重要环节。它是根据专业教学计划的要求，在教师指导下对学生进行的网 页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能 力，实现由理论知识向操作技能的转化， 是对理论与实践教学效果的检验， 也是 对学生综合分析能力与独立工作能力的培养过程。本次实训基于学生的兴趣，选取专业建设网站开发为主题，采用 Dreamweave嗽件，基于网页开发的

2、流程，把实训周期当做是一个项目的开发周 期，严格把握项目进度，最终要求学生完成网站的前台设计。通过此实训I,让学 生进一步掌握网页设计技术、了解团队协作的基本方式，掌握静态网站从客户分 析、策划、效果图绘制、切片与优化，首页制作、CSSt义、模板制作、子页面制作、链接的创建、简单网页特效制作、测试与发布的整个流程。二、实训任务和要求实训任务学生自主选题，进行需求分析，确定网站主题，基于网页开发流程，制定一 个切实可行的开发计划。收集素材，使用 DreamweaverCS5网页编辑软件，结合 flash和Photoshop等软件，应用 CSSffi html (DIV+CSS技术，完成对网页的

3、布局、色彩的搭配、表格的应用、框架的应用、层的运用、行为的实现、表单的 使用、模板和库的应用等，制作出别具风格、图文并茂的网页。参考题目1、个人网站2、班级网站3、学校网站4、学习网站5、旅游网站6、公司网站7、音乐网站8、自拟题目实训要求1、必须认真做好网站的需求分析，包括市场调查，定位网站目的，策划好 网站的 主题及功能定位，创意出网站的风格和亮点，确定网页色彩基调。2、规划好网站的风格和结构，网站主要内容及板块，各板块的具体内容及 功能，做出“网站层次结构图”。3、根据指定的网站主题书编写*网站策划书。4、收集好所需的文字资料、图像资料、网页特效，创建完善的目录结构。5、所创建的网站至少

4、包括8个以上页面，分为三层，第一层为首页，第二 层为4个二级子页，第三层为2-3个内容页。网页中必须要用到 CSS以及DIV 技术实现网页元素的修饰及布局。网站页面大小应该满足至少1024*768分辨率。6、网页的版面尺寸应用符合网页设计的规范，网站中所有文件、文件夹的 命名应规范，尽量做到字母数量少，见名知意、容易理解。7、实训过程中既要虚心接受老师的指导，又要充分发挥主观能动性、独立 思考、努力钻研、勤于实践、勇于创新。8、要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人的 网页或其他内容。9、实训期间，严格遵守学校的规章制度，不得迟到、早退、旷课。缺课节 数达三分之一以上者，

5、实训成绩按不及格处理。10、认真总结实训过程，找到其中的不足并撰写好实训报告。三、实训教学中应注意的问题1、网站建设主题的选择，风格确定。2、网站建设策划书的书写。3、网站素材的整理和收集。4、 Dreamweave歆件的使用。5、网页布局及页面元素的使用。6、CSS羊式、网页特效等网页新技术的使用。7、实验室安全和纪律的管理。四、实训学时分配表厅P实训项目名称学时1网站策划62图片设计及制作43网页制作164网页优化6总计32五、各项目具体实训内容和要求项目一、网站策划实训要求1、熟悉网站建设及网页制作流程。2、熟悉网站的需求分析，包括市场调查，定位网站目的，策划好网站的主 题及功能定位，创

6、意出网站的风格和亮点，确定网页色彩基调。3、掌握网站的风格和结构，网站主要内容及板块，各板块的具体内容及功 能规划。4、能够根据网站主题，编写网站建设策划书。实训内容1、项目任务分析，策划网站的主题及功能定位，确定网页色彩基调。2、网站栏目确定，画出网站结构草图。3、进行网站版面设计。4、收集素材。5、根据需求，编写网站建设策划书和技术解决方案。实训建议1、学生以3-4人为一组，小组成员之间，既要分工明确，又要密切合作, 培养良好的互助、协作精神。2、指导教师应在学生操作时，巡回指导，个别问题个别解决，普遍问题集中解决3、教、学、做三位一体化，理论与实践并重。项目二、图片设计及处理实训要求1、

7、熟悉Photoshop的工作界面，工具栏，快捷键的基本操作。2、掌握Photoshop软件的使用方法。3、掌握图层，画布的相关设置。4、熟悉切片工具的使用。实训内容1、熟悉和学习Photoshop软件的使用方法。2、进行网站Logo,Banner,背景图片的设计与制作。3、处理网站中所需要的图片，如修改图片大小、色调、效果。4、图片的切片处理以及保存网页的方式。实训建议1、学生以3-4人为一组，小组成员之间，既要分工明确，又要密切合作, 培养良好的互助、协作精神。2、指导教师应在学生操作时，巡回指导，个别问题个别解决，普遍问题集 中解决。3、教、学、做三位一体化，理论与实践并重。项目三、网页制

8、作实训要求1、熟悉Dreamweaver Cs5的界面布局和工作环境。2、掌握Dreamweaver Cs5软件的操作方法和基本技能。3、理解网页创建的工作流程4、熟练掌握站点的规划、创建与管理，目录有清晰的结构。5、学会使用表格或CSS+DIV故网页布局。6、掌握HTMLS言标签和CSS羊式的使用。7、掌握文本、图片、动画等多媒体素材的搭配、合理组织内容。8、掌握表格、框架、模版和表单的使用。9、熟悉JavaScript、行为、时间轴等网页特效技术的使用。实训内容1、Dreamweaver Cs5软件使用基本技能训练，属性面板的使用。2、使用DreamweaverCs5创建站点，以自己的班级

9、号+学号命名，规划和创建目 录结构，文件夹命名用英文，如存放图片的用 imageso3、运用表格、布局表格、CSS+DI”进行网页布局。4、网站首页及各级页面的设计与制作。5、运用表格、布局表格、层等多种网页元素对文本和图片进行布局，网页内容 排版、网页其他元素应用等。6、框架、模版和表单的使用。7、JavaScript 行为、时间轴等网页特效技术的使用。8、标题、状态栏、版权、ICP备案等信息。实训建议1、以项目、模块和工作任务组织教学，注重网页制作的专题训练，操作理论讲解和学生操作应根据实际情况交叉进行，发现问题应集中显示及时讲解，以保证学生实训操作的效果。2、学生以3-4人为一组，小组成

10、员之间，既要分工明确，又要密切合作， 培养良好的互助、协作精神。3、指导教师应在学生操作时，巡回指导，个别问题个别解决，普遍问题集 中解决。4、教、学、做三位一体化，理论与实践并重。项目四、网页优化实训要求1、掌握CSS的创建、基本语法规则。2、掌握样式的定义方法和编辑方法。3、掌握CSS!行文字大小、字体、颜色的美化效果。4、掌握CSSK化超级链接及网页的其他所需元素。5、熟悉网站的测试、发布和管理。实训内容1、进行CSS羊式表结构和规则训练。2、CSS羊式建立及CSSt HTM仪档结合方法训练。3、使用CSS羊式修饰页面布局。4、使用HTMIM术和CSS饰网页及页面元素。5、进行乱码、空链

11、接、错误链接等的修饰。6、进行网站测试，发布和管理。实训建议1、学生以3-4人为一组，小组成员之间，既要分工明确，又要密切合作, 培养良好的互助、协作精神。2、指导教师应在学生操作时，巡回指导，个别问题个别解决，普遍问题集 中解决。3、教、学、做三位一体化，理论与实践并重。六、考核方式本实训成绩由平时成绩、实训成绩和实训报告成绩组成，其中平时成绩为20% （考勤）,实训作品成绩为60%实训报告成绩为20%包括以下几个方面:厅P内容要求分值重点检查备注1迟到、早退一 次扣1分，旷 课一次口 2分，上课游戏、 接打电次扣2分20迟到、早退，旷课， 上课纪律2网站策划策划方案8任务分析、栏目规 戈U、整体设计网站结构图2栏目结构和贝闻层 次3图片设计 及制作使用 photoshop 平 面设计及图像处理5LOGO BANNER图 片图片设计、切片4网页制作站点及目录结 构的合理性3站点、目录结构贞向布局5版面布局合理、贝闻 像素合理、整体效果 美观主题、色调2主题鲜明、界面美 观、色调和谐6合理使用页向 兀素完成贝闻 制作20HTM