网页课程设计心得体会

网页课程设计心得体会（精选8篇）

1.网页课程设计心得体会 篇一

网页课程设计心得体会

不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情.自从第一天接触《网页设计与网站建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的网站.所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上.更何况这一次实操.回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可能跟别人比还需要继续完善，但我不会因为实操结束，就把网页设计抛到九霄云外，我会继续学习网页设计技术，把它变为自己的一项特长。

回顾第一天的《网页设计与网站建设》课程实操，老师叫我们继续完善以前设计的网站，做出留言板、注册的功能。我很快就完成了，但可能我是一个追求完善的人，所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定，从头开始做一个网站。因为我觉得以前那个真的不是太好，尽管实操的时间过去了一半，尽管别人对我说你交原来这个不就行了吗！何必再做一个呢？但真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个令自己满足的答卷。

在制作个人网站时我们首先：本文转载在代写之家

一、必需进行个人网站前台功能设计

包括个人网站主题的确定，前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。

二、对个人网站后台管理功能设计

包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。

三、网站的发布

通常我们发布一个网站可能以能过域名注册，但我们也可以利用自己主机，装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。

四、个人网站推广

一个网站做好了，就要对个人网站进行推广，这是一个电子商务网站必需做得的一步，因为如果你不对你的网站进行推广，就算你发布了也没有人会知道的。 在设计这个网站时真的体会很多东西，从一开始网页主题的确定，到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划，因为如果你不规划好，想做什么就做什么，是不会做得好的。因我为体会到这一句话：“机会中属于有准备的人”。我详细到一个表格宽度都一一列明。例如：775宽度，分三栏，每一栏占多少。因为我深深懂得“细微处才见真功夫”。

在这次实操过程中令我印象最深的是做留言板，因为刚好在上一个星期sql数据库实操做过了，所以今次在做就比较轻松，但我以前是经过一个比较长的练习，做完了n次，可能有人会想，肯定是不会才做这么多次啦！但我想告诉这位同学我每次做得都不是不同的方法。第一次我用的是access数据库，第二次我用的是sql数据库加权限管理，第三次我用的是数据源名称的连接，第四次我用的是自定义连接字符串，第五次……每一次用的方法都是不同的，可能有人会说我傻，会一种方法就行了，还要那么多吗？但我想说的就是不是这么多次的练习，不是之么多次不同的方法，也就不会造就出今天熟能生巧的我，也不会对同学提出的问题解决到，也不会轻松教会同学，因为你自己首先学会，学通，学广，才能把问题一一的解决。

2.网页课程设计心得体会 篇二

1.1 课程的性质

《网页前端技术》是高等职业院校计算机网络专业的一门专业核心课程, 是使学生掌握使用HTML语言和Dreamweaver设计网站, 使用Java Script添加网页动态效果, 使学生掌握网站的开发技能, 是实践性很强且面向实际应用的重要专业课。通过学习《网页前端技术》, 能够提高学生职业技能和素质, 为适应职业岗位和继续学习打下一定的基础。

1.2 课程的作用

本课程的教学目标是使学生能运用所学的网页编程知识, 根据实际问题进行静态网页的创建与维护、Java Script动态网页的编写, 使学生具有HTML静态网页设计与制作的基本能力。

2 课程设计的理念和思路

2.1 课程设计理念

《网页前端技术》课程的实施以工作过程导向为主体, 理论实践结合特征突出。是以学生最终就业为目的的教学过程、着重培养学生的网页设计与制作能力, 强调学生的学中做与在制作网页中的学习创新能力, 实现了理论实践一体化教学目标。

在《网页前端技术》的课程建设中, 以培养学生综合技能为导向, 按照项目案例的实施过程, 给学生设计从简单到复杂、从容易到困难的网页设计案例, 按照循序渐进的学习情景来展开, 教学过程以项目实施的过程为主导, 注重学生网页设计的能力培养。

2.2 课程建设思路

