《专业项目实践（静态网页）》实训指导书
一、 实训目的
1. 进一步熟悉和掌握网站建设的基本流程和技术规范；
2. 巩固运用Dreamweaver网页制作软件制作网页；
3. 巩固运用Photoshop图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；
4. 巩固综合运用Dreamweaver、Photoshop、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；
5. 能使用javascript技术，增加网页的特效；
6. 能在网页内部嵌入背景音乐和视频等多媒体效果；
7. 具备独立撰写实训报告等科技文件的基本能力；
8. 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；
9. 为今后从事网站开发、维护和管理奠定基础。
二、实训任务
1． 站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。
2． 进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。
3． 网页设计。除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设计）。包括版面设计和图形设计、内容录入等。
4． 动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。
5． 网页内部嵌入背景音乐及视频等多媒体效果。
6． 综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）
7． 网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。
三、实训技术要求
1.网站所有页面设计采用DIV+CSS方式，不能使用表格布局
2.使用模板或者库文件创建子页面技术
3.有原创的FLASH
4.有原创的图片
5.使用javascript动态效果
6.使用背景音乐播放技术
7.使用插入优酷视频技术
8.使用滚动公告栏技术
9. 页面布局合理，彩和谐，链接正确，图文并茂并茂。网站页面大小应该满足800*600分辨率的客户，兼顾1024*768分辨率。
四、实训要求
4.1．站点结构与命名
  站点文件夹为学号姓名(如：1115913548 李晶)
      站点文件夹中所包含文件夹：images （存放图片文件）
                                style（样式表文件）
                                Templates（存放模版文件）
                                Library （存放库文件）
                                Scripts（存放JS代码）
                                other（存放其它文件）
                                源文件 （存放自己设计的图形、动画文件）
                                其余视文件夹需要而添加，全部用英文命名
网站首页为index.html
4.2．网站题材选择
  以电子产品企业网站为题材（包含企业简介、产品介绍、信息发布、联系企业等基本模块其他模块可根据情况自由发挥）、内容充实、健康、具体网站名字自拟。
4.3.网站结构（至少有8个页面组成）
五、实训计划（时间安排）
序号
授 课 章 节、主 要 内 容
时数
作业
备注
1
教师布置实训任务。学生阅读实训指导书，理解并接受任务。
2
完成本次课任务
2
站点规划，搜集资料
4
完成本次课任务
3
主页设计——主页布局设计，主页标题图形设计（ps）
4
完成本次课任务
4
主页设计——主页图形设计（ps）
4
完成本次课任务
5
主页设计——主页文字图片的编辑（dw）
4
完成本次课任务
6
动画设计——主页JS或FLASH动画设计
2
完成本次课任务
7
主页设计——主页的整体优化
4
完成本次课任务
8
模板设计——网页模版设计
4
完成本次课任务
9
库文件设计——库文件制作
4
完成本次课任务
10
子页面设计——其余页面设计（包括网页、图形设计）
4
完成本次课任务
网页设计模板模板11
子页面设计——其余页面设计（包括网页、图形设计）
2
完成本次课任务
12
子页面设计——其余页面设计（包括网页、图形设计）
2
完成本次课任务
13
综合优化——链接、动态效果等，网站测试
2
14
继续撰写实训报告书，撰写实训体会
6
合计
48
五、实训步骤与指导
1．教师布置实训任务：实训目的、实训要求、实训时间安排、进度安排等。
2．学生在明确任务的基础上，开始网站设计的构思和准备。
3．学生进行网站设计。对存在的共性问题，教师作集体解答，对个性问题，个别解决。
4．对所学知识归纳整理，提高网站设计的实际能力。
5．撰写实训报告，教师作指导。
六、实训评分标准
网页设计
图形设计
动画设计
整体效果
实训报告
纪律、出勤率等
20分
15分
15分
10分
20
20分
上交：实训报告和作品
1． 实训目的
2． 实训项目---××网站设计
要求撰写设计说明，格式见附录。
    3．实训中遇到的问题和解决方法
4．心得体会
说明：1、实训报告页数在15-20页之间。
2、实训报告以电子稿形式完成并上交。
附录：实训报告格式说明
《xxxx网站设计与开发》
（小初、加粗、宋体、居中）
专  业：                   
班  级：                   
学  号：                   
姓  名：                   
指导教师：               
（小二、黑体、居中）
目 录
以下标题部分 （二号 宋体 居中）正文部分（小四 宋体 行间距18磅）
一、 前言（说明为什么要选择该题材，准备如何实现等）
二、 开发工具介绍
三、 总体功能模块设计（网站的框架结构图及功能说明，网页之间的链接关系说明）
四、 详细设计（界面及代码设计）
(一) 首页（页面、设计思路、功能介绍、主要代码）
(二) 各子页（页面、设计思路、功能介绍、主要代码）
五、 遇到问题及解决方法
六、 总结（心得体会）
七、 主要参考资料

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