《网页设计与制作》实训指导书.docx

《网页设计与制作》 实 训 指 导 书 主编：王春艳 《网页设计与制作》实训指导书 目  录 一 、 总 体 说 明 -------------------------------------------------------------------------------------1 二 、 实 训 1 — — 制 作 “ 班 级 网 站 ” 首 页 -------------------------------------------------------3 三 、 实 训 2 —— 制 作 “ 班 级 新 闻 ” 及 其 下 级 页 面 -------------------------------------------4 四 、 实 训 3 — — 制 作 “ 班 级 相 册 ” 页 面 -------------------------------------------------------4 五 、 实 训 4 — — 制 作 “ 关 于 我 们 ” 页 面 、 “ 个 人 主 页 ” 页 面 ----------------------------------5 六 、 实 训 5 — — 制 作 “ 网 页 设 计 ” 页 面 -------------------------------------------------------6 七 、 实 训 6 — — 制 作 “ 留 言 本 ” 页 面 ----------------------------------------------------------6 一、总体说明 1、实训目的与要求 a、实训目的 《网页设计与制作》是一门实践性、操作性很强的课程，学生必须通过动手 实践操作才能更好地掌握。因此，在本学期，特设置针对此课程的实训，集中一 段时间使学生能将所学知识用于具体的实践。 b、实训要求 老师认真组织，充分调动学生的积极性与主动性，在规定的时间内按计 划有步骤地完成课程设计的各项内容，达到预定的教学目的。 学生进入机房后，根据学号对应机号入座，不能随意移动机位。 实验室需提供方便，全力配合。 学生必须认真学习实训指导书，查阅相关参考资料，在教师的指导下按 要求完成实训任务；学生每天按上课时间进行实训，不迟到、不早退、不准中途 溜出，纪检委员负责考勤登记，并及时将考勤情况报指导老师；学生在实训过程 中应勤于思考，刻苦钻研，把理论与实践结合起来，提高对理论知识的理解，增 强动手能力。 2、实训内容 实训 1——创建网站；绘制网页的布局图；制作“班级网站”首页 实训 2——创建模板，利用模板制作“班级新闻”页面及其下级页面 实训 3——利用模板制作“班级相册”页面 实训 4——利用模板制作“关于我们”页面、“个人主页”页面 实训 5——利用模板制作“网页设计”页面 实训 6——利用模板制作“留言本”页面 1 3、参考课时 28 课时 4、实训材料准备 硬件：一个机器性能较高的机房；投影仪 软件：Windows 操作系统 Dreamweaver CS4、photoshop CS4、IE、FireFox、IETester 等工具软件 PDF 阅读器 广播教学软件 资料：《网页设计与制作》教材、《网页设计与制作》实训指导书 5、考核办法 1）出勤  10% 2）实训上交材料（包括实训报告、实训结果、实训总结） 10% 3）“班级网站”网页 注意： 80% 考勤：每迟到一次扣 5 分，早退一次扣 5 分，旷课一节扣 15 分， 迟到十五分钟以上，算旷课一节。 整个实训完成后，将班级网站文件夹提交 整个实训完成后，各填写一份实训报告及实训总结提交。 未交实训资料或资料完全拷贝他人，均按不合格计。 2 二、实训 1 ——创建网站；绘制首页的布局图；制作 “班级网站”首页 1、创建网站 1）按下列要求，在 DW 中创建班级网站站点： 网站名称：ClassWebSite 网站文件夹：两位学号+中文姓名拼音+ClassWebSite （示例：08ZhangSanClassWebSite） 2）按下列要求，在站点中创建如下子文件夹： 存放模板的子文件夹：Templates 存放图片素材的子文件夹：images 存放外部样式表的子文件夹：style