网页设计与制作教程第二版课程设计 (2)

《网页设计与制作案例教程》

教案

课时分配表

章序 课程内容 课时 备注

1 网页设计与制作基础 4

2 创新与创新素养培养 4

3 创新发明与创新成果保护 4

4 创业机会与创业风险 4

5 创业者与创业团队 4

6 创业资源与融资 4

7 创业计划 4

8 新创企业管理 4

合计 32

第 课 网页设计与制作基础（一） 1

2 课题 网页设计与制作基础(一)

课时 4课时（180 min）

教学目标 知识技能目标：

（1）了解网页，网站和主页的概念

（2）了解网页类型、构成、版式和配色的相关知识

思政育人目标：

（1）养成做事有计划、有条理的工作习惯

（2）有意识地培养自己的审美能力，并运用到工作中

教学重难点 教学重点：网页设计的基础知识

教学难点：能够分析总结网站的特点

教学方法 情景模拟法、问答法、讨论法

教学用具 电脑、投影仪、多媒体课件、教材

教学设计 第1节课：课前任务→ 考勤（2 min）→ 新课预热（8 min）→ 互动导入（12 min）→传授新知（23 min）

第2节课：问题导入（5 min）→ 实践探究（25 min）→ 小组合作（5 min）→ 课堂小结（3 min）→ 作业布置（2 min）

教学过程 主要教学内容及步骤 设计意图

第一节课

课前任务  【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP，查阅资料，了解网页设计相关知识

 【学生】按照教师要求完成课前任务 通过课前的预热，让学生了解所学课程的大概内容，激发学生的学习欲望

考勤

（2 min）  【教师】使用APP进行签到

 【学生】按照老师要求签到 培养学生的组织纪律性，掌握学生的出勤情况

新课预热

（8 min）  【教师】教师自我介绍，并介绍课程定位、内容安排、考核要求等

网页就是我们上网时在浏览器中打开的一个个画面。网站则是一组相关网页的集合。一个小型网站可能只包含几个网页，而一个大型网站则可能包含成千上万个网页。例如，新浪网就包含新闻、财经、科技、体育、娱乐等多个版块，而每个版块又包含很多网页。

第１０卷第２期　２０１０年６月　柳＇ｋｌ４职业技术学院学报　ＪＯＵＲＮＡＬ　ＯＦ　ＬＩＵＺＨＯＵ　ＶＯＣＡＴＩＯＮＡＬ＆ＴＥＣＨＮＩＣＡＬ　ＣＯＬＬＥＧＥ　Ｖｏ１．１０　ＮＯ．２　Ｊｕｎ．２０１０　

［高教课程研究］　

高职《网页设计与制作》的课程设计　

胡雪梅．胡建荣　

（广东纺织职业技术学院　信息工程系，广东　佛山　５２８０００）　

摘要：通过对网页设计员和网站管理员的职业岗位能力分析，设计了课程的整体教学方案，并介　

绍了课程内容及目标、能力训练项目的设计以及教学评价方式。　

关键词：网页设计；网页制作；教学设计；能力项目；考核方式　

中图分类号：ＴＰ３９３，Ｇ７１２　文献标志码：Ａ　文章编号：１６７１～１０８４（２０１０）０２—００７８—０３　

《网页设计与制作》是高职计算机网络专　

业的职业核心能力课程，是网站建设的基础课　

程之一．学生对该课程内容的掌握程度不仅会　

影响到后续课程｛Ｗｅｂ程序设计》的学习，更　

关系到以后能否成为一个合格的网页设计员和　

网站管理员。笔者根据自己的教学经验，通过　对网页设计员和网站管理员的职业岗位能力分　

析，结合《网页设计与制作》课程的特点，设　

计了课程的整体教学方案。　

一、课程定位　

《网页设计与制作》是计算机网络专业的　职业核心能力课程，主要培养学生掌握网页设　

计的基本知识．具备静态网页设计的能力．掌　

握测试和发布网站的方法．掌握网站设计的全　

过程，并能熟练地制作出有专业水准的静态网　

站，同时能够解决一些网页设计中出现的问题，　

为学生今后进一步学习网页编程、从事网站建　设、网站维护和管理工作奠定基础。通过对职　

业岗位的分析，高职计算机网络专业《网页设　

计与制作》课程的职业岗位指向：网页设计员　

和网站维护和管理员。　

二、课程整体教学方案　

本课程的设计依据网页设计员和网站管理　

员应具备的职业能力确定教学内容，以职业实　

践为主线、以项目课程为主体、以任务驱动进　

行教学、以职业要求进行考核评价。　

营销型网站建设实训

课程标准

课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分

一、课程定位

1. 课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。

围绕电子商务专业的培养目标，该课程的定位为：

.懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。

.精技能：掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。

.高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。

2. 课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。

通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。

知识目标：

•熟悉和掌握静态网页设计与制作的基本知识；

•掌握Web国际标准基础知识；

•了解和熟悉HTML语言；

•掌握静态网页设计与制作的知识；

•掌握网页中DIV+CSS网页布局方法；•掌握网页中图片设计和处理、动画导入的知识；•掌握网站检查与发布的知识；

•坚持手写代码，形成良好的代码规范编写习惯。

能力目标：

•具备信息收集、处理、准备、加工的能力；

•具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；

《网页设计与制作》课程开发与设计

摘要：

随着信息技术的不断发展，网页设计成为了互联网时代最重要的一环。好的网页设计可以增强用户的阅读体验，提高品牌的可信度和形象。因此，本文通过对《网页设计与制作》课程的开发与设计进行研究，探讨了如何有效地开展该课程，提升学生的实际能力，以及如何设计出优秀的课程体系与教学资源，以期为该领域的教育与教学提供一些有益的参考。

关键词：网页设计，课程开发，课程设计，教学资源，学生能力

一、 前言

互联网进入大众视线以来，网页成为了人们获取信息的主要途径，因此网页设计也就逐渐成为了相当热门的专业领域。随着互联网技术的不断发展与创新，网页设计也越来越成熟，其已经不仅仅是页面布局与颜色设计，更是必须关注用户体验、信息呈现与实现的综合考量。而如何培养出具有广泛知识与较高技能的网页设计人才，也就成为了各高校以及培训机构共同面临的教育难题。

本文旨在围绕《网页设计与制作》这一课程展开深入研究，探讨如何优化其教学内容、教学资源以及实际操作能力。文中通过对《网页设计与制作》课程的分析与建设，提出了具体的教学模式与课程设计思路，为网页设计这一富有挑战性和活力的专业领域的教育和教学提供新的思路与经验。

二、 课程开发

1. 教学目标

《网页设计与制作》课程的教学目标主要分为以下几方面：

（1）学习网页设计的基础知识和技能。

（2）掌握网页设计的流程与规范，能够进行网页设计与制作。

（3）提高学生的想象力、创造力和审美能力，能够独立设计和制作出具有良好用户体验的网页。

（4）了解网页设计的最新发展动态和趋势。

2. 教学内容

《网页设计与制作》课程的教学内容按照不同的学习阶段划分如下：

（1）基础知识阶段：介绍HTML、CSS和JavaScript等基础知识，以及网页设计的基本概念、设计原则和流程等。

（2）设计实践阶段：通过实例演示和练习，让学生了解网页设计的实际操作过程，掌握设计工具的使用方法，例如PhotoShop、DreamWeaver和Fireworks等。