（教育技术学专业论文）艺术院校《网页设计》网络课程的设计与开发.pdfVIP

单位代码单位代码 1044510445 学学 号号 20070402007040104104 分分 类类 号号 g434g434 研究生类别研究生类别 高校教师高校教师 硕士学位论文 论论 文文 题题 目目 艺术院校网页设计网络课程艺术院校网页设计网络课程的的设设 计与开发计与开发 学科专业名称 教育技术学 申请人姓名 邹 杰 指 导 教 师 郭根生 教授 论文提交时间 2012 年 6 月 3 日 独独 创创 声声 明明 本人声明所呈交的学位论文是本人在导师指导下进行的研究工作及取得的 研究成果。据我所知，除了文中特别加以标注和致谢的地方外，论文中不包含其 他人已经发表或撰写过的研究成果，也不包含为获得 （注：如 没有其他需要特别声明的，本栏可空）或其他教育机构的学位或证书使用过的材 料。 与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明确的说明 并表示谢意。 学位论文作者签名： 学位论文版权使用授权书学位论文版权使用授权书 本学位论文作者完全了解 学校学校 有关保留、使用学位论文的规定，有权保 留并向国家有关部门或机构送交论文的复印件和磁盘，允许论文被查阅和借阅。 本人授权 学校学校 可以将学位论文的全部或部分内容编入有关数据库进行检索， 可 以采用影印、缩印或扫描等复制手段保存、汇编学位论文。 （保密的学位论文在 解密后适用本授权书） 学位论文作者签名： 导师签字： 签字日期：2012 年 月 日 签字日期：2012 年 月 日 山东师范大学硕士论文 i 目 录 摘 要 .iv abstract . v 第一章 绪 论 . 1 1.1 研究背景和课题提出 . 1 1.2 网络课程研究现状 . 2 1.2.1 国外高校网络课程的现状 . 2 1.2.2 国内高校网络课程的现状 . 3 1.3 艺术院校网页设计课程的教学现状 . 3 1.4 研究方法和技术路线 . 4 1.4.1 研究方法 . 4 1.4.2 技术路线 . 5 第二章 网络课程开发的理论基础 . 6 2.1 建构主义学习理论 . 6 2.2 人本主义学习理论 . 7 2.3 多元智能理论 . 8 2.4 协作学习理论 . 10 第三章 网络课程开发的技术基础 . 11 3.1 开发工具 . 11 3.1.1 microsoft frontpage 软件 . 11 3.1.2 macromedia dreamweaver 软件 . 12 3.1.3 开发工具的选择 . 13 3.2 后台编程语言 . 14 3.2.1 asp 技术 . 14 3.2.2 php 技术 . 15 3.2.3 后台编程语言的选择 . 15 3.3 数据库技术 . 16 3.3.1 access. 16 3.3.2 sql . 17 3.3.3 数据库的选择 . 18 第四章 网络课程的需求分析与页面模块设计 . 19 4.1 网络课程的需求分析 . 19 4.1.1 学习环境 . 19 4.1.2 学习者特征 . 19 4.1.3 教学任务 . 20 4.1.4 教学策略 . 20 4.1.5 教学评价 . 21 4.1.6 考核评价 . 22 4.2 网页设计的需求分析 . 22 4.2.1 明确网站的主题和客户需求 . 22 山东师范大学硕士论文 ii 4.2.2 网页设计的总体方案 . 23 4.2.3 网页的布局构想 . 24 4.2.4 网页的风格与配色方案 . 25 4.3 网络课程的页面模块设计 . 25 4.3.1 栏目导航模块 . 25 4.3.2 会员登录模块 . 26 4.3.2 学生作品展览模块 . 27 4.3.4 通知公告模块 . 27 4.3.5 教学实例模块 . 28 4.3.6 教学资源模块 . 29 4.3.7 相关软件教程模块 . 29 4.3.8 优秀网页设计网站模块 . 30 4.3.9 各源码快速入口模块 . 31 4.3.10 页面整体效果 . 31 第五章 网络课程的后台管理功能设计与实现 . 34 5.1 注册与登陆模块的设计与实现 . 34 5.1.1 模块功能以及总体结构图 . 34 5.1.2 模块详细设计 . 34 5.1.3 建立 asp 与数据库的连接 . 35 5.1.4 界面详细设计 . 35 5.1.5 关键代码设计 . 36 5.2 新闻发布系统模块的设计与实现 . 38 5.2.1 新闻发布模块功能以及总体结构图 . 38 5.2.2 模块的详细设计 . 38 5.2.3 建立 asp 与数据库的连接 . 39 5.2.4 界面的详细设计 . 40 5.2.5 关键代码设计 . 41 5.3 在线交流模块的设计与实现 . 42 5.3.1 在线交流模块功能以及总体结构图 . 42 5.3.2 在线交流模块的详细设计 . 43 5.3.3 建立 asp 与 access 数据库的连接 . 44 5.3.4 界面的详细设计 . 45 5.3.5 关键代码设计 . 48 5.4 留言板模块的设计与实现 . 50 5.4.1 留言板模块功能及总体结构图 . 50 5.4.2 留言板模块的详细设计 . 51 5.4.3 数据库的连接 . 51 5.4.4 界面的详细设计 . 52 5.4.5 关键代码设计 . 53 第六章 网络课程的使用与效果评价 . 55 6.1 问卷调查分析 . 55 6.2 学生作品赏析 . 56 总 结 . 58 参考文献. 59 山东师范大学硕士论文 iii 附 录 . 63 攻读硕士学位期间发表的硕士论文 . 65 致 谢 . 66 山东师范大学硕士论文 iv 艺术院校网页设计网络课程的设计与开发 摘 要 随着计算机技术、网络技术、多媒体技术的迅猛发展，网络教学作为一种新 型的教学形式，以其开放的教学资源，良好的互动性，越来越受到人们的重视并 逐渐成为研究的热点。 从以教师为中心的传统模式教育到以学生为主体的网络教 学，教育正在经历着一场深刻的变革。网络课程作为网络教学的重要信息载体也 快速发展起来，如何设计与开发优质的网络课程成为当今教育领域一个热门课 题。 本文针对网页设计课程教学中的实际情况，从需求分析入手，并进行学 习环境分析、学习者特征分析、教学任务分析、教学策略分析、教学评价分析、 考核评价分析，对教学过程进行了详细的系统化教学设计，目的是解决课堂教学 中存在的没有合适的教材、学习者计算机底子薄弱、网络资源良莠不齐等实际问 题。 本文在分析研究国内外各种网络课程的基础上，针对笔者所在高校教学特 点，深入分析了现阶段我国高校网络课程的现状及存在的问题，以建构主义学习 理论为基础， 其他学习理论为补充， 分析了网络课程的设计需求和开发技术要求， 并结合网页设计课程的特点进行了分析与设计。在设计开发过程中，采用模块化 设计方法，将网络课程划分为七个模块：课程介绍、在线课堂、教学实例、教学 资源、通知公告、线上交流、留言系统。最后重点讨论了网络课程的体系结构， 并对后台四个模块（注册与登录模块、新闻发布系统模块、在线交流模块、留言 板模块）的开发实现过程进行了详细论述。 本课程采用的是 dreamweaver 开发工具、asp 后台编程语言、access 数 据库。已经经过初步测试，并投入使用，对课堂教学起到补充和扩展作用，教学 效果明显，在教学实践中受到学习者的好评。 【关键词】网络课程；网页设计课程；艺术院校；设计与开发 【分类号】g434 山东师范大学硕士论文 v design and development of web design web-based course abstract with the rapid development of computer technology, networking technology, multimedia technology, network teaching has gradually become the hotspot as a new type of instruction, because of its accessible instructional resources and well interaction. transforming from the traditional mode of education to web-based instruction of student-oriented, education is now undergoing a profound change. as an important vector, web-based courses have been rapidly developed. how to design and develop good quality web-based courses has been a hotspot in education. combined with the actual situation of web design teaching, this paper makes a detailed and systemic instructional design from the point of needs analysis. it consists of six steps: analyzing learning environment, analyzing learners characteristics, analyzing instructional tasks, analyzing instructional strategies, analyzing instructional evaluation and analyzing test assessment. the goal is to solve several problems in classroom instruction, such as no appropriate teaching materials, students weak information literacy and web-based resources of low quality. based on the analysis of various web-based courses in china and abroad, according to the characteristics of teaching in universities, the paper deeply analyzes the status and problems lying in web-based courses in universities, analyzes the needs of design and developing technology with the basis of constructivism, with the supplement of other learning theories. then the paper made an instructional design analysis combined with the characteristics of web design course. in the process of developing the course, the paper divided it into seven modules, including course introduction, online classroom, instructional examples, instructional resources, notice, online interaction and message system. at last, the paper discusses the systematic structure of web-based course, and made a detailed discussion on the four modules in the back platform: module for registering and login, module for news publication, 山东师范大学硕士论文 vi module for online interaction and module for leaving message. this web-based course is developed with the tool of dreamweaver, and asp programming language and access database. now the web-based course has finished the preliminary test and been put into use. the study shows that it can supplement and expand the classroom instruction, with good effects. it is popular among the learners in the instructional practice. 【keyword】 web-based course, web design course, art college, design and development 山东师范大学硕士学位论文 1 第一章 绪 论 1.1 研究背景和课题提出研究背景和课题提出 随着网络普及化程度越来越高，社会需求大量的网页设计从业人员， 网页 设计课程也成为最受学生欢迎的课程之一。笔者所在的学校是一所省级艺术类 院校，二级学院美术学院，成教学院等都开设了网页设计课程作为专业选修 课。笔者承担了本校美术学院的网页设计课程教学任务，该课程主要面对大 二、大三有一定计算机应用基础的学生，主要是通过理论与实践的网络教学，培 养学生对网页布局、色彩风格有一个系统的认识，并能熟练使用网页设计工具， 具备基本的网页设计工作能力。 随着网络技术的迅猛发展，现在的网页逐步发展成为集合了图片处理、动画 制作、音频视频、基于不同编程语言等多种技术的交互式网页，这种变化发展要 求网页设计课程与时俱进，适应社会需求。 目前，笔者承担的网页设计课程基本上是采用案例教学和任务驱动的教 学模式，即“教师讲授实例之后学生模仿完成”的课堂教学模式，学生处于被动 接受的局面，缺乏学习的主动性和创造性。如何提高学生学习的积极性，如何使 学生能适应迅猛发展的网络技术环境， “授人以鱼不如授人以渔” ，为了使学生能 不断主动吸取更多更新的网络技术，我们必须在教学模式上加以改进。基于教师 手中的教学资源十分有限，如何利用好丰富的网络资源，成为本门课程教学的关 键。 近几年，笔者在进行网页设计课程教学同时，不断研究国内外网页设计 方面最新制作技术，与学生一起互动，充分利用网络资源进行教学，大大提高了 学生的学习兴趣，带动了学生的学习积极性，课堂气氛活跃，学生的理论水平和 实践能力都有了很大的提高。学生普遍反映喜欢这种学习方式，能够主动去探索 了解最新技术，并能讲理论知识转化为实践能力。 在此背景下，笔者对网页设计网络课程教学设计有了一定构思，又多方 面查阅文献资料，对网页设计技术和网络教学的现状有了一定认识和了解，结合 本校艺术类学生的特点， 开展 网页设计 课程的网络教学设计与教学实践研究。 山东师范大学硕士学位论文 2 1.2 网络课程网络课程研究现状研究现状 网络课程是一种新型的教学资源， 涉及到每个学科领域， 是伴随计算机技术、 通信技术和网络技术发展起来的，在网络课程教学模式下，学习者可以不受时间 空间的限制， 可以根据自身的情况进行学习， 相对传统的教育模式更加灵活自由， 更加促进了教育终身化和学习社会化的进程。 1.2.1 国外高校网络课程的现状国外高校网络课程的现状 1993年，美国政府正式提出国家“信息高速公路的计划，加强网络信息基础 建设。1996年，美国政府在“教育技术行动”中明确提出，2000年，美国所有学校 图书馆教室都实现信息高速上网。有数据统计，该目标在1999年已经全部实现。 2002年， 美国麻省理工学院(mit)面向世界开放了1100门本科和研究生课程内容， 并宣布10年内将其所有课程全部放到网络上，包括教学笔记、课程大纲、阅读清 单以及作业，供全世界所有的人免费使用。mit其前无古人的创举引发我们的思 考。麻省理工学院校长接受采访时说“公开课程材料也许不符合常规，但是，这 是麻省理工学院一贯坚持的教学信念创新。 教育是可以通过更多人参与进来 不断获得发展的”。 目前，美国的网络教育基本覆盖全国高校的所有学科和专业，有75%的高校 面向全社会提供各种网络教育学习机会，有32%的全日制学生接受网络教学。美 国高校网络教育采取了各种技术手段，主要是双向交互式的视频技术和基于 web的非同步教学信息技术，各网络教育资源呈网状交错，充分满足不同学习 者对不同知识技能的需求，提供快捷有效的资料和帮助。 1997年英国政府提出连接学习化社会一国家学习信息系统建设报告，从 此英国的“国家学习信息系统”(grid for learning)建设计划的正式启动。1998年 grid系统首先在教育领域启用。 英国的开放大学教育模式是开放式教育，面向全世界，是最早进行网络教育 的学校，涉及面之广泛，几乎包括各种层次的教育和各个学科的课程。 山东师范大学硕士学位论文 3 1.2.2 国内国内高校高校网络课程的现状网络课程的现状 1994年，我国开始建设“中国教育和科研计算机网（cerniet）”基础工 程，1995年，中国教育和科研计算机网（cerniet）正式开通使用。1998年， 教育部在面向世纪教育振兴行动计划明确提出开展网络教育，开设高质量的 网络课程教学，实现师资教育资源共享。1999年国家教育部正式批准清华大学、 北京邮电大学、浙江大学、湖南大学为网络教育的试点院校。2000年，高教司下 发了关于实施新世纪网络课程建设工程的通知(教高司【2000】29号)。从此 我国各高校的网络课程建设进入了快速发展进程中。 近几年来，我国高校的基础网络设施建设发展很快，几乎所有的高校都加入 了中国教育和科研计算机网，开始重视网络教育平台和教学网站的建设。2003 年，教育部下达教育部关于启动高校教学质量与教学改革工程精品课程建设工 作的通知(教高【2003】1号)，从此各高校精品课程建设开始启动，并利用计 算机技术、信息技术等手段将精品课程相关内容做成网络课程，实现教学资源共 享。 目前， 我国高校的网络课程建设还属于探索阶段， 从部分网络课程内容来看， 还只是利用信息技术将书本文字变成网页或者网络版ppt文稿，缺乏教与学之间 的互动性，并没有将网络课程的优势发挥出来，如何真正满足学习者学习需求， 如何利用网络课程使学习者能够提高自身的学习能力， 是我们每一个教育者在教 与学中追求和探索的。 1.3 艺术院校艺术院校网页设计网页设计课程的教学课程的教学现状现状 顺应社会发展形势，网页设计人员的市场需求量很大，几乎所有的高校课程 设置中都会有网页设计类课程， 主要集中在计算机专业的学生和艺术设计类学生 中，也有校内跨系选修课，不限制专业。网页设计课程不同于其他学科，在计算 机技术、信息技术、网络技术飞速发展的今天，网页设计从业者需要掌握多种多 媒体技术及编程技术，所有的知识需要通过实践举一反三触类旁通。目前，笔者 所教授的网页设计课程存在的主要问题有三点。 1没有合适的教材 山东师范大学硕士学位论文 4 目前，网页设计类教材五花八门，大多属于工科类的教材，并没有真正适合 艺术类学生基础的网页设计教材。笔者所教的学生大多是去图书馆借阅相关教 材，一般都是相关软件的自学教程，内容起点都比较高，更适合有计算机网络基 础的人员，但对于很少接触计算机技术的艺术类学生来说，像一些专业术语等， 一些快捷按键使用，都比较难理解记忆。而且大多数教材理论性知识太多，知识 点太杂，只是将软件功能分开来讲解，却并不讲如何利用这些技术做好设计，还 有些教材，整章篇幅都在讲html语言，使得学生望而生畏。 2所学知识缺乏连贯性 目前， 高校中的网页设计课程的教学方式大多采用传统教育方式， 理论灌输， 被动接受式教学模式，从第一章概念讲起，然后是分别讲授各个工具使用方法， 每个章节独立讲解，作为学习者往往只是掌握了理论知识，却缺乏对知识的贯通 应用。待到课程结束时，学生依旧不知道如何做一个完整的网站。这是现在网页 设计课堂教学中普遍存在的情况。 3学生计算机基础薄弱 笔者作为一名艺术院校的老师，面对的是艺术类学生，他们的优点是绘画功 底好，审美能力强，不足是计算机基础薄弱，有些同学甚至只会开机关机聊qq。 这类学生上课的特点是，每堂课讲授的内容，当堂会了，但是过后就忘了。尤其 作为网页设计课程，涉及的应用软件设计语言众多，使用案例教学法、任务驱动 法教学，课堂效果很好，课后却容易遗忘。 没有有效的适合艺术类学生的网页设计方面教材，课堂学习时间又极其有 限，网络资源又过于丰富，对于刚接触网页设计技术的学习者来说不知道如何存 精去伪。所以，建立能够满足学习者需求的网络课程，培养学习者习惯通过有效 的网络资源回顾每堂课的教学情况，甚至能够主动去探索更多更新的知识，和大 家分享，提高自身的各项能力，成为教学改革必行之事。 1.4 研究方法和技术路线研究方法和技术路线 1.4.1 研究方法研究方法 1文献研究法 山东师范大学硕士学位论文 5 本文通过文献研究法以了解当前国内外高校网络课程的建设情况， 确定当前 我国高校网络课程的现状及存在的问题，为设计并开发适合艺术学院的网页设 计课程教学提供理论依据。 2设计研究法 本研究利用设计研究法，为设计并开发艺术院校的网页设计网络课程做 好充分的教学设计和页面设计，以保证网络课程在教学和交互方面的效果，以符 合学生对网络课程学习的需要。 3调查研究法 为了解学生在使用网页设计网络课程后的学习效果，本文采用问卷调查 法对使用过该平台的学生进行问卷调查， 为修改和完善改平台提供第一手的数据 资料。 1.4.2 技术路线技术路线 1开发工具 本文通过比较分析目前网页设计最常用的两个开发microsoft frontpage和 macromedia dreamweaver的特点及应用的优缺点， 根据开发者对开发工具的熟练 掌握程度，选择dreamweaver作为开发工具。 2后台编程语言 本文通过比较分析asp、php两种后台编程语言的理论基础和实践应用范 畴，根据现实安装环境特点，本研究中选择asp技术实现后台模块。 3数据库技术 本文通过比较分析microsoft公司的access和ibm公司的sql的语法特点和数 据库处理能力，根据开发者对数据库技术的掌握程度，以及本网络课程对数据库 的需求，本研究中采用access作为数据库环境进行系统搭建和开发。 山东师范大学硕士学位论文 6 第二章 网络课程开发的理论基础 任何课程的设计，都离不开学习理论、教学理论的指导。网络课程作为一种 新兴的教学形式，在满足学生自主学习和终身学习方面具有至关重要的作用。由 于网络课程在时间和空间上随意的特点， 因而网络课程的建设绝不能照搬传统课 程的方法和理论，而应该结合网络的特点，采取一套适用的方法和理论。 2.1 建构主义学习理论建构主义学习理论 建构主义(constructivism)也译作结构主义，其思想是在基于维果斯基、皮亚 杰和布鲁纳等人的思想的基础上出现的。建构主义可分