《网页前端技术》的课程建设思路注重专业领域的技术要求, 强调对学生网页设计与美化职业的岗位任职要求, 围绕着学生在网页制作与设计中容易出现的问题, 展开课程体系和教学内容的设计。

《网页前端技术》的课程建设原则:突出学生的实际运用能力, 同时, 以项目任务为载体, 以学生的个性训练和能力培养为主体。

《网页前端技术》的课程建设过程:首先, 针对市场工作岗位的需求, 分析出网站与网页设计人员的工作任务, 进性归纳总结出适合学生的具体项目任务, 然后设计出适合学生的基于工作过程的学习任务和情境。

3 课程设计

3.1 课程目标设计

(1) 能力目标。使学生能熟练运用HTML中的文字、链接、列表、表格、表单和图像;掌握Dreamweaver进行网站的制作与设计操作技能;掌握Javascript脚本编程语言的基本语法知识, 设计出绚丽的网页动态效果, 开发出富有创意的个性网站。

(2) 知识目标。能够了解网站的工作原理;了解WWW和HTTP协议, 掌握HTML和CSS的基本概念和作用;掌握Dreamweaver应用软件的使用功能;掌握表格、表单设计网页的方法;掌握添加网页动态效果的方法。

3.2 课程内容设计

(1) 知识模块划分。对现有知识点进行了解析与重构, 划分出彼此之间联系紧密的HTML网页技术、Css网站布局与样式、Javascript动态行为、网页制作综合实例四大知识模块。

(2) 教学内容设计。教学内容分为四大知识模块:

1) HTML网页技术基础知识。对应的能力目标有:能够独立安装Dreamweaver软件, 能够掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架的作用, 能够运用html编写简单的页面。

2) CSS网站布局与样式。对应的能力目标有:能够掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法;能够利用CSS美化网页, 给用户更好的网页体验。

3) Javascript动态行为。对应的能力目标有:能够掌握Javascript的核心语法。能掌握在HTML语言代码中嵌入Java Script代码的方法, 能看懂Java Script特效网页源代码;能够按网页设计技术要求修改和调试Java Script代码;能够使用Java Script语言实现网页特效。

4) 网页制作综合实例。通过HTML、CSS和Java Script的学习, 以及课程中设计到的小案例和项目的制作, 让学生自主创新, 独立制作完成一个门户网站的综合案例。

3.3 教学方法设计

(1) 项目导向法.本课程的教学内容是以学生的网页制作与设计的开发流程为依据展开的。利用计算机技术中的动画视频等先进技术进行教学。

(2) 分组教学.在网页制作与设计的教学中, 每个项目都是以学生实际的网页设计效果为考核目标的, 实践性都比较强, 学习难度较大。在教学中, 采用分组教学的方法, 可以让同学之间遇到问题能够互相探讨, 相互帮助协作完成任务, 进而激发学生学习的自信心和学习兴趣, 增强学生的创新意识, 设计出更具特色的个性网站。

3.4 考核方法设计

学期总评成绩采用百分制, 着重考核学生运用知识解决实际问题的能力。其中, 平时成绩占30%, 项目案例完成情况占30%, 期末项目作品占40%。

4 结束语

通过本课程的学习, 不仅可加强学生对理论知识的感性认识、加深对网站开发的理解, 而且能培养学生的实践技能, 提高网站开发与设计的实践动手能力。另外, 通过项目教学方法的渗入, 使学生在整个项目的进行过程中可以自主的学习, 自己找可以承担的学习任务来完成, 同时也学会了发现问题和解决问题的方法, 发挥了个人的最大能力, 提高自身的创新能力。

参考文献

3.网页设计专业课程设置的研究 篇三

【关键词】:网页设计 新媒体 团队合作 课程设置

中图分类号:G4文献标识码:A 文章编号:1003-8809(2010)-06-0102-01

