网页设计教学大纲(精选3篇)
时间：2024-07-02
时间：2024-07-02
网页设计教学大纲
一、课程性质与任务
1、课程性质
《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweavercs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。2、课程任务
本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：
*掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
*掌握各种网页元素在Dreamweavercs3中的使用。例如表格、文本、图像、超级链接、层和表单等。
*熟悉一些网页设计辅助软件的功能和使用方法。例如Flash、Fireworks、Photoshop等。*掌握测试和发布网站的方法。包括网站测试的内容和方法。*能够解决一些网页设计中的常见问题。
*了解ASP开发平台的搭建，Dreamweavercs3在动态网页制作方面的应用。
二、课程教学目标与要求
1、本课程的基本目标
（1）使学生通过本课程的学习，掌握Dreamweavercs3的使用方法，学会使用Dreamweavercs3制作Web网页的技术。
（2）本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
2、课程在知识、素质方面的基本要求（1）知识要求
深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的1流程。理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像处理软件相结合设计网站的好处。了解Dreamweavercs3在动态网站上的应用。（2）素质要求
本课程将培养学生以下几方面的职业素质：服务意识：能够为他人提供优质的服务；
文明法制意识：网站内容应积极健康向上，不做违法的事；
合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。
三、教学内容结构
学生应按照《网页设计与网站建设课程设计指导书》的要求认真设计。教师应掌握好课程设计的总体进度，并组织答疑，以保证学生按时保质、保量地完成任务。学生最后所完成的《网页设计与网站建设课程设计报告》应当做到内容齐全、条理清楚、文字通畅、打印或书写规范。
（1）网站建设总体策划
（2）域名注册与建站方式选择论证（3）网站总体设计（4）网站静态页面设计（5）Web数据库设计
（6）网站测试、发布与维护管理
四、教学内容与要求
第一章
网页设计概述：重点讲授网站，网页设计的概念；了解网页设计设计的相关概念；了解网页设计的语言HTML；掌握学习网页设计的某一种工具；理解网站和网页的关系。
第二章
网页赏析：初步了解网页赏析要求；理解网页赏析的理论要求；掌握网页突破性设计的要素；分清各类网站的设计要求和框架；理解实例分析过程。
第三章
网页规划与布局：了解网页的组织结构，掌握网页内容上的组织方法；熟悉网页设计的流程和注意事项；了解网站的规划与建设；熟悉网站设计，掌握网站与网页的区别。
第四章
网页设计创意：通过对创意思维及创意手法的讲解，辅以对优秀网页作品的分析，启发学生全面的创新思维，进而从多角度的思维中独树一帜，培养学生的个性化意识。让学生对优秀设计的创意进行解读和阐释，并分析其创新之处，鼓励学生敢于发觉新意，提2出自己独到的见解。
第五章
网页编程语言：了解HTML、CSS的定义、概念和作用；理解HTML语言中的各种文本格式、字符格式、段落设置、列表标记的作用；会用HTML语言总的标记设置颜色、文本格式和列表；掌握HTML的语法结构，掌握HTML语言中标记的使用方法；理解表格、框架、表单的作用。理解CSS样式表的作用和意义；掌握CSS样式表的结构；掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法，会使用CSS设置网页格式和列表的格式。
第六章
网页制作工具：
（1）通过教学，使学生能够用基本法和高级法新建站点、编辑站点，掌握如何在站点中新建文件和文件夹，会预览网页。
（2）掌握表格的组成和基本操作方法；熟练掌握穿件表格、表格操作、表格编辑的方法；（3）掌握表单的基本概念和表单的各个组成元素；掌握插入表单以及表单元素的方法；会制作具有表单的网页。
（4）通过教学，掌握在动画中添加声音的操作方法以及设置动画声音的各种属性。（5）通过教学，使学生掌握导出与发布Flash动画的方法，能够准确设置Flash8动画作品的发布格式。
第七章
动态网页介绍：掌握静态网页和动态网页的概念；了解实现动态网页的四种技术（CGI、ASP、JSP和PHP）的特点；掌握数据库、数据库管理系统、Web数据库的概念及关系数据库的特点；理解数据库在开发动态网页中的地位；了解ASP、JSP、PHP如何访问Web数据库。
第八章
设计实例：综合运用前七章所学的知识创建和编辑一个站点，掌握主页和子页、子页之间、以及站内和站外的链接。
五、教学实施
1、教学方法：本课程是一门应用型课程，涉及到以前所学知识点较多，因此在教学中应注意启发式教学并加强项目教学的直观性。
2、教学场所与设备要求：安装有WindowsXP或Windows2000的机房均可以进行实验，教学要求在多媒体教室进行。
六、考核与评价方式
有笔试和机试两种考试形式，主要由选择题、实验操作题组成。在总成绩中，笔试成绩和上机考试成绩各占50%。
《网页设计》教学大纲
课程名称：《网页设计》英文名称：《WebDesign》课程性质：学科教育平台选修课课程编号：P122006所属院部：美术与艺术设计学院周学时：12学时总学时：48学时学分：3学分
教学对象（本课程适合的专业和年级）：美术学类专业（本科）二年级学生预备知识：掌握图像处理技术，会使用Photoshop等图像处理软件；熟悉一定的视觉设计理念。
课程在教学计划中的地位作用：本课程属于美术学类专业的学科教育平台选修课程，是一门实践性很强的专业课程，包括16学时的理论课时和32学时的实验课时。
教学方法：讲授+练习教学目标与要求：（1）教学目标：
通过《网页设计》的学习，能够提高学生掌握设计过程的熟练程度，把握网页设计的方法和思路，更好地将技术与艺术相结合。（2）教学要求：
1.熟悉商业网站的策划过程，理清作品创作的设计思路。
2.熟练掌握Dreamweaver软件的各项操作，能够制作复杂的静态页面。3.熟练掌握运用PhotoShop软件绘制网页效果图方法，并能够合理对效果图进行切片和数据优化。
课程教材：郭玉龙，王增.网页设计与制作.南京：南京大学出版社，2010年8月.参考书目：
[1]谭贞军，刘斌.中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通(CS3版).北京：清华大学出版社，2008年9月.考核形式：考查
编写日期：2015年3月制定
课程内容及学时分配（含教学重点、难点）：第一章网页基础知识（4学时）教学重点：网页的构成元素。
教学难点：动态网页和静态网页的区别。第二章使用记事本创建HTML页面（4学时）教学重点：使用记事本创建HTML页面。教学难点：无。
第三章使用Dreamweaver创建HTML页面（4学时）教学重点：Dreamweaver软件的使用。教学难点：Dreamweaver软件的使用。第四章使用表格布局网页（4学时）教学重点：表格布局方法的使用。教学难点：跨行合并、跨列合并。第五章使用CSS样式表（4学时）教学重点：CSS代码。教学难点：CSS代码。
第六章使用层布局网页（4学时）教学重点：DIV+CSS布局方法的使用。教学难点：DIV+CSS中float浮动用法。第七章应用表单（4学时）教学重点：表单的应用。教学难点：表单的应用。
第八章用Photoshop制作网页图片（4学时）教学重点：用Photoshop切图。教学难点：网页图片的优化。第九章网站策划（4学时）教学重点：网站策划的核心。教学难点：网站策划的核心。
第十章
“达美乐比萨”网站制作（4学时）教学重点：“达美乐比萨”网站的布局。教学难点：DIV+CSS中float浮动用法。补充说明：无。
竭力为客户提供满意的产品和服务
网页设计教学大纲
一、课程性质与任务1、课程性质
《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweavercs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。2、课程任务
本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：
*掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
*掌握各种网页元素在Dreamweavercs3中的使用。例如表格、文本、图像、超级链接、层和表单等。
*熟悉一些网页设计辅助软件的功能和使用方法。例如Flash、Fireworks、Photoshop等。*掌握测试和发布网站的方法。包括网站测试的内容和方法。*能够解决一些网页设计中的常见问题。
*了解ASP开发平台的搭建，Dreamweavercs3在动态网页制作方面的应用。二、课程教学目标与要求
1、本课程的基本目标
（1）使学生通过本课程的学习，掌握Dreamweavercs3的使用方法，学会使用Dreamweavercs3制作Web网页的技术。
（2）本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
2、课程在知识、素质方面的基本要求（1）知识要求
深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的以人为本诚信务实勇于创新乐于奉献
竭力为客户提供满意的产品和服务
流程。理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像处理软件相结合设计网站的好处。了解Dreamweavercs3在动态网站上的应用。（2）素质要求
本课程将培养学生以下几方面的职业素质：服务意识：能够为他人提供优质的服务；
文明法制意识：网站内容应积极健康向上，不做违法的事；
合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。三、教学内容结构
学生应按照《网页设计与网站建设课程设计指导书》的要求认真设计。教师应掌握好课程设计的总体进度，并组织答疑，以保证学生按时保质、保量地完成任务。学生最后所完成的《网页设计与网站建设课程设计报告》应当做到内容齐全、条理清楚、文字通畅、打印或书写规范。
（1）网站建设总体策划
（2）域名注册与建站方式选择论证（3）网站总体设计（4）网站静态页面设计（5）Web数据库设计
（6）网站测试、发布与维护管理四、教学内容与要求
第一章
网页设计概述：重点讲授网站，网页设计的概念；了解网页设计设计的相关概念；了解网页设计的语言HTML；掌握学习网页设计的某一种工具；理解网站和网页的关系。
第二章
网页赏析：初步了解网页赏析要求；理解网页赏析的理论要求；掌握网页突破性设计的要素；分清各类网站的设计要求和框架；理解实例分析过程。
第三章
网页规划与布局：了解网页的组织结构，掌握网页内容上的组织方法；熟悉网页设计的流程和注意事项；了解网站的规划与建设；熟悉网站设计，掌握网站与网页的区别。
第四章
网页设计创意：通过对创意思维及创意手法的讲解，辅以对优秀网页作品的分析，启发学生全面的创新思维，进而从多角度的思维中独树一帜，培养学生的个性化意识。让学生对优秀设计的创意进行解读和阐释，并分析其创新之处，鼓励学生敢于发觉新意，提以人为本诚信务实勇于创新乐于奉献
竭力为客户提供满意的产品和服务
出自己独到的见解。
第五章
网页编程语言：了解HTML、CSS的定义、概念和作用；理解HTML语言中的各种文本格式、字符格式、段落设置、列表标记的作用；会用HTML语言总的标记设置颜色、文本格式和列表；掌握HTML的语法结构，掌握HTML语言中标记的使用方法；理解表格、框架、表单的作用。理解CSS样式表的作用和意义；掌握CSS样式表的结构；掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法，会使用CSS设置网页格式和列表的格式。
第六章
网页制作工具：
（1）通过教学，使学生能够用基本法和高级法新建站点、编辑站点，掌握如何在站点中新建文件和文件夹，会预览网页。
（2）掌握表格的组成和基本操作方法；熟练掌握穿件表格、表格操作、表格编辑的方法；（3）掌握表单的基本概念和表单的各个组成元素；掌握插入表单以及表单元素的方法；会制作具有表单的网页。
（4）通过教学，掌握在动画中添加声音的操作方法以及设置动画声音的各种属性。（5）通过教学，使学生掌握导出与发布Flash动画的方法，能够准确设置Flash8动画作品的发布格式。
第七章
动态网页介绍：掌握静态网页和动态网页的概念；了解实现动态网页的四种技术（CGI、ASP、JSP和PHP）的特点；掌握数据库、数据库管理系统、Web数据库的概念及关系数据库的特点；理解数据库在开发动态网页中的地位；了解ASP、JSP、PHP如何访问Web数据库。
第八章
设计实例：综合运用前七章所学的知识创建和编辑一个站点，掌握主页和子页、子页之间、以及站内和站外的链接。五、教学实施
1、教学方法：本课程是一门应用型课程，涉及到以前所学知识点较多，因此在教学中应注意启发式教学并加强项目教学的直观性。
2、教学场所与设备要求：安装有WindowsXP或Windows2000的机房均可以进行实验，教学要求在多媒体教室进行。六、考核与评价方式
有笔试和机试两种考试形式，主要由选择题、实验操作题组成。在总成绩中，笔试成绩和上机考试成绩各占50%。
以人为本诚信务实勇于创新乐于奉献
网页模板设计教案
网页设计年度工作总结
网页设计教学
网页设计心得体会
空间设计教学大纲
上一篇：空间设计教学大纲(精选6篇)
热门推荐