《静态网页设计》课程标准
课程名称：静态网页设计 | 课程代码：4010005 | 课程类型：岗位技能课 |
学 分：3 | 计划学时：64 | 实践课时比例：100% |
主要授课方式：理实一体化 | 考核方式：上机考试 | |
适用专业：计算机网络与安全管理专业 | ||
先修课程：计算机应用基础、计算机网络技术及应用 | ||
1. 概述
1.1课程的性质
《静态网页设计》课程是高职计算机应用技术、软件服务外包、计算机网络与安全管理专业的一门专业必修课程。本课程以《计算机文化基础》、《计算机网络技术及应用》、《C语言程序设计》或《JAVA程序设计》前导课程，本课程将从职业技术教育的特点出发，以培养学生实际动手能力为目标，学会怎样通过效果图完成对网页页面的布局，通过完成学习情境的学习，能够掌握HTML、CSS、简单的JavaScript的专业知识和专业技能。使学生具备网页
制作、网站规划与网站维护的专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为专业的核心主干课程，使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。学生毕业后可胜任网站管理员、网页设计师等工作岗位。
1.2课程设计理念
本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
1.3课程开发思路
本课程主要以当下典型的项目案例为主题，教材为参考，同时借鉴了一些企业网站，有利于学生的理解与学习。颠覆传统讲授风格，主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。带着对一个项目雏形的不断完善，功能需求及其他功能的完
善，进阶，使学生掌握一个网站项目的设计与制作相关经验。经验从实践中来，因此学生实验课时约占到了总课时的三分之二。
按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求，该门课程以静态网站为基础，以CSS优化方法为基本目标，紧紧围绕完成工作任务的需要来选择和组织课程内容，突出工作任务与知识的联系，让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。
2.课程目标
本课程以学生能够网页网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力。使学生通过项目的实现，具备良好的综合素质和职业道德，能够吃苦耐劳、爱岗敬业、团结合作。为以后的学习动态网页设计课程打下基础。
2.1知识目标
(1) 了解WEB站点的工作原理；
(2) 理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用；
(3) 了解服务器、客户端、浏览器的概念和作用；
(4) 掌握常规网站的规划及流程；
(5) 熟练掌握HTML语言中各种标记符的运用能力；
(6) 熟练掌握Dreamweaver应用软件的使用；
(7) 理解网页中脚本语言的使用方法；
(8) 熟练开发常规静态网站。
2.2素质目标
(1) 培养具有较强的网页设计创意思维、艺术设计素质；
(2) 培养学生在学习过程中解决困难的能力；
(3) 培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性；
(4) 培养学生理论联系实际的工作和学生方法；
(5) 培养具有高度责任心和良好的团队合作精神；
html+css美食静态网页设计(6) 具有社会责任感。
2.3能力目标
(1) 熟练掌握Dreamweaver应用软件制作网站及网页；
(2) 熟练掌握使用绝对和相对URL，创建超链接，图像链接；
(3) 掌握在网页中添加CSS的方法；
(4) 培养学生设计、制作和维护动态网站。
sqrt是字符串处理函数吗(5) 培养学生搜集资料、阅读资料和利用资料的能力；
(6) 能独立制定、实施工作计划。
(7) 具备检查、判断能力；
(8) 具备简单的需求市场分析能力。
3.课程内容和要求
学习情景 | 工作任务 | 知识要求 | 技能要求 | 学时 安排 |
1、制作一个简单的“班级网站” | 熟悉Dreamweaver工具软件的使用、测试和调试 | 熟悉Dreamweaver工具软件的使用、测试和调试 | 1.1熟悉Dreamweaver工具软件的使用、测试和调试 | 2 |
2、制作个人求职网 | 完成在网页的布局与内容的插入与美化 | HTML语言的基本结构 表格标签的使用(布局) 图像的插入与图像标签 段落与换行及相应的标签 超链接与超链接标签 页面的美化(CSS) | 熟悉一个网页制作的基本流程 | 4 |
3、新浪个人博客的制作 | 完成新浪个人博客的设计与制作 | 3.1 熟悉效果图的使用 3.2 熟悉页面的设置与布局 3.3 熟悉板面的划分 3.4 熟悉板块的设计、制作与重用 3.5 CSS三种基本类型的区别与使用 3.6 Flash的使用 3.7 页面元素前后层次的设置 jvm内存溢出3.8 换肤技术的原理的实现方法 | 3.1熟悉网页元素与CSS的联系 3.2 熟悉素材的设计与网页的使用 3.3 了解Javascript控制网页元素的方法 | 8 |
4、阶段测试与评析 | 了解学生对新浪个人博客的掌握情况 | 同3 | 同3 | 4 |
5、学习“动网论坛”主页的制作 | 学生进一步学习CSS复合选择器的使用 | 5.1 熟悉效果图与素材图片的查看 5.2 页面的布局与颜渐变素材的使用 5.3 动态效果导航栏的制作(CSS) 5.3.1 CSS包含选择器 5.3.2 CSS组选择器 5.3.3 CSS伪类选择器 5.4 动态效果“亮点功能展示”板块的制作(CSS) 5.4.1 CSS滤镜 5.4.2 CSS控制元素的显示与隐藏 5.5 CSS实现弹出式菜单(顶部导航菜单) 5.6 圆角矩形在网页中常见的实现方法 5.7 认识DIV+CSS布局 5.8 认识“项目列表”布局 | 5.1 认识列表布局 5.2 认识DIV布局 5.3 熟悉常用的CSS复合选择器的使用 5.4 CSS实现简单动态效果的方法 | 16 |
6、阶段测试与评析 | 了解学生对“动网论坛”网页制作相关知识的掌握情况 | 同5 | 同5 | 6 |
7、完成“网络硬盘”页面的制作 | 学生掌握框架网页的相关技术与知识 如何恢复被清理的文件 | 7.1 框架与框架集 7.2 浮动框架 | 熟练框架与框架集的创建与设置 | 8 |
8、“新用户注册”页面的制作 | 学生掌握表单与客户端数据验证的一般方法 | 8.1表单的创建 8.2 常用表单元素的添加与设置 8.3 客户端数据验证 | 熟练表单与数据验证的方法 | 10 |
9、阶段测试与评析 | 了解学生对表单与框架相关知识的掌握情况 | 同7、8 | 同7、8 | 哈希表红黑树4 |
机动 | 2 | |||
合计 | 64 | |||
4.课程实施和建议
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论