近些年来,全国各大院校相继开设了网页设计专业,有些院校称为“新媒体专业”,这主要是因为平面媒体、广播媒体、电视媒体曾被公认为三大传统媒体,网络媒体的出现在某种程度上彻底改变了这种垄断局面,这一点从日益繁荣的网络科技和数码产品中得到了充分的体现,所以不用过多的解释。由于这个专业只是近几年才出现的,所以在很多教学方法和课程设置方面还存在很多的缺陷和问题,为了更好的开展网页设计教育,让学生掌握更多更实用的网页设计技术,我决定对网页设计专业的课程设置进行详细的探讨和研究。以下是我与几位专业教师在查阅了大量的相关资料和结合了很多网页设计公司工作实践的前提下,得到的结论。

作为一个正在崛起的发展中国家,可以说潜在的市场空前的强大,然而纵观亚洲网页设计的发展进程,不难发现,中国的网页设计还远远落后于日本和韩国。其实不仅仅是网页设计,在平面设计、产品设计和建筑设计等方面,中国发展和执行的也不够好,当然,造成这种局面的原因有很多,比如政治因素和历史因素等等,这不在我们讨论的范围之内,所以不作为重点,幸而近几年来这种局面有所改善。

抛开外在因素,单纯的从设计本身来说,其实网页设计和其它设计门类一样,最根本的问题都是在解决“功能”与“形式”之间的矛盾,只不过这些矛盾在建筑设计和产品设计中得到了相对完善的解决,而在网页设计中却始终没有得到应有的重视!这也是为什么国内大部分的门户网站看上去版面都很拥挤和低劣的主要原因。其实网页设计是一门综合艺术,它要求从业人员不仅仅只局限于平面设计方面的知识,同时还必须具备计算机语言方面的能力,因为,只有这样才能设计出资源优化的高品质网站。然而当今大部分国内院校的网页设计专业都经历着各自为政的尴尬局面,一方面艺术设计院系,只注重培养艺术方面的设计人才,另一方面计算机院系,只注重培养技术方面的设计人才。这就使“功能”与“形式”之间产生了断层,虽然我承认纯搞技术的程序员也可以根据网上现有的模板,勉强完成网页设计中美工的工作,但是这毕竟是一种“抄袭”的被动方法,不能从根本上提高中国网页设计的艺术品位。在国外我们可以要求网页设计师必须先修完一个艺术设计方面的学位,然后再完成一个计算机方面的学位,在国内这种做法显然是不现实的。要想让中国的网页设计朝着健康的方向蓬勃发展,就必须想办法把两个专业的相关技术拿到一起。结合中国高等教育的实际情况,我对网页设计专业的课程设置进行了如下的整合:

网页设计课程体系设置的初步构想(根据时间的先后顺序排列)

01、平面构成

02、色彩构成

03、创意思维训练

04、图形设计

05、设计软件PhotoShop、Illustrator(版本根据实际情况而定)

06、标示与VI设计

07、网页版式设计

08、设计软件Flash、Dreamweaver(版本根据实际情况而定)

09、ActionScript:用于控制flash内容,并进行简单交互的脚本语言

10、Flash实训项目练习

11、Dreamweaver实训项目练习

12、网站设计实训项目练习(静态)

13、Html:Hyper Text Markup Language超文本标记语言

14、Css:Cascading Style Sheet层叠式样式表

15、Div:Div+Css一种全新的网页布局思想

16、JavaScript:一种最流行的Web脚本语言

17、Asp:Active Server Pages 一种动态网页编程语言(了解)

18、Asp.net:Asp的替代产品 一种动态网页编程语言

19、Php:Personal Homepage Program 一种动态网页编程语言(重点)

20、Jsp:一种动态网页编程语言

21、Ajax:异步信息通信技术

22、Smarty:模板技术

23、MySql:一种数据库类型

24、Oracle:一种数据库类型

25、综合设计项目一(独立完成)

26、团队合作技巧

27、综合设计项目二(团队合作)

28、应聘技巧

29、毕业设计

综合性人才是未来教育发展的必然趋势,经过整合的课程体系,主要从三个方面入手,

