网页设计综合实训实训指导方案

《网页设计综合实训实训指导方案》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《网页设计综合实训》实训指导方案一、实训目的与要求《网页设计综合实训》主要目的是让学生通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。因此，在本学期特设置此课程设计，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。二、实训内容1.实例实训以一个电子商务静态网站设计的实例指导学生如何独立完成电子商务静态站点的设计

2、和制作。让学生在机房实际操作，按照给定的实例完成实例中站点的创建和设计制作。2.自建站点实训让学生自行选择站点的主题，从规划站点到上传文件一步一步完成整个站点的创建、调试和上传工作。3.总结对学生的全部作品进行考核，并选择典型的案例对实训的结果进行考核。29一、参考课时标题实训内容实训课时预备实训动员1实训一基本知识回顾1实训四实训作品的站点规划2实训五整体布局设计3实训六搜集和创建资源3实训七页面素材设计3实训八样式设计3实训九首页模板设计2实训十二级页面模板设计2实训十一各页面的细化、测试和上传作品

3、4实训十二总结1总计24二、实训材料准备1.软件准备Dreamweaver8中文版、PhotoShop7.0以上版本、Flash中文版（本实训对FLASH技术不做要求）。2.硬件准备网络条件：与因特网连接的局域网。教师用机：Windows2000Server及以上版本。学生用机：Windows2000Professional及以上版本。29一、综合实训考核办法：1)系统文档20分2)编写代码30分3)程序调试10分4)实训出勤20分5)技术含量10分6)美工设计10分29目录实训一基本知识回顾1实训二实

4、例一讲解4实训三实例一操作6实训四实训作品的站点规划8实训五整体布局设计10实训六搜集和创建资源13实训七页面素材设计15实训八样式设计17实训九首页模板设计19实训十二级页面模板设计20实训十一各页面的细化、测试和上传作品21实训十二总结23附录一网站规划书书写格式25附录二CUTEFTP使用说明2729实训一基本知识回顾一、实训目的和要求温习网页制作的课程重点难点，使学生对Dreamweaver8各方面的操作知识系统的由“片”的认识转向“面”的认识。二、实训内容Dreamweaver8的基本操作：站

5、点、表格、图像、链接、框架等。三、实训准备Dreamweaver8中文版。四、实训步骤各实训指导教师按照所代学生的情况不同选择性地按下列步骤温习Dreamweaver8的重点难点知识。(一)站点创建和规划1.本地站点的创建管理2.站点视图的使用方法(二)链接的处理方式1.相对路径2.链接到命名锚3.管理链接(三)图像的处理方法1.插入图像的相关操作2.使用导航条3.客户端图像映象29(一)布局视图、表格和层的应用1.使用布局视图的相关操作2.自动伸展类型的版面宽度3.草稿图的使用4.关于插入表格的相关操

6、作5.创建分层、使用分层时的操作6.使用分层面板7.利用分层排版时的注意事项(二)框架1.框架和框架集的一些标识性概念2.创建框架3.框架文件的存储4.框架和框架集属性的设置5.在框架中使用链接(三)CSS样式1.创建三种类型的CSS样式2.创建外部链接的CSS样式单。二、实训方法使用投影进行讲解演示，并抽样进行检查。三、考核办法29此部分实训内容采用抽样考察的方法，考核以操作的熟练程度和正确性为评分标准，以A（优秀）、B（良好）、C（及格）、D（不及格）为成绩标准。一、思考和练习1.创建一个表格，预览

7、效果为各边框格式是虚线、颜色是红色、各边框的宽度为1像素（px）。2.在制作站点时，会遇到CSS样式的处理，而CSS样式有两种处理方法：一是应用于单一文档的CSS样式；二是外部连接的CSS样式单。请问建立站点时如何选择为最优。3.怎样解决因为浏览分辨率的不同所造成的网页布局错位的现象。4.怎样利用层(Layer)来制作下拉式菜单。29实训二实例一讲解一、实训目的和要求通过对一个具体的静态电子商务网站的解析，使学生了解制作电子商务静态站点的步骤，让同学们对静态电子商务网站的粗略和宏观认识得到细化，使其懂得

8、如何独立面对静态电子商务网站的设计。由实训指导教师自行选择站点作为实例。实例要求如下：1.站点系电子商务相关站点。2.站点模块功能清晰，虽然是静态站点，但也能反映各模块的基本功能。3.为了便于教学，站点应该具有布局（表格/布局视图/层/框架）、图像、链接、CSS样式等网页设计制作中常用的知识点和操作。二、实训内容讲解和演示整个站点的制作过程和设计方法。三、实训准备Dreamweaver8中文版。四、实训步骤1.由实训指导教师详细讲解静态电子