《网页设计与制作实训》项目指导书

《《网页设计与制作实训》项目指导书》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《网页设计与制作实训》指导书一、实训目的与要求网页设计与制作是实践性很强的课程，学生必须通过不断上机实习以及使用它来解决实际的问题，才能更好地掌握。因此，在本学期特设置此课程设计，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。二、实训内容1.实例实训让学生在机房实际操作，按照给定的实例完成实例中站点的创建和设计制作。2.自建站点实训让学生自行选择站点的主题，从规

2、划站点到上传文件一步一步完成整个站点的创建、调试和上传工作。3.总结对学生的全部作品进行考核，并选择典型的案例对实训的结果进行考核。26一、实训材料准备1.软件准备DreamweaverMX中文版/英文版、PhotoShop6.0以上版本、FireworksMX以上版本、FlashMX2004中文版。2.硬件准备网络条件：与因特网连接的局域网。教师用机：Windows2000Server版。学生用机：Windows2000Professional版。二、考核办法1.见《网页设计与制作实训》项目描述书26目录实训一

3、基本知识回顾1实训二实训作品的站点规划4实训三整体布局设计5实训四搜集和创建资源8实训五页面素材设计9实训六样式设计10实训七特效设计11实训八首页模板设计12实训九二级页面模板设计13实训十各页面的细化、测试和上传作品14实训十一总结16附录一网站规划书书写格式17附录二搭建本地站点19附录三CUTEFTP使用说明2226实训一基本知识回顾一、实训目的和要求温习一学期的课程重点难点，使学生对一学期DreamweaverMX各方面的操作知识系统的由“片”的认识转向“面”的认识。二、实训内容DreamweaverM

4、X的基本操作：站点、表格、图像、链接、框架等。三、实训准备DreamweaverMX中文版/英文版。四、实训步骤各实训指导教师按照所代学生的情况不同选择性地按下列步骤温习DreamweaverMX的重点难点知识。(一)站点创建和规划（见附件二）1.本地站点的创建管理2.站点视图的使用方法(二)链接的处理方式（见第6章）1.相对路径2.链接到命名锚3.管理链接(三)图像的处理方法(见第19章)1.插入图像的相关操作2.使用导航条261.客户端图像映象(二)布局视图、表格和层的应用（见第7、8章）1.使用布局视图的相

5、关操作2.自动伸展类型的版面宽度3.草稿图的使用4.关于插入表格的相关操作5.创建分层、使用分层时的操作6.使用分层面板7.利用分层排版时的注意事项(三)框架（见第9章）1.框架和框架集的一些标识性概念2.创建框架3.框架文件的存储4.框架和框架集属性的设置5.在框架中使用链接(四)CSS样式（见第11~15章）1.创建三种类型的CSS样式2.创建外部链接的CSS样式单(五)JavaScript程序与滤镜特效1.编写JavaScript程序2.滤镜特效的应用26一、实训方法在投影室进行讲解演示，并抽样进行检查。1

6、.26实训二实训作品的站点规划一、实训目的和要求使学生在创建站点之前对站点有总体的规划，让学生对自己即将设计和制作的站点进行规划并完成站点规划书的撰写。实训作品的选题范围：30个备选主题选其一二、实训内容让学生在因特网上申请免费的个人主页空间，向学生讲解站点规划的重要性以及站点规划书的撰写方法，并由学生自行思考并完成实训任务描述书中相关内容的撰写。三、实训准备DreamweaverMX中文版/英文版、WORD2000以上版本。四、实训步骤1.进行实训作品的选题并申请个人主页空间。2.站点规划书的书写格式和方法的讲

7、解。3.分析制作站点规划书的重要性和必要性，使学生规范网站设计的流程。4.学生思考并撰写自行创建站点的站点规划书。五、实训方法首先由实训指导教师在机房讲解站点规划书的书写方法和基本格式，其次由学生针对所选的主题进行站点规划。26实训三整体布局设计一、实训目的和要求在站点规划完成的基础上，按照站点规划书进行网站整体的布局设计。要求:1.参赛作品中的各种文件夹和文件名均使用英文名（小写）；2.参赛作品首页文件名为index.htm、default.htm等；3.参赛作品中中文字体设定为简体字；4.网页应有较好的浏览兼

8、容性，同时应考虑显示分辨率（以800*600为显示标准），浏览器为IE4.0以上；5.主题鲜明，具有实用性，清晰表达设计意图；6.结构清楚合理，便于浏览查找；7.色彩搭配协调，页面美观，具有艺术品位；8.注意下载速度、语言代码、导航效果、实用性、时效性；9.设计风格独特，创意新颖；10.其中至少包括一个FLASH作品。二、实训内容1.站点的创建。2.绘制草稿图。3.利用草