课程设置中平面构成、色彩构成、创意思维训练、图形设计、标示与VI设计、网页版式设计都属于第一个方面,注重培养网页设计师的艺术修养和设计理论。PhotoShop、Illustrator、Flash、Dreamweaver、ActionScript、Html、Css、Div、JavaScript、Asp、Asp.net、Php、Jsp、Ajax、Smarty、MySql、Oracle和一些实训项目练习属于第二个方面,注重培养网页设计师的技术能力。第三个方面主要注重培养网页设计师的团队合作技巧和实际工作经验。

这里有一个问题需要事先声明,从事艺术工作的人大部分都习惯于感性思维,从事计算机工作的人则习惯于逻辑思维,让两种思维方式协调统一,当然存在一定的难度,这就要求从事网页设计教育工作的专业教师必须具备高水平的专业能力和科学的教学方法。相信经过这样完善的课程训练之后,我们的学生一定能够扎实熟练的掌握网页设计的相关知识,在世界经济危机的影响下,更具竞争力和主动权。

作者简介:

4.网页设计课程小结 篇四

通过寒假期间的学习，在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于大一对计算机基础与c语言的基本掌握，自学网络设计的基础部分便显得较为轻松。谁然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、flash、fireworks等网页软件的综合应用。下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。首先，要确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用；其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

5.网页课程设计指导书 篇五

《网页设计》课程设计指导书

一、对学生的基本要求：

1、理论联系实际、严肃认真、实事求是的科学态度和勇于探索的创新精神。

2、运用所学基础理论与专业知识分析和解决实际问题，培养独立思考完成任务的能力。

3、运用网页设计及制作的基本方法和基本技术设计制作静态网站的能力。

二、具体设计内容

应用《网页设计》课程学习的网页设计及制作的基本方法和基本技术设计、制作静态网站。可以从给定的选题中选择一个课题或自拟课题（自拟课题需经指导教师批准），进行需求分析、设计和制作。

题目：

1、XXX产品（商品）营销网站

2、XXX班级网站

3、XXX公司（部门）网站

4、XXX主题网站

三、具体设计要求

1、网站设计具体要求

1）针对你所选择的课题进行需求分析，写出网站的功能要求及总体结构。

2）网站需包含主页和二级页面等；主页需有LOGO图片和BANNER图片；二级页面的数量不少于3个。

3）网页的具体设计要求：版式布局合理、色彩搭配美观大方、图片文字设计得体并突出主题。

4）网站制作中，以下具体技术HTML、CSS、JAVASCRIPT至少使用两种。

2、课程设计报告书具体要求

1）网站总体设计：网站创建的目的、意义；功能模块和网站总体结构（以图形的方式表示出来）等。

2）主页设计：设计思想、创意、色彩选择、LOGO和BANNER的设计等。

第1页

3）二级页面设计：设计思想、内容表现等。

4）具体技术实现：使用了哪些技术及在网站中的具体表现形式。

5）设计总结：本次设计的心得体会，成功之处和不足之处等。

6）参考文献。

四、设计进度表：

1、15周周三：网站的需求分析，总体设计、规划。

2、15周周四～周五：具体设计制作。主页及二级页面的版式布局，色彩、图片文字等的设计制作。

3、16周一～周三：设计制作、测试发布，及报告书的编写。

4、16周周四下午：提交网站源代码和课程设计报告书。

5、16周周五：成绩评定。等待指导老师提问答辩（采用抽查的方式）。

五、考核内容及分值分配

1、课程设计报告书。(40分)

1）正文：（2000字以上）（30分）

（1）网站总体设计：网站创建的目的、意义；功能模块和网站总体结构（以图形的方式表示出来）等。（5分）

（2）主页的设计：设计思想、创意、色彩选择、LOGO和BANNER的设计等。

（10分）

（3）二级页面设计：设计思想，内容表现等。（5分）

（4）具体技术实现：使用了哪些技术及在网站中的具体表现形式（10分）。

2）设计总结：本次设计的心得体会，成功之处和不足之处等。（7分）

3）参考文献。（3分）

