计算机网络技术课程设计-21世纪普通高校计算机公共课程规划教材：大学计算机基础

网页设计课程标准。 （共11页） --本页仅作为文档封面使用，使用时请直接删除 -- --内页可根据需要调整合适的字体和大小 --》网页设计（DW /HTML/CSS)》课程标准招生对象：高中及同等学历 授课学时：96H 学历层次：高职 课程代码：9091307 学制：全日制三年 学分：计算机网络技术, 信息安全 适用专业： 开发者： 罗盛荣 全技术专业 一、课程设置概述 1. 课程定位 本课程是计算机网络技术与信息安全技术专业的核心课程。 也是计算机网络技术专业及相关专业的必修课。 本课程教学时间可控制在86H—96H之间。 通过本课程的学习，培养学生对专业的认识——熟悉和掌握网页设计制作和网站建设的基础知识； 精湛的技能——具备收集、加工、准备和处理信息的能力，掌握综合运用网页设计软件设计和制作网页的方法，进而完成网页设计和网站建设的任务，为以后的发展奠定基础未来的网页设计、网站开发、网站维护和管理工作； 高质量——在课程学习中培养学习能力和工作方法，培养共处和生活社交能力。 该课程在第二学期开设。 前导课程有“计算机应用技术、程序设计基础”等，后续课程有“windows网络技术、交换技术”等。

2. 设计思路本课程是根据计算机网络专业人才培养计划中网页设计相关知识和基本操作的专业能力要求而设置的。 其总体设计思路是打破传统的以知识传授为主要特征的学科课程模式计算机网络技术课程设计，转变为以课题和任务的形式组织课程教学内容，使学生学习相关理论知识，掌握网络过程。在完成特定任务的过程中进行设计和生产。 (1) 内容设计所需的各种技术技能 根据课程目标，本课程的学习内容应包括网站开发的工作流程、开发环境、网站搭建、网站首页的版式设计与制作、子页面的设计、网站设计任务书的编写、网站设计整体设计、网站维护等。内容以大量实际案例来组织，在其中可以掌握相关的知识和技能，实现知识、技能的综合培养目标并且可以达到质量。 (2) 教学设计以网页设计、制作与管理、网站策划、建设、管理与维护等所需能力为指导计算机网络技术课程设计，通过实际案例，模拟真实的专业环境，灵活采用现场教学，小组讨论、2人角色扮演等教学方式和多媒体教学等多种教学方式。 改革考核方式，采取过程考核与综合考核相结合，有效运用理论知识与实践相结合、学生自评、学生互评等考核方式，不仅考核课程的理论知识和技能，同时也注重对学生专业素质的考核评价。 二、课程目标 （1）掌握网页设计与制作的基本知识； (2) 掌握HTML语言； （3）掌握静态网页设计制作知识； (4)学习网页动态效果的设计与实现方法； （5）能掌握网页图片设计与处理、动画设计等知识； (6) 能掌握网站验放知识； 三、内容标准及实施建议 1、主题安排与课时分配 课程根据岗位要求的能力递进关系确定7个学习情境。

见表1 表1 情况安排表 题目编号 题目名称 课时 H1 天猫华格旗舰店首页制作 16H2MSN“奔驰C级”介绍网页制作 12H3 “街头生活”摄影网站制作 12H4 彩色导航栏制作 10H5CMCC_EDU 登录页面制作 10fH6 远程教育学院网站子页面制作 10H7 “Honey Inn”甜品网店制作 26H 共计96H2. 学科内容及实施以能力目标为基础，在总体设计思路的基础上，根据学情进度安排，设计各学科的教学目标、教学内容、重点难点和解决方案，给出具体的教学实施建议，按照理论与实践1：2的比例落实教学内容，讲解教学资源，明确各课题的详细评价标准。 具体教学设计见表2-表6。 34表2情景1教学设计表题目1天猫华艺阁旗舰店首页制作时间H16H1。 了解网页和网站的区别和分类 2. 了解HTML和CSS的使用及网页文件数据类型 教学目标 3. 掌握HTML相关标签和属性的应用 4. 熟悉Dreamweaver cs6的界面布局和工作环境 1 . 浏览不同类型的网站 2. 网站和网页的基础知识 教学内容 3. 网页的基本构成元素 4. 网页制作工具的概述和初步认识 Dreamweaver cs6 中文版 5. 网页文件的应用重点： 1. 分析与制作网站风格的制作特点 2.万维网、网页、网站、主页和HTML的基本概念。

通过讲、重点、难点练习、讲授与习题相结合的方式解决。 难点：学以致用，如何根据HTML网页文件中的不同标签做出不同效果的网页。 1. 网页和网站，网站、浏览器和服务器的分类。 (1H) CSS简介及两者的关系。 (1H) 3、网页文件数据类型、长度值和颜色值、URI地址、相对定位和绝对定位。 (1H) 结构标签、标题标签、文档标题标签、正文标签、评论标签。 (2H) 5. 文本显示标记、段落和标题标记、列表项标记。 (2H) 教学实施 6.超链接标记、锚点超链接标记、电子邮件超链接标记。 (1H) 建议7. 介绍图像格式、HTML 图像标签和在网页中的实现。 (1H) 8. 表单相关标记和属性，表单应用。 (1H) 9.相关网页欣赏 (1)当当网购物网站：,(2)南开大学网站：,(3)奇听风吟文学网站：,(4)吃津津个人网站：,(5)携程网：,( 6）中国体育信息网：（7）太平洋网：，（8）班级网站：学生独立完成实践内容，然后完成习题中的相关练习题，在完成任务的过程中掌握各种练习题和练习操作。 (1H) 510.网页制作的基本实践： (1)启动Dreamweaver cs6，了解Dreamweaver cs6的工作环境。

(2)在Dreamweaver cs6的主窗口中，观察其各种菜单、工具栏、面板的构成。 (3)借助Dreamweaver cs6的帮助搜索“JavaScript”相关内容，请分别使用“目录”、“索引”和“搜索”三种方式。 学生独立完成实践内容，进而完成习题中的相关练习，并在完成任务和习题的过程中掌握各种操作。 (1H)11。 天猫怀格旗舰店网站制作。 (4H) 地点：多媒体投影教室 教学资源设备、工具等：多媒体教学设备、应用软件、多媒体教学软件 教材：电子教材、电子教案、多媒体教学课件、网络资源 1.布置的问题和习题课堂：答题 练习完成情况考核评价 2.考核方式：学生自测，教师根据考核标准对各考核项目进行考核 表3 情景2 教学设计 表题目2 MSN“奔驰C级”简介网页制作时间H12H1。 深入理解CSS在网页样式设置中的作用 2.学习如何引用CSS样式 教学目标 3.学习熟练使用不同类型的CSS选择器 4.学习使用CSS在网页中设置文本样式 5.学习使用CSS设置网页背景和整体显示风格 1. CSS语法的应用 2. CSS选择器及选择器教学内容的应用 3. 引用CSS修改网页 4. 应用CSS文件设置网页风格要点： 1. CSS语法、选择器和匹配选择