网页设计与制作 高职计算机应用技术 李云程教学大纲.docVIP

PAGE PAGE 1 课程编号 编制人 制定日期 修订日期 审定组(人) 审定日期 李云程 2005.4 2010.2 《网页设计与制作》课程大纲 学 时：75 学 分：4 适用专业：软件技术 一、课程的性质和任务 《网页设计与制作》是一门专业必修的基础课程，属于实操类的应用技术。课前应具备：计算机导论、程序设计基础，后续课程为：Web程序设计等。 课程任务是，针对互联网技术和网页设计与制作的实际应用，掌握网页设计基础知识、精通Dreamweaver开发工具，进行网页设计开发。同时包括网页特效技术、Fireworks图片设计与处理和Flash动画制作。通过本课程的学习与训练，学生能够独立进行网页设计项目的开发。 二、教学基本要求 学习本课程后，学生能够独立进行网页设计项目的开发。 熟练使用Dreamweaver软件，进行网页设计与制作的能力； 具有简单网页特效设计的能力； Fireworks进行图片设计与处理和Flash设计动画的基本能力； 网站发布与更新维护的能力； 网站规划的基本能力。 三、教学条件 由于该课程侧重学生对网页设计技术掌握和实际应用能力培养，为了保证实训教学能够达到培养目标，因此要求课程在对图形、图像和声音处理能力强的计算机房进行，每个学生配备一台高性能计算机，并安装Macromedia Dreamweaver、Flash、Fireworks、IIS服务器管理工具等软件，并具备Internet上网条件。 四、教学内容及学时安排 序号 项目 教学内容 学时 教学要求 相应任务 知识点 1 网站规划与设计 理论 了解Internet基础知识； 学习Web站点和网页相关基础知识，结合实例进行理解； 了解网站组织和编排基础知识； 举例实例进行讲解。 Internet简介； Web构成； 网站规划设计 网站内容与组织； 结构规划和导航。 2 实践项目 对典型网站进行分析； 规划网站与页面设计 熟悉Dreamwea ver软件功能 学会创建和管理站点； 学会用Html程序设计网页、通过实例设计掌握技能 任务1：体验互联网与网站剖析 任务2：网站规划和设计 任务3：创建一个站点； 以网站：http://www. Y和 为例，分析网页中各种构成和网页元素； 网站策划与网页设计构思； 介绍软件功能、操练与使用 网站设计前初始属性的设置; 规划网站、使用Site视窗定义网站、网站的管理。 4 2 网页设计 实践项目 学会网页中文字、图片、声音、动画和视频的制作； 使用表格。 任务4 制作文本型网页； 任务5 制作图文并茂的网页； 任务6 制作图、文、音、多媒体并茂的网页。 网页中文字、图片、声音、动画和影像。 6 3 利用布局表格设计主 页 实践项目 使用布局表格和设计网页布局； 会进行简单图形设计； 学会特殊文字设计； 进行Gif动画设计； 学习基本动画设计方法； 学会简单网页动画设计； 掌握利用行为技术制作网页的各种方法 任务7：利用布局设计主页； 任务8：用Firew orks设计Logo； 任务9：用Firewo rks设计导航条； 任务10：用Firewor ks设计导航下拉菜单； 任务11：用Firew orks设计Gif动画； 任务12： 用Flash设计横幅文字变化广告； 任务13：用Flash设计横幅带有图文变化广告； 任务14：用Flash设计横幅带有图文复杂变化广告； 任务15：在主页中检查插件和跳出公告窗口 布局表格、布局单元格应用； 利用Fireworks绘制图形； 文字特效； Gif动画 Flash动画类型； 精彩特效设计； 行为面板介绍； 弹出新窗口； 检查插件； 20 4 页面超级链接设计 实践项目 学会超级链接制作技术。 任务16 创建文字与图片的内、外部链接； 任务17 创建锚点链接、电子邮件链接以及导航栏。 内部与外部超级链接； 电子邮件链接； 锚点链接； 图像映射与翻转图。 4 5 带有框架的页面设计 实践项目 了解并学习各种框架技术； 结合任务制作带有框架的页面。 任务18：利用框架技术制作“网上教育”内容页面。 1. 创建Frame页面; 2. Frame中的超级链接; 3. Frame的管理。 4 6 CSS与层的使 用 实践项目 理解层对象的作用； 学会其应用技巧。 任务19：使用CSS美化网页； 任务20：利用层布局设计制作“网上教育”栏目页面； 任务21：制作漂浮动画广告。 1. 网页加入图层； 2. 用层布局制作页面； 3. 时间轴动画。 6 7 网页模板设计 实践项目 学会设计网页模板。 任务22：使用模板制作“时尚直击”子栏目页面。 1. 网页设置为模板; 2. 模板的套用与更新; 3. 模板的运用与管理。 4 8 带有交互式表单的网页 实践项