参考文献必须是学生在课程设计中真正阅读过和运用过的，文献按照在正文中的出现顺序排列。各类文献的书写格式如下：

a．图书类的参考文献

序号 作者名·书名·（版次）·出版单位，出版年：引用部分起止页

码。

b．翻译图书类的参考文献

序号 作者名·书名·译者·（版次）出版单位，出版年：引用部分起

止页码。

c．期刊类的参考文献

序号 作者名·文集名·期刊名·年，卷（期）：引用部分起止页码。

2、设计制作的网站（60分）

1）网站创意及结构布局：创意是否新颖、结构布局是否合理。（10分）

2）页面设计（二级页面不少于3个）（25分）

（1）页面版式、文字及色彩设计（15分）

（2）主页LOGO、BANNER图片（10分）

3）编程技术：包括具体程序和使用效果（20分）

（1）具体程序设计（15分）

（2）功能及使用效果（5分）

4）测试及发布（5分）

网站经过测试，并发布在互联网上，运行效果良好者为5分。

6.《网页制作课程设计》任务书 篇六

一、课程设计的目的及功能定位：

1.巩固远程站点管理的知识和技能； 2.巩固本地站点管理的知识和技能； 3.巩固网页页面设计的知识和技能； 4.巩固网页制作的知识和技能；

5.培养以上知识和技能的综合应用能力；

二、课程设计总体要求： 1.自己负责作品的保存；

2.课程设计可以独立完成，也可以合作（不多余3人）； 3.申请免费域名、免费主页空间，并发布站点；

4.站点设计合理、管理有序、无多余文件和文件夹、大小合适；不要使用媒体（视频文件）； 5.站点至少要有三层结构，页面数不得少于5页；其中一页必须是留言板； 6.自选主题，主题内容要合法、健康、实用； 7.网页要有落款、版权说明；

8.分析面向的潜在访客群体的需求特点，选择内容和版式； 9.网站主题突出、内容丰富；

10.网站风格统一，设计适合于主题的LOGO；

11.各页面设计合理、美观，有创意，适用于各种显示器的分辨率和颜色； 12.各个页面之间的链接要合理有效； 13.代码结构清晰，无垃圾代码

三、课程设计进程表： 1.设计方案：

(1)潜在访客群体的需求特点：版式和内容的需求；(2)站点目录结构图：

(3)色彩方案：主色调、次色调；

(4)布局方案：导航和其他网页内容的位置；

(5)平面设计图：使用photoshop绘制网页平面设计图； 2.制作网页：(1)切割图片；(2)制作动画；(3)录入文字；(4)制作网页；

3.在课程设计的最后一次课上提交课程设计报告和作品。

四、站点结构图：

五、课程设计评分细则：

项目 指标 分数 3 2 2 2 3 3 2 远程站点 有效的主页空间，并上传站点 5 分 有效的域名

主页文件名正确

本地 主页保存位置正确

站点 站点资源组织（目录结构）合理 42 分 站点中无多余文件和文件夹

站点中平均网页大小小于 400K 站点至少有三层

页面数 5 — 8 页（2*5+1*3）

各页之间跳转方便，各子页均可返回到主页 没有无效链接

文字内容使用 CSS 样式表文件控制 合理使用 JavaScript 脚本或行为 合理使用 Js 文件，并含有适当的注释 各网页内容合法、健康、实用

内容

网站主题突出、内容丰富 分

各网页主次分明，文章流畅，内容正确

网站风格统一 LOGO 设计新颖、美观 网页布局设计合理、清晰

网页 色彩搭配合理平面

动静搭配合理

设计 分 图像、动画设计美观、大方、专业、有创意

导航设计实用美观 文字清晰、规范

适用于各种显示器分辨率和颜色 浏览速度正常

技术 图片和动画能够正常显示 12 分 代码结构清晰，无垃圾代码

表单使用合理，提交后打开浏览留言页； 考勤（缺勤 2 课时以上不予以评分）

其它 按时提交设计方案报告（课设进行第二天前必须提交，否10 分 则不予以评分）

