专业项目实践[静态网页]实训指导书.docVIP

《专业项目实践（静态网页）》实训指导书 实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范； 巩固运用Dreamweaver网页制作软件制作网页； 巩固运用Photoshop图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 巩固综合运用Dreamweaver、Photoshop、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 能使用javascript技术，增加网页的特效； 能在网页内部嵌入背景音乐和视频等多媒体效果； 具备独立撰写实训报告等科技文件的基本能力； 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 为今后从事网站开发、维护和管理奠定基础。 二、实训任务 站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上有哪些信誉好的足球投注网站相关资料（图片、文字等）。 进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。 网页设计。除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设计）。包括版面设计和图形设计、内容录入等。 动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。 网页内部嵌入背景音乐及视频等多媒体效果。 综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等） 网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。 三、实训技术要求 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 五