第一篇：网页界面构图与设计教学大纲
《网页界面构图与设计》教学大纲
课程名称：网页界面构图与设计 课程编号:0651232070 课程性质：独立设课 课程属性:必修课
课程总学时：2周学分：2 实验学时：20 实验课学分：1.5 面向专业：艺术设计（网络视觉设计方向）教研室名称：视觉传达教研室 应开实验项目数：5
一、课程说明
网页界面设计是将技术性与艺术性融为一体的创造性活动。网页设计是以功能性为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。以字符组成的界面可以起到基本的信息传达作用，同时技术要求相对较低，易于实现，并且有较好的稳定性，故而这种形式的界面在很长一段时间内是人机交流的主要形式。
二、课程教学要求
网页界面设计课程的教学目的和任务主要有两个方面：一方面本课程通过对网页用户界面设计中的信息传达、视觉符号的应用等专业知识的讲授，让学生能掌握网页设计中相关的设计思维与视觉表现方面的知识，让学生把网站中要传达的信息通过数码交互媒体的手段展现出来。另一方面通过对相关设计软件的使用进行课堂讲解与练习，使学生能够掌握相关软件操作的基本知识，并能够通过灵活应用课堂知识处理一些在实际项目中遇到的技术困难。
要求学生掌握基本内容为： 第一章 网络基础 1.网络 2.网络原理
3.网络设计作品的上传、下载和展示 4.网页 5.网站
第二章 网络艺术设计 1.网络艺术设计基础 2.网页设计 3.网站设计 4.网络其他设计
第三章 网络设计特色分析 1.浏览人群分析 2.网络交互艺术 3.西方网络艺术
4.网络艺术设计现状分析 5.网站特色设计 本课程的教学方法为：
1.重方法引导、重设计原理、重思维创意。2.把理论和实践练习相结合来掌握知识。3.通过专题训练和分组讨论来巩固提高知识。
4.通过成功的设计案例，让学生们了解本设计作为核心基础课程的重要性。
三、理论教学内容与学时分配 第一章 网络基础（5课时）1.网络 2.网络原理
3.网络设计作品的上传、下载和展示 4.网页 5.网站
第二章 网络艺术设计（10课时）1.网络艺术设计基础 2.网页设计 3.网站设计 4.网络其他设计
第三章 网络设计特色分析（19课时）1.浏览人群分析 2.网络交互艺术 3.西方网络艺术
4.网络艺术设计现状分析 5.网站特色设计
四、考核方式与成绩构成
考核方式：阶段作业、理论与实践考试方式
成绩构成：平时成绩10%、期中成绩30%、期末成绩60%（其中技能成绩占70%，理论成绩占30%）
五、教材与参考书 推荐教材： 1.《网页界面设计创意指南》 侯慧俊主编 上海科学技术文献出版社2009年版
2.《网页界面设计艺术教程》 张帆、罗琦、宫晓东著 人民邮电出版社 2002年版 参考书目：
1.《网站规划与网页设计》 谢成开、孙丹丽编着 西南师范大学出版社 2009年版
2.《网页艺术设计》 彭纲等编著 高等教育出版社 2002年版
第二篇：网页设计教学大纲
网页设计教学大纲
一、课程性质与任务
1、课程性质
《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。2、课程任务
本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：
* 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
* 掌握各种网页元素在Dreamweaver cs3中的使用。例如表格、文本、图像、超级链接、层和表单等。
* 熟悉一些网页设计辅助软件的功能和使用方法。例如Flash、Fireworks、Photoshop等。* 掌握测试和发布网站的方法。包括网站测试的内容和方法。* 能够解决一些网页设计中的常见问题。
* 了解ASP开发平台的搭建，Dreamweaver cs3在动态网页制作方面的应用。
二、课程教学目标与要求
1、本课程的基本目标
（1）使学生通过本课程的学习，掌握Dreamweaver cs3的使用方法，学会使用Dreamweaver cs3制作Web网页的技术。
（2）本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
2、课程在知识、素质方面的基本要求（1）知识要求
深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的1 流程。理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像处理软件相结合设计网站的好处。了解Dreamweaver cs3在动态网站上的应用。（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数据库。
第八章
设计实例：综合运用前七章所学的知识创建和编辑一个站点，掌握主页和子页、子页之间、以及站内和站外的链接。
五、教学实施、教学方法：本课程是一门应用型课程，涉及到以前所学知识点较多，因此在教学中应注意启发式教学并加强项目教学的直观性。、教学场所与设备要求：安装有 Windows XP 或 Windows 2000 的机房均可以进行实验，教学要求在多媒体教室进行。
六、考核与评价方式
有笔试和机试两种考试形式，主要由选择题、实验操作题组成。在总成绩中，笔试成绩和上机考试成绩各占50%。
第三篇：《网页设计》教学大纲
《网页设计》教学大纲
课程名称：《网页设计》 英文名称：《Web Design》 课程性质：学科教育平台选修课 课程编号：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浮动用法。补充说明： 无。
第四篇：《网页设计与制作》教学大纲
《网页设计与制作》教学大纲
一、课程基本信息
课程编号：
中文名称：网页设计与制作
英文名称：Web Design and Production 课程类别：选修课 适用专业：所有专业
开课学期：2011-2012第2学期 总学时：24学时 总学分：1 课程简介：
本课程突出网页设计与制作的现代特点，从Internet的基础知识入手，重点介绍HTML超文本标记语言，以及所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程。采用案例分析和亲自实践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站，以此提高同学对网页设计与制作的兴趣和爱好。参考书：
1、网页设计与制作教程，熊前兴 闵联营，科学出版社;
2、网站与网页设计，张贵明，清华大学出版社;
3、网页美术设计原理及实战策略，王晓峰 焦燕，清华大学出版社;
4、网站建设典型案例，张枭，清华大学出版社；
二、课程教学目标：
网页和网站是Internet的重要组成部分，企业、公司和机构通过网站来宣传推介自己的技术和产品，个人发布主页展示自己的风采，人们从不同类型的网站来获取需要的信息。因此，设计与制作网页已经成为计算机应用技术的一个重要方面。本课程的主要教学目的是使学生掌握网页设计与制作的基础知识，能运用网页工具设计和制作常用网页。
三、理论教学内容与要求
第一章、网页的基础知识（1学时）（1）Internet基础知识
（2）www简介
（3）网页制作的技术和工具介绍
第二章、超文本编辑语言HTML（8学时）（1）HTML文件的基本结构（2）文字和段落标记
（3）列表标记
（4）图片标记（5）表格标记（6）超链接标记（7）表单标记（8）框架标记
第三章、JavaScript语言（4学时）（1）JavaScript语言简介（2）JavaScript编程基础（3）基于对象的JavaScript语言（4）JavaScript程序实例
第四章、层叠样式表CSS（1学时）（1）CSS概述（2）CSS属性
第五章、可视化网页设计工具Dreamvawer8.0（1）网页的基本操作（2）图像、表格与超链接（3）表单与框架（4）添加网页元素（5）发布站点
第六章、动态网页设计语言ASP（4学时）（1）ASP简介（2）VBScript脚本基础（3）ASP的内置对象（4）实用Global.asa文件
4学时）（第七章、利用AD0访问数据库（1学时）（1）数据库的连接（2）数据库的检索（3）数据库的操作
总结复习（1学时）
四、实验教学内容与要求
五、作业
六、考核方式
期末考核每个同学为自己设计制作一个博客网站。
七、成绩评定
1.自制网站（80%）2.平时考勤、作业(20%)平时成绩分配：
平时考勤5次，每次2分，共占10% 作业5次，每次2分，共占10%
八、执行大纲时应注意的问题
根据学生对课程内容的掌握和理解程度会对进度做适当的调整。
执笔人：邢雁平
第五篇：网页制作与设计教学大纲
《网页制作与设计》教学大纲
课程编号：
总学时数：36学时（其中讲授：20学时，实验：16学时）
一、课程性质、目的和要求
本课程是我系各专业必修专业课程之一。该课程以Dreamweaver和CSS为蓝本，全面介绍与网页设计制作有关的知识，向学生阐明Web基本工作机制，并使学生具有解决静态网页制作和设计等方面问题的能力。通过对WWW的基本概念、网页设计的基本原则、网页设计编程的基本技术与技巧的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。
在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术，也是计算机专业学生的一门必修课，通过课程学习要求学生能够掌握静态网页的制作工具的使用以及HTML标记语言的运用，并基本掌握JavaScript脚本语言编程的常用方法与技巧。通过与前期课程的融会，运用掌握的Flash等其他制作工具软件，在具体的网页设计过程中要很好的将几者结合起来使用，从而能够生成功能强大、丰富多彩、生动活泼的高质量的网页。通过本门课程的学习，学生能够具备以下能力：网站建设、网络广告、多媒体课件、网络游戏、汇报材料，MTV等。同时培养学生以下素质：服务意识：能够为他人提供优质的服务；文明法制意识：网站内容应积极健康向上，不做违法的事；合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。
二、教学内容、要点和课时安排
第一章 Dreamweaver MX概述 1．Dreamweaver MX简介
2．Dreamweaver MX的工作界面介绍
3．窗口和面板
4．Dreamweaver MX的新特性
要求：熟悉Dreamweaver MX的操作界面，DreamweaverMX版本的最新特性，掌握如何自行设置具有独特的工作环境，对Dreamweaver MX的主界面认识透彻，便于以下课程的深度学习。
第二章 创建站点 1．站点的规划
2．创建本地站点 3．创建ASP站点 4．连接数据库
2学时
2学时 5．站点的管理与维护 6．发布站点 要求：了解站点的基本概念，熟悉掌握使用DreamweaverMX定义站点的方法，能根据自己的实际情况定义站点，定义ASP站点，掌握通过DreamweaverMX软件连接简单数据库的方法。
第三章 文本及其格式化 1．文本及其格式化概述 2．文本的输入 3．创建文本列表 4．CSS样式文件的创建
5．将文档中的样式导出为CSS样式文件 6．文本格式化综合实例
要求：学习如何插入文本、设置字体类型、大小、颜色和对齐属性，使用层叠样式表创建和应用自定义样式。通过学习掌握利用CSS样式格式文本，掌握导出和使用CSS样式文件的基本方法。
第四章 图像
2学时
2学时
1．常用图像文件格式 2．插入图像 3．设置图像的属性
要求：通过学习，学生必须完全掌握如何在DreamweaverMX软件中插入图像、修改图像的属性，利用外部图象处理软件编辑图像以及创建图像地图等方法。实现图像与文本的完美结合。
第五章 表格 1．概述
2．表格的基本操作 3．表格及其属性设置 4．表格排序
要求：掌握使用DreamweaverMX建立表格、设置表格以及使用表格对网页进行布局和美化。通过表格定位文本和图像在页面出现的位置。对表格的修改主要是添加内容、修改表格或单元格行/列属性，复制或者粘贴多个单元格等操作。
第六章 框架 1．创建框架
2．框架和框架页的基本操作
3．设置框架和框架页的属性、大小及背景色
2学时
2学时 4．框架及框架页综合实例
要求：掌握框架的创建、保存以及框架属性的设置，难点在于框架的链接设置，掌握框架结构的主要功能在于导航。注意框架和框架集的区别。
第七章 页面布局视图的使用
1．布局单元格和布局表格 2．绘制布局表格和布局单元格 3．布局表格和布局单元格的基本操作
4．设置布局宽度
要求：重点掌握如何创建布局表格和布局单元格，掌握布局视图的切换方法，掌握布局表格和布局单元格属性的设置和意义。
第八章 链接
3学时
3学时
1．链接、路径与锚
2．建立链接 3．建立特殊链接
要求：了解链接、路径与锚的使用条件、掌握链接的几种设置方法和他们的区别，学会使用特殊链接（书签、电子邮箱、网站URL）,理解掌握链接目标的指定。
第九章 表单 1．表单概述 2．创建表单 3．表单对象 4．客户注册表单 5．网上调查表单
要求：掌握如何创建表单，以及如何在表单中添加表单对象，掌握常见的表单对象的功能和使用方法，理解表单处理的原理，能够完成基本的表单设计。
第十章 层
1．关于层
2．创建层
3．显示隐藏层实例
4．下列菜单实例 5．层综合应用实例
要求：让学生掌握层的概念和层的分类，掌握关于层的属性，掌握建立层的基本方法，掌握层的各种属
2学时
2学时 性的设置。
第十一章 行为
1．什么是行为
2．行为面板的用法
3．行为的基本操作
4．使用Dreamweaver自带的行为
5．行为应用实例
要求：重点掌握DreamweaverMX自带的行为的使用方法，掌握这些常用行为事件的设置，了解行为的意义以及行为面板的使用方法，能根据具体的行为设置对应的行为事件，能对所使用的行为事件进行修改。
第十二章 时间轴与动画
1．时间轴面板
2．使用时间轴创建动画
3．修改时间轴
4．创建录制路径动画 5．在时间轴中改变对象属性
6．在时间轴中使用行为
7．时间轴动画实例
要求：掌握如何使用时间轴创建时间线动画，重点掌握如何修改时间线及其对象的属性，添加和删除祯、修改动画的起始时间、修改动画路径的位置等。
第十三章 Dreamweaver MX程序设计
1．Dreamweaver MX程序设计基础 2．建立数据库连接 3．定义记录集
4．动态数据绑定 5．应用服务器行为
要求：掌握基本的术语和如何建立数据库连接，掌握如何建立记录集，以及记录集中数据的绑定，了解各类服务器行为的功能，重点掌握如何定义记录集和应用服务器行为，掌握WEB应用程序的构建。
第十四章 模板与库
1．什么是模板和库
2．创建模板
3．定义可编辑区域
2学时
2学时
2学时
2学时 4．应用模板建立网页 5．应用模板更新站点 6．库的使用
7．模板的创建与设置实例
要求：掌握模版和库的原理和优势，掌握掌握如何建立和使用模版，掌握库的使用和添加到库文件。第十五章 代码片断
1．使用代码片断 2．代码片断的创建
3．代码片断的使用
4．代码片断的创建与使用综合实例
要求：理解代码片断的概念，掌握创建代码片断的方法，掌握如何使用代码片断。第十六章 经典实例
1．个人网站 2．网站论坛
要求：了解页面的整体设计，掌握表格的高级应用技巧，了解交互网站的运行机制，掌握服务器行为的应用，学生通过锻炼，掌握创建网站的全部过程和机制，能够独立网站一个小型的全面的个人网站。
4学时
2学时
三、教学方法
要求：
1、结合DreamweaverMX软件使用的特点，以上机演示教学方法为主，辅之教学课件等方法进行教学。
2、结合本学科特点在教学过程中，使学生形成多动手、积极探究、勤于思考、学会学习等良好的学习习惯，培养学生搜集和整理素材的能力、理解实验能力、分析和解决程序设计中的问题的能力等。
四、成绩考核方法：
要求：
1、课后试验作业每周一次。
2、期末考试采取理论考试为主、大作业（完整的个人网站）为辅的形式。
3、平时成绩30%、期末成绩70%，期末考试（笔试70%，大作业30%）。
五、教材与主要参考书目
教材：
路甬祥：《DreamweaverMX职业技能培训教程》，电子科技大学出版社，2004年3月。参考书： 位元文化：《CSS/HTML网页设计》，中国铁道铁道出版社，2002年2月。
刘洪武：《网页设计与制作（高职教材）》，大连理工大学出版社，2003年7月。李卓玲：《java程序设计语言》，大连理工大学出版社，2003年8月。
执笔人： 审订人：
点击咨询 