按时提交课程设计报告（提交报告后评分）

合计 13 2 3 4 2 3 4 2 2 2 5 2 3 3 5 3 2 3 2 3 3 4 4 3 3 105

六、推荐的主题：

1.肇庆学院计算机学院学生成绩查询系统 2.花卉市场 3.理发店 4.洗衣店

5.肇庆学院计算机科学学院学生会 6.肇庆学院饮食服务公司 7.肇庆学院后勤服务中心 8.肇庆学院求职网 9.个人网站

八、参考网站：

7.谈高职院校《网页设计》课程教学 篇七

（一）根据教学对象的不同安排相应的教学内容

不同专业不同方向的学生基础不同，课时数量也有差异。要在一个学期的时间内讲授所有相关内容是不现实的。因此，要根据专业的需要和学生具体情况安排相应的教学内容。对于计算机专业多媒体方向的学生，可在开设网页设计课程之前或同时开设图像处理、图形设计、动画设计、网络技术等相关课程，重点讲授Dreamweaver的基本功能、HTML、色彩搭配、CSS样式表、网页布局、表单等知识。Dreamweaver是一种所见即所得的网页制作工具，要重点讲授它在网页设计方面的常用功能;HTML是进一步学习网页后台编程的基础，为了能够让学生对它有比较深刻直观的认识，可通过Dreamweaver的拆分视图将网页的界面和代码相对照进行讲述;网页色彩搭配是重点也是难点，在讲授时要讲解色彩的基本知识、色彩的象征意义以及色彩对比的使用，要让学生能够掌握好网页色彩搭配的技巧，引导学生多鉴赏配色经典的网页，通过案例的分析讲解配色技巧。同时给出特定主题让学生写出配色方案并加以点评。计算机专业其他方向的学生或其他专的学生，可能没有学习过图像处理、动画设计等相关课程。对于这类学生的《网页设计》教学，可以在讲授Dreamweaver基本功能的同时补充一些Photoshop和Flash在网页设计中应用的知识。目前的《网页设计》教材多数都是只介绍一些基础知识，知识点和实例都过于浅显，而目前的网页设计技术更新得非常快。要讲好这门课程，让学生毕业后能够迅速适应市场需求，教师需要通过各种途径不断学习更多新知识和新技巧。课堂上除了讲授课本内容之外适当补充一些新知识，并引导他们在课下作进一步的学习。

（二）用实例作为课堂切入点

每堂课的开始是关键，如果一开始无法调动学生的积极性，整堂课就会变得很沉闷。为此，需要找到令学生感兴趣的内容作为切入点。网页设计是一门实践性很强的课程，教师可以用实例作为课堂切入点，采用任务驱动式教学方式。每一堂课都以实例引出具体知识点，然后逐渐展开，即将知识点融入具体实例中。比如在讲解表单设计的时候，可以先给学生演示某个网站的表单网页，然后和他们一起分析怎样才能制作出这样一个网页，之后一边制作一边讲解涉及到的功能，当这张表单网页完成时，学生对表单网页的制作方法也有了一定的了解，然后可以拿出另外一张表单网页让他们尝试模仿制作，从而达到举一反三的目的。学生对这种讲课方式比较欢迎，课堂积极性较高。

（三）欣赏、模仿、创意

《网页设计》是一门艺术与技术相结合的课程，在课堂上注重培养学生的审美能力是非常重要的。网页设计从入门到精通的过程就是一个欣赏、模仿、创意的过程，因此，整个学期可分成三个阶段。第一阶段：在讲授基础知识的同时给学生鉴赏一些优秀的网页设计作品，并引导他们在课后自己通过各种渠道鉴赏更多优秀作品，从而培养学生的审美能力。第二阶段在经过前一阶段的学习之后学生已经能够制作简单网页，这时可提供一些网页让他们模仿并加以指导，学生在模仿过程中可以掌握设计网页的基本技巧，学习他人的设计经验，为进一步学习打好基础，同时也可以满足学生的成就感需要，进一步提升对网页设计课程的学习兴趣，激发学习潜能。进入第三阶段，学生已经不再满足于模仿他人网页，经过前两个阶段的知识积累，他们产生了创作的愿望，这时让他们根据自己的兴趣制作一个完整的网站，并尽可能提供网上空间让他们上传自己的作品，给他们展示自我的舞台，同时也可以起到同学之间相互激励、相互学习的作用。

