网站项目制作计划表（示例）
第二篇：项目23 网站演示版的制作 _指导书
单元二 网站建模
项目三 网站演示版的制作
教学目标
1．掌握首页、内页设计稿切片操作及素材处理；
2. 完成网站布局及目录的实现；
3．完成网站栏目制作及版权区的制作；
教学要求
1．认真听讲，专心操作, 认真记录实验过程，总结操作经验和写好实验报告；
2．操作规范，完成网站的调查与分析；
3．遵守学校的实验室纪律，注意人身和设备的安全操作，爱护实验设备、及时上缴作业；
4．在实验中培养严谨科学的实践操作习惯。
知识要点
1．设计稿内容与结构的设计
2．网站结构设计、网站导航设计
3．网站布局设计
技术要点
1．设计稿切片
2．网页布局、建立网站目录
3．导航条制作、Banner切换制作
4．栏目制作、版权区制作
技能训练
一．讲授 正确启动计算机，在最后一个磁盘上建立以学号为名的文件夹，从指定的共享文件夹中将“实习指导书”和其他内容复制到该文件夹中。
(一) 首页、栏目页及模板页设计稿切片 (难点、重点)
1．设计稿切片及其目的
切片操作：将设计稿中的图像分割成更小的图像片，按照网页图像的质量需求，设置gif、jpg和png的压缩参数，实现选择性地压缩各个图像切片。
目的：缩短网页图像下载时间，提高浏览器重建网页的速度；从设计稿中获得网页图像像素材的重要途径，以便能更好实现难以实现的图像果。
2．首页确定切片对象、图像切片及导出切片
3．内页确定切片对象、图像切片及导出切片 (难点、重点) 详细见课件 4．素材整理
? 打开保存切片文件的文件夹，把视图 切换到缩略图显示，删除网页制作不需要的图片
? 再将制作设计稿使用的Logo图像、Banner图像和文本内容添加到演示版的图片文件夹中，为演示版准备齐所有素材。 (二) 创建网站目录结构
详细见课件
(三) 网站首页的创建 (重点)
依据布局规划要求：Logo、导航、Banner、栏目区块内容、版权区域 详细见课件
(四) 网站内页(栏目页及模板页)的创建 (重点)
1．内页Logo区
2．内页导航
◆ 制作内页导航提示条背景
◆ 制作当前栏目标题区域
◆ 制作当前位置区域
3．内页Banner
◆ 输入内页Banner区域名称
◆ 定义内页Banner区域背景图和大小
◆ 插入内页Banner容器
4．制作内容区域
◆ 输入内页内容区域样式名称
◆ 定义内页内容区域大小
◆ 插入内页内容容器到页面
◆ 定义内容区域边框属性
◆ 插入内容区域
◆ 制作视频演示区域
◆ 制作行业应用领域区域
5．其他导航区域样式名称
◆ 定义导航栏大小
◆ 定义导航栏边框样式
◆ 插入导航栏到内容区域
◆ 建立导航栏导航菜单项
◆ 定义导航菜单链接
◆ 定义左侧导航菜单样式表
(五) 网站导航设计
1）导航设计原则
◇ 创建简单、直观和一致的导航(不要改变导航在不同页面上的外观和位置，不应该改变链接的数量和顺序，并保持导航标签的一致性)
◇ 导航项的广度及深度的选择(让层次分明，用户无须扫视页面的每一个链接，首先找到正确的分组，再关注其下的单个链接)
◇ 易于用户学习和适应
◇ 帮助访问者定位自己在网站中的位置
◇ 精简访问者的操作步聚
◇ 清晰优雅的导航结构适合每个用户
◇ 确保导航的灵活性和可扩展性
2）必需的导航
◇ 确保网站标识logo、网站名称及页面标题出现在每个页面中
◇ 全局导航，即网站主要肉容大类的链接
◇ 本地导航，即当前页横向链接到兄弟页面，不是链接上下层次间的页面
◇ 搜索功能，小型网站可选择性使用，大型网站是必需的
3）导航类型
顺序导航、分层导航、混合导航
4）实现方式
菜单、本地搜索、站点地图、面包图、网页目录、对状导航
二．课堂任务实践
题目：网站演示版的实现
1）任务实施
① 召开小组会议讨论素材收集、分工处理 (1学时)
② 依据网站设计稿实现对网站演示版的设计须分工并行实施
◆ 首页设计稿切片、演示版素材整理、建立网站目录 (2学时)
◆ 制作首页Logo区 (2学时)
◆ 制作首页导航区、制作首页Banner切换 (4学时)
◆ 制作首页内容区块、制作首页版权区块 (4学时)
◆ 内页设计稿切片、建立内页框架、制作内页页面和功能链接 (4学时)
③ 整理形成网站演示版，与客户进行反馈，确认或检测与网站是否符合其功能和流程要求(采用讨论方式) (1学时)
④ 网站演示版的改进 (3学时)
2）学习成果评估 (2学时)
① 是否开展小组讨论会进行分工，是否符合“需求分析说明书”的功能表及流程图的要求，同时是否依据网站设计稿实现对网站演示版的设计；
② 模拟数据充足丰富及合理，网站演示形象逼真，页面跳转及链接完善，页面显示丰富；网站统一、突出公司特色；
③ 规定时间内完成详细的、完整的“网站存储目录说明书”，组员是否清楚；
④ 规定时间内完成完整的“网站演示版”，是否采用讨论会，检查其符合网站的功能及流程要求； ⑤ 小组内交流时间10分钟以内；
⑥ 以小组为单位展示网站，组员代表阐述以及其他组员补充说明，其他小组提出看法及改进意见，限时10分钟
3）任务组织形式
第1阶段：召开小组会议讨论素材收集、分工处理 (1学时)
方式：讨论并在会议记录上记录
第2阶段：网站演示版的设计须分工并行实施
◆ 首页设计稿切片、演示版素材整理、建立网站目录 (2学时)
◆ 制作首页Logo区 (2学时)
◆ 制作首页导航区、制作首页Banner切换 (4学时)
◆ 制作首页内容区块、制作首页版权区块 (4学时)
◆ 内页设计稿切片、建立内页框架、、制作内页页面和功能链接 (4学时)
方式：根据项目组成员情况，主要由一个成员负责一个方面，其他成员辅助完成。
第3阶段：整理形成网站演示版，与客户进行反馈，确认或检测与网站是否符合其功能和流程要求 方式：采用讨论方式并在会议记录上记录，目的为后面加以改进 (1学时)
第4阶段：网站演示版的改进
方式：项目成员分工准确完成相应的页面版式布局。(3学时)
第5阶段：学习成果评估讨论会
以小组为单位展示网站，组员代表阐述以及其他组员补充说明，其他小组提出看法及改进意见，限时10分钟。 (2学时)
三．课堂小结
1．分五个阶段进行纪律评价。
2．分多个阶段对学生演示稿的效果进行分析点评。
3．提出演示版的要求：小组讨论要积极参与，增加主动性，分工合理，共同提高。
四．作业
要求：完成对网站详细中的模块功能与接口的设计讨论，并做好记录。
检查：下次课对会议的内容进行检查和提问，效果好的在期末成绩上直接2-3分