（四）改革考试方式，平时严格要求

《网页设计》是一门实践性很强的课程，传统的卷面考试不能反映学生的实际水平，上机考试出题也有一定局限性。因此网页设计这门课程必须改革考试方式，要以平时课堂表现情况和实际网页设计水平作为考核标准，将平时的作业成绩和课堂表现作为评定成绩的依据。可以采用平时纪律和课堂表现占30%，平时作业占70%计入总评成绩。

（五）实训环节是压轴戏

实训教学是高职高专院校教学的特色内容和重要环节，是理论与实践相结合，在实践中使理论得到巩固和升华的过程。学生普遍认为实训课程对提高他们的实际操作技能是很有帮助的。《网页设计》课程实训内容的选择要遵循以就业为导向、以技能培养为目标的方针。可以用实际的网站项目作为题目，也可以虚拟一个项目，网站的复杂度必须和实际网站保持一致，难度比平时布置的作业要求略高些。在实训过程中，可以让学生阶段性地展示自己的作品，这样可以在学生之间形成一种互相竞争的氛围，激发他们制作网站的热情。实训结束的最后一天，让学生轮流上讲台展示并介绍自己的最终作品，台下的同学和老师共同参与评分。通过这种方式学生在实训中不但提高了自己的网页设计水平，也提高了语言表达能力。

（六）其他方式

课堂教学时间毕竟是有限的，为了极大限度地提高学生学习《网页设计》课程的积极性，可以在校园网开设《网页设计》网络课程。此外，每年举办一次全校规模的网页设计比赛也是一个不错的方式。通过比赛，学生找到了自己与别人的差距，激励他们继续努力，不断提高网页设计水平。

参考文献

[1]韩陵宜.高职院校《网页制作》课程教学的探讨[J].电脑知识与技术, 2005, (6) .

8.网页课程设计心得体会 篇八

关键词：艺术设计 网页设计 课程教学 实践

一、艺术设计专业的网页设计课程的教学现状

目前，艺术设计专业在网页设计课程教学实践中普遍存在着缺乏专业优势、偏离学生就业需求等问题，这种教学与计算机专业的网页设计课大同小异，误导学生以为这门课程就是一个技术课，掌握了操作技术就可以独立完成网页设计和制作，极大地忽视了其艺术性。因此，我们需要对教学模式、教学内容和考核内容等进行改革，以真正发挥艺术设计专业在培养人才的优势。

二、教学改革的目的

通过教学改革，力图解决以下两个问题：一是学生设计网页缺乏美感，版式、色彩等语言和设计理念滞后；二是单独靠一个软件就来完成网页设计与制作。通过以上两个问题的解决，充分考虑艺术专业的特性和学生就业的社会市场需求，综合运用多软件培养学生的美工设计能力、动画设计能力、版式设计能力、界面设计能力，全面提高学生的想象能力、感受能力、创新能力和审美能力，为社会培养一大批高素质艺术设计人才。

三、教学改革的创新点

1.寻找艺术与技术的平衡点。避免学生成为技术的奴隶，教学方案中增加艺术素养训练，充分体现专业特色，致力于培养学生的艺术设计和艺术审美和创新能力，通过研究性学习和网页设计的具体实践使学生有效地掌握网页艺术设计的精髓，为将来步入社会更好地满足市场需求从事网页设计、美工、界面设计等工作做好准备。

2.基于多媒体网络教学，合理构建教学内容。构建既具有实用性又具有艺术性的教学内容，实现软件课与艺术设计课的整合，在学会软件应用的基础上，将其恰到好处地运用于艺术设计；实现理论课和实践课的整合，利用示范教学提高学生将理论应用于实践的能力，提升教学效果。

3.深化教学内容，开拓教学视野。适用互联网技术的发展，不断加快教学内容的更新，做好教学信息的收集工作，实现教学内容的深化，保证教授给学生最前沿的知识。教学中运用多媒体充分调动起学生的视觉和听觉，激发学生的学习积极性。

四、主要改革与实践的方面

1.改革教学模式。第一，采用项目教学。为了锻炼学生的实践能力，保证学生现场制作、解难和评析的参与度，实现课程理论和网页设计的有机融合，可以在教学中加大实用项目的引进，让学生参与到整个项目制作过程，包括初期的初稿设计、中期的客户反馈到最后的定稿。第二，采用跨学科教学。实现多学科整合的互动教学，将计算机专业和艺术设计专业的网页课程结合起来，让学生可以综合考虑到设计与程序的结合，依托于程序的可实现性设计出具有创意的网页方案。

2.改革教学内容。第一，增加手绘创意草图教学环节。注重创意期的思维训练，通过这一教学内容帮助学生明确设计意图，培养学生的快速创作意识和能力。第二，增加版式设计构图教学环节。引导学生充分应用版式设计原理进行网页的整体布局，在有限的空间融合进了最多的视听多媒体元素，基本信息、导航、和正文结构安排合理美观，凸显设计者的理性思维、艺术个性和个人风格。第三，增加色彩运用训练环节。色彩的运用决定了网页的整体色调，训练学生在不同网站功能和风格下对色彩的准确把握。第四，增加创意字体教学环节。引导学生正确地运用字体设计方法，根据不同网页布局选择大小、颜色、色彩合适的字体，运用设计软件实现多样化字效和创意字体的设计。第五，增加网页交互功能教学，引导学生充分运用按钮和其他辅助设计以及页面之间的链接，从而实现网页的交互功能。第六，增加多软件综合运用教学，引导学生在网页设计中综合运用不同的软件，灵活掌握不同软件主要功能的基础上通过综合运用以实现丰富的效果。

3.改革考核内容。第一，根据当堂内容布置对应的课堂练习和上机操作，及时发现学生学习中的盲点，教师适时调整课堂进度，此部分成绩占40%。第二，根据课程的教学目标布置综合作业，结合实际让学生自主选择设计一个政府网站、企事业网站、娱乐网站或者个人网站，对学生网站设计的总体布局和色彩、版式、功能等进行综合评价，此部分成绩占60%。

五、艺术设计专业的网页设计课程教学的趋势

第一，总结和探索艺术设计专业的内在规律，建立网页设计的跨学科教学模式。讲授理论知识的同时要培养学生调动多学科知识的能力，培养学生的创造力和想象力，提高学生的实践应用能力。

第二，注重网页设计的主体风格，培养学生的企业品牌意识，企业品牌的形象设计依靠网页的展现和塑造，好的企业网页可以让企业品牌形象深入人心，教学中必将更加重视对学生品牌整体风格的把握和品牌意识的培养。

六、结语

目前，艺术设计专业的网页设计课程存在着偏重技术而忽略艺术素养训练的问题，教学改革就是要培养学生的艺术审美和艺术素养，力求寻找到艺术与技术的平衡点，基于多媒体网络教学，合理构建教学内容，开拓教学视野。教学模式上采用项目教学和跨学科互动教学，内容上增加创意草图、版式设计、色彩设计、字体运用、交互功能和多软件组合使用等教学环节，评价上更加注重实践动手能力，其发展趋势是追求技术和艺术的完美结合，培养学生的企业品牌意识。

参考文献：

[1]刘妤.艺术设计专业的网页设计课程教学改革与实践[J].包装世界，2011，（04）：72-73.

[2]周小丽.“网页设计与制作”课程教学改革实践探究[J].教育与职业，2013，（08）：127-128.

[3]张大伟，唐运乐.艺术高职院校网页设计教学的研究与实践[J].计算机光盘软件与应用，2013，（16）：161-162.