网页设计论文 网页设计毕业论文优秀11篇
在日常学习和工作中，大家都经常接触到论文吧，论文是探讨问题进行学术研究的一种手段。写论文的注意事项有许多，你确定会写吗？下面是www.shubaoc.com人美心善的小编帮大伙儿整编的11篇网页设计毕业论文，欢迎参考，希望对大家有所启发。
网站设计毕业论文 篇一
本毕业设计的主要目的是培养学生自己综合运用所学的知识与技能，去分析和解决问题的能力，并巩固和扩大课堂知识。毕业设计要求学生学会查阅、使用各种专业资料、网上资源，并以严肃、深入研究的工作作风完成设计任务，促使学生向工程技术人员转变。
1.4 设计要求
1． 利用实验室设备组建一个办公用的Windows网络，网络规模在50用户左右。
2． 安装调试Windows NT Server4.0/ SP6/ IIS4.0，管理该服务器。
3． 根据课题的要求，分析多媒体数据的格式特点，论证有关网络信息传输的方法和原理，并以此确定视频服务所采用的网络技术和多媒体数据格式。
4． 建立WEB视频点播站点，网站主要实现技术为HTML文本，可使用FrongPage2000或其他网页制作工具；制作剪辑一定数量的音视频点播源。
5． 毕业设计完成后，该系统应已在实验室运行，并向校园网开放，接受全校师生的检阅。
1.5 有关技术和原理
本节阐述有关毕业设计的技术和原理：
1． 计算机网络技术的基本原理；
2． 适合运行视频服务器的网络操作系统简介；
3． 流媒体技术和原理；
4． 网页设计工具；
5． JavaScript语言简介
1.5.1 计算机网络技术的基本原理
1.5.1.1 网络参考模型
目前有两种重要的网络参考模型：OSI参考模型和TCP/IP参考模型。前者由国际标准化组织（ISO）制定，全称为开放系统互联（OSI）参考模型。后者最早被网络先驱ARPANET采用，后来又被国际互联网（INTERNET）采用，成为目前网络参考模型的工业标准。
：30000多字
400元
备注：此文版权归本站所有；。
网站设计论文 篇二
图书馆网站是高校图书馆在互联网上宣传和展示自己的窗口。为了使图书馆的主页在其形象上具有个性，使读者便于识别，在图书馆网站设计时引入视觉识别系统是必要的。对于高校图书馆的网站页面设计的视觉系统包括：网站标志、网站标准字、标准色、版面、专用字体等元素。网站的经营战略、管理理念和服务理念通过网页中各个元素传递给受众，网页设计的成功与否将直接影响到访问人数，影响到网站的生存。此引可见视觉识别系统是网站与受众沟通的桥梁，是网站吸引受众的因素之一，它突出地展示了网站的风格与特点。
1.1网站标识
网站标识是网站视觉识别系统里的核心内容，作为一款符号图形，其隐喻图书馆的管理理念，具有精神上的象征性。现今国内高校图书馆多是将校徽图形进一步演变而产生的图书馆标识，且多是与图书的形象元素有关。国外高校则会采用一些范围更广的元素作为设计雏形，而不仅仅只局限于“书本”这个人人皆知的元素。对于图书馆标识的设计笔者认为更应该紧扣文化、传承以及院校和图书馆的办学管理理念，既不应该死抓“书本”这个耳熟能详的元素，也不应该完全抛弃图书馆这个核心而为了迎合时代潮流去追求一些形式美，毕竟在中国，儒雅、中庸这种儒家文化已经深入办学理念，过分的张扬与外露很容易导致不必要的外界争论。
1.2网站标准字、标准色、版面、专用字体
辅助标识的使用更进一步的加强其网站的可识别性。对于这些元素的使用，除了部分外联的论文数据库外，应该深入实施于网站内的每一个网页。在这一点上，国内很多高校图书馆的网站做得很差，因为其馆内图书目录数据库几乎都是外包与社会中各数据公司进行设计，并且在设计时，公司、图书馆、校园网络中心三者之间没有很好的交流，这就致使设计出的数据库页面与图书馆主页之间有着很多不相符，甚至完全背道而驰的设计元素。这就使得用户在使用时，心理上会有一定的不确定性，很大程度上降低了网站的实用性。
2网站结构
3用户体验
现代设计的风格已经从纯功能性逐步走向了体验设计。产品在设计上越来越丰富、细化，体现一种人情味和个性。一方面要求产品功能齐全、高效，适于人的操作使用；另一方面又要满足人们的审美和认知精神需要。对于网站的设计，更应该注重用户体验的一面。
3.1视觉体验
对于一个网页，其中信息的传递几乎都是由视觉进行传递的，其中色彩、图形的使用至关重要。在色彩使用中应该尽量避免蓝色字体与白色背景的搭配以及中国传统的白底黑字的运用，这两种搭配在电子信息的浏览中就并不合理，长时间的凝视会造成使用者眼疲劳，信息的搜索能力下降。而图书馆的主要适用人群就是长时间进行文献资料查询的在校师生。同时一个页面中也不应该有超过三种的字体颜色，过多的字体颜色也会造成是使用的疲劳与信息的混淆。
3.2操作体验
习惯用法在网页设计中至关重要，一个好的网页操作顺序应该照顾其使用者的习惯。例如，在进行图书检索的时候，人们的习惯是对书名进行检索，而部分图书馆的默认状态是对书刊号经行检索，这个设计就是不符合使用者习惯的，很大程度上造成了使用者的不便。确保每个链接都有效，对于国内高校的网站有这样子的通病，并不是每个人链接下面都是有效的内容，很多都是为了达到一种气势而制造的空链接，对于这种链接的使用，会很大程度上降低使用者对网站的好感度，可能致使读者再也不会去浏览这方面的链接。
3.3交流体验
目前，国内高校图书馆网站开通论坛与留言簿的很少，多数只是留有一个电子邮箱以作为和读者的互动工具，很多时候读者所发的关于图书馆使用问题的邮件并不能得到回复，使这个电子邮箱形同虚设。在图书馆网站上建立简易的论坛与留言，并安排专人进行定期管理维护，以更好地和读者经行互动。
4结束语
网页设计论文 篇三
【摘要】
本文以就业信息管理平台为例，研究网页设计中表格与层的应用，提出表格与层可以让网页的布局整齐美观，将网页中的文字、图片、动画等众多元素有条理地统一组织起来。虽然表格的使用整体上是好的，但在一些细节的美化上表格的设计就难以做到，这就要采用层来搭配表格的设计解决相应的排版美化问题。
【关键词】网页设计；表格；层；就业信息管理平台
随着信息技术的日新月异，网页设计的重要性也逐渐凸显，如何快速、方便地设计出相关的网页、网站就显得非常重要。在网页设计与制作的教学过程中，如何让学生快速地掌握网页设计的一些排版技巧是非常有必要的。因此，笔者结合网页设计与制作教学中的一些体会，并通过就业信息管理平台的设计案例，探索网页设计中表格与ApDiv（层）的排版设计技巧。
一、Dreamweavercs简介
Dreamweavercs是由Adobe公司推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。目前，最新的版本为DreamweaverCC，网页设计软件的功能强大。对网页的浏览已经是我们生活中的不可分割的一部分，网页作为网络信息传播的主要载体，其设计也为大家所关注。网页设计软件的种类有很多，但最出名、最专业的网页设计工具，非Dreamweaver莫属。它是著名的“所见即所得”的可视化网站开发工具，目前的网页设计几乎都采用Dreamweaver来设计。Dreamweaver不仅提供了强大的网页编辑功能，而且还提供了网页的上传工具。利用FTP进行大文件的传输，节省了文件的传输时间，它是一个集网页创作和文件传输管理等多功能的设计工具。
二、表格与层在网页设计中的使用
在就业信息管理平台的设计中，采用程序设计，可以很好地提高网页的下载与浏览速度，但对于初学者来说，程序设计是一件头痛的事。因此，如何利用表格与层来进行设计，就非常重要。网页设计中的排版有很多种方法，其中表格结合层的使用排版是最基本也是最有效的方法。表格与层，对职业院校的学生来说，非常容易学，而且使用也非常方便，做出来的网页也非常的漂亮，因此，在网页设计中表格与层是非常重要的。
（一）网页设计中表格的使用。在网页设计中，利用表格的排版，它的整体效果好是毋庸置疑的，表格在网页中的位置可以通过表格属性来进行设置。在Dreamweaver中，页面内容的设计、排版主要是通过表格来完成。通过表格的相互嵌套、合并与拆分，可以将自己构思好的页面完整地表现出来。表格在网页中的重要作用，主要是它在不同的显示上，可以根据网页的大小、显示器的大小进行相应的变化。并始终都处于浏览的相对位置，完整地把内容显示出来，具有很好的兼容性。因此，使用表格排版比较规范，整体性强，可以让网页的设计显得非常的整齐，达到想要的效果。但由于表格的整体性，在一些细微的地方以及操作上还不够细化，在内容的设计表现上还不够丰富。
（二）网页设计中层的使用。层的使用在网页设计中也是非常的普遍，由于它的定位比较精确，又是一种可视化操作元素，它的使用让网页增加了丰富的表现。层与表格的使用基本差不多，但在位置的定位上要比表格方便很多，这也是层的主要优点。在网页设计中，文本、图像、表格等元素只能固定其位置，不能相互叠加。如果要想使多个元素进行叠加或者定位要精确，在这种情况下，就需要使用层来进行设置。层具有很多表格所不具备的特点，如层的重叠、移动、隐藏等一些功能，层还可以添加一些动作行为，让层的内容表现更加丰富，也正是基于这一点，层成了网页设计中一个重要的元素。层的这些特点有助于设计思维不受局限，从而在设计上有很大的空间。由于它是一种流元素，层在具有上述优点的同时，也存在着一些不可避免的缺陷，例如层在网页中的定位不会随着浏览器大小的变化而变化，层的位置是固定不动的，在这样的情况下就失去了层在网页设计布局中的意义。
（三）就业信息管理平台中表格与层的结合使用。表格与层的结合使用才能更好地体现出它们的优势，层也才能更好地体现出它在网页设计中的强大功能。在网页设计中，如何做到表格跟层的统一、层与表格融为一个整体，这就要用到层在表格中的插入操作，以及层的嵌套使用，下面以就业信息管理平台中制作下拉菜单为例来设计。首先，在网页中插入一个三行一列的表格，在表格的第一行插入一张图片，作为网页设计的Logo，而在第二行中插入一个嵌套的一行五列的表格作为网页的导航条，表格的第三行作为主要内容的设计与排版。
三、表格与层的正确应用表格与层
在网页设计中虽然有强大的功能，但在使用的过程中也不能太随意，如果随意地使用就会增加浏览器的负担，浏览下载的速度就会变慢，影响网页的浏览。
（一）表格布局出现的问题。在网页设计中，利用表格排版的时候，不能使用一个大大的表格铺满整个页面，这样不利于浏览器的打开。浏览器打开一个表格，是要等一个表格全部下载完成，这样就需要很长的时间来打开这个网页。在表格的嵌套中，也不能无限制地嵌套下去，一般表格的嵌套，应该控制在最多三层表格，如果嵌套的表格太多，打开时也会消耗大量的资源，不利于网页的打开。有数据统计，一般浏览者打开网页的等待时间为7秒以内。如何解决这个问题，主要采用拆分表格的方法，将一个大的表格拆分成几个小的表格，并要尽可能地避免表格的层层嵌套。
（二）层布局出现的偏差。在网页的设计中，层的单独使用没有多大的意义，因为层是流元素，不会随着网页浏览器的变化而变化，它的位置是固定的，不会产生移动。虽然有时候，我们在利用表格与层排版的时候，看起来很整齐，但一预览就完全错位了，根本不是想要的效果。如何才能使层与页面中的表格一样，能够随浏览器的变化而产生相对位置上的变化，这就需要先使用表格对整个网页的整体进行规划，然后添加一个层到表格中的一个单元格中，作为一个父层。操作的方法为：菜单栏中的插入—布局对象—ApDiv，插入后，这个层的位置左、上必须为空，没有任何内容。然后，其他的子层就通过这个父层进行嵌套，在这里必须强调的是，父层必须通过菜单栏的插入，不能通过用鼠标画出来的方式操作。采用这种方法设置层后，无论浏览器的窗口大小如何变化，它都会跟着变化，体现了与表格成为一个整体，在浏览时就不会产生位置上的移动，因此，层只有结合表格的使用才能更好地丰富网页内容。
总之，在网页设计中，表格与层是非常重要的元素，但在布局设计中，只有把表格与层结合使用，才能让网页的布局精美与丰富。网页中的内容虽然很重要，但网页中的设计与布局才是最重要的。因此，通过合理的布局设置，特别是主页设计要整齐美观，才可能更好地吸引读者。因此，在平时的网页设计中，要多看一些优秀网站的排版设计，只有这样，才能更好地提高自己的网页设计能力。
【参考文献】
［1］俞燕丹．项目教学法在《网页设计与制作》课程中的实践研究［J］．新课程研究（中旬刊），20xx（10）
［2］韩媛媛．浅谈Dreamweaver在网页设计中的应用［J］．信息与电脑，20xx（7）
［3］周金容．网页制作过程与技巧［J］．软件导刊，20xx（15）
网站设计毕业论文 篇四
一、教学计划的改革
在培养高级应用型人才的目标指引下，根据高职教育的特点，针对岗位设置课程，剔除一些与专业培养目标不一致的课程，增加一些急需的课程；根据不同课程的重要性与难易程度，重新调整学分分布；适当降低理论的难度与深度，压缩理论课时，同时加强理论的应用，整合实训课程，提高实践环节的课时比例，用于实践环节的课时不低于总学时的50%。实践课程体系体现“三个结合”：专业教学与社会需求相结合、理论教学与专业实践相结合、专业基本技能与职业技能认证相结合。
此外，改进现行学历教育，以学历教育为主线，引入Adobe认证课程体系，将认证课程纳入专业教学计划，实行学历教育与职业技能认证教育相结合。充分考虑考证时间，统筹安排，与课程教学相衔接。四门职业认证课程均已相继开展认证――Photoshop、Illustrator、Indesign、Acrobat――如果在一年之内通过这四门认证，将获得“Adobe中国创意设计师”(ACCD)证书；如果是单独通过其中的某几门，每门都将获得一个产品专家（ACPE）证书。
二、教学方法的改革
为提高教学质量，积极改革教学方法，五成以上课程采用多媒体机房授课。动手示范直观教学，将理论与实例相结合，让学生在实例中掌握理论，取得了不错的教学效果。比如Photoshop、Illustrator、Flash、3Dmax等设计软件的教学，改革以往传统的教学模式，创新采用“冰糖葫芦法”。首先利用70%左右的时间，讲解一系列小实例，这些小实例将涵盖85%左右的知识点，小实例步骤少，效果明显，轻松几步就能将创意梦想变成现实，大大增强了他们的学习兴趣，提高了他们学习知识的成就感；然后，再讲解一些综合实例，在复习知识点、补充新的知识点的同时，培养他们应用知识、驾驭知识的能力。课外，通过QQ、E-mail等与学生保持密切联系，及时了解他们的学习情况，答疑解难，更好地调整日后的教学。
同时，在教学过程中，突出培养学生开拓创新精神，注重创新能力的培养、创新意识的形成、终身学习习惯的养成。例如，在某门课程即将结束时，组织学生进行课程设计，利用学到的知识，使用设计软件，进行有主题的创意设计，如壁纸设计、电影海报设计等，由任课教师进行全程指导，并挑选部分优秀作业进行写真，在校内展览。这样，在帮助学生树立自信、全面提高专业实践能力的同时，又增强了学生的组织管理、团队协作能力。
此外，加强原创教材的出版工作，将教学改革的成果具体物化，我教研室的老师总结这几年软件教学的经验，与兄弟院校合作，先后出版《中文Adobe Illustrator基础与实例教程（Adobe Illustrator CS2版）》、《中文Photoshop基础与实例教程（Photoshop CS3版）》、《中文Flash基础与实例教程（Flash CS3版）》、《中文3ds max三维动画基础与实例教程（3ds max 9版）》等教材。
三、考核方式改革：
课程的考核方式充分贯彻素质教育的理念，改革原有课程考试方法，增大实践环节考核比例，注重将理论应用于实践能力的培养。比如素描、摄影、设计构成、色彩、商标设计、图形创意、Photoshop平面设计、Illustrator图形制作、Flas制作、Dreamweaver网页制作、3dsmax等课程，主要通过平时成绩、实践成绩、课程设计三方面进行考核评分，平时成绩占总分的20%，除考虑出勤及平时作业的水平外，创新加入了对学生课堂中发言、讨论的综合评价；实践成绩占总分的30%，是实践或实训过程的综合评定；课程设计占50%，根据设计的效果进行评分。这对于督促学生主动学习、培养学生养成良好的学习习惯、以考促学、提高教学效果有着积极的作用，并取得了很好的成效。
其中素描、摄影、设计构成、色彩、商标设计、图形创意等课程，还挑选部分优秀作业在学期末进行展览，这有利于学生相互学习、见贤思齐、勇攀新高。
四、指导学生参加设计竞赛
在完成教学计划的同时，积极鼓励指导学生参加各级各类设计竞赛，这对于提升与检验学生的设计能力大有好处。例如，本专业2-041班有2位同学在长沙市第二届大学生Flash科普动漫设计大赛中获奖；现在，06级的学生正在老师的带领下，积极参与由团省委、省文化厅共同主办的“全省大学生原创手机动漫挑战赛”。
五、重视毕业设计（论文）指导
学生毕业设计（论文）是三年学习的最后一个实践性教学环节，是高职教育的重要过程，是学生知识深化、理论知识与具体实践相结合、基础知识与专业知识相结合的重要学习阶段，也是学生走向社会的一个过渡的总体实践的过程。
本专业的毕业设计（论文）指导工作，主要从以下几方面进行探索：A. 挑选湖南大学出版社的《艺术设计专业毕业论文与设计指导》一书，作为毕业设计指导参考资料。B.毕业设计前开设综合实践性强的过渡课程。因为前2年的学习基本是针对某一知识块的学习，而毕业设计，综合性很强，为了培养学生驾驭知识、综合实践、求实创新的能力，第五学期开设《平面设计综合实践》课程。C.毕业设计选题列多个方向供选择。为帮助学生确定毕业设计课题，使选题符合本专业培养目标，体现综合训练基本要求，题目难易程度适中，题目工作量大小合适，我们精选了CI设计类、包装类、书装类、招贴类、网站设计类、动画设计类、视频设计类等九个方向供学生选择；同时，每个选题方向都有具体的要求。D.提供毕业设计和毕业论文题目供学生参考。例如，在学生确定选题方向为“包装设计类”后，可参考选择“**牌龙井茶包装设计”作为自己的毕业设计，接下来，参考选择《浅论包装设计的价值观》作为毕业论文题目。E.在时间安排上，毕业设计环节采取集中安排与分散进行的办法：将毕业设计工作提前到第五学期开始，安排4周的时间在校内集中进行，基本完成毕业设计初稿，余下的第六学期分散进行。这样既可保证毕业设计的教学质量，又在时间上兼顾了学生就业与顶岗实习等毕业实践的进行。F.加强毕业设计过程监控。为了尽量使毕业设计与就业不产生冲突，针对第六学期学生比较分散的特点，我们灵活应用现代先进的联系方式，传统面谈与间接交流相结合，利用QQ、E-mail、电话、短信等与学生保持联系。G.科学评定成绩、全体答辩。对于毕业设计的评分，秉着公平、公正的原则，综合考虑学生的表现，采用五级分制（优秀、良好、中等、及格、不及格），答辩采取传统答辩（面对面答辩）和远程答辩相结合的方式，按评分细则，根据设计（论文）质量情况、答辩陈述情况综合考量，严格评分，同时，优秀控制在10%以内。对于通过答辩，评定为优秀的毕业设计，推荐到系里，与其他相关专业（方向）如计算机网络技术专业（网站设计与网页制作方向）、计算机应用技术专业（计算机辅助装饰设计方向）、动漫设计与制作专业、影视动画专业等数字媒体技术类专业推荐过来的优秀毕业设计一起参加优秀毕业设计答辩，最后，根据教研室评定的成绩和系答辩小组的评分进行加权平均，最终的优秀毕业设计，将获得证书。
高职教育教学改革是一项具有方向性、全局性和开创性的工作，是一项长期而艰巨的系统工程，涉及到众多方面，我们仅从某一侧面进行了一些探索，是否行之有效，有待时间和实践去检验，我们将抓住机遇，发挥优势，迎接挑战，不断探索，深化改革！
网站设计与制作论文 篇五
【关键词】
《网页设计》课程是一门实践性、应用性、创新性都很强的学科，知识覆盖范围较广，不只是网页制作知识，图像处理、色彩搭配、动画制作等内容也涵盖在其中，非常适合采用项目化教学方式授课，使学生边学边用。这种方式会比传统的授课方式得到更好的效果。
1 什么是项目化教学
项目化教学是近年来全世界范围内都在推行的、为培养学生职业能力，提高学生综合素质的教和学的模式。项目化教学的项目是计划好与实际工作贴近的任务，要求学生在规定时间内协作完成。项目实践过程中，课程要求的知识和技能得到理解和把握，学生分析问题和解决问题的能力得到提高，与人协调、合作的能力也得到增强，项目结束后原则上应有一件较完整的作品。在项目化教学中，教师带领学生精心挑选项目，指导学生进行具体的项目实施，并最终对学生的项目成果进行评价。而学生是整个项目式教学活动的主体，通过小组成员之间的团结协作，共同探究并完成项目学习任务，在短期内形成一个比^完整的作品。这种被总结为“以行业为导向，以学生为中心，以能力为本位”的教学模式，使学生学习的积极性被最大程度的调动，每个学生都能尝到成功的喜悦。
项目化教学的特点主要体现在：（1）实践性：项目有针对性和实用性，与学生可能从事的工作密切联系。（2）自主性：学生根据自己的兴趣选择在小组中担任的角色，选择探索和完成任务的方式，选择展示和评价的方式，能够自主、自由地进行学习，学生创造能力得到有效发展。（3）发展性：长期项目与阶段项目相结合，实现教学目标。（4）综合性：多数任务需要运用多门学科以及综合能力。
2 《网页设计》课程的项目设计
项目设计是项目化教学的关键，好的项目设计可以使学生在完成项目的过程中迅速掌握课程要求的知识技能，并有兴趣参与其中。由于本课程的知识内容涉及较多，并与其他课程有一定的交叉，所以项目分为阶段项目和长期项目。
阶段项目在前期的“理论和案例”教学阶段，该阶段主要通过案例讲授网页设计的基本技巧和方法， 完成学生的基本训练和专业训练。《网页设计》课程的学习内容主要有：网站的规划、网页布局的实现（框架、表格和层）、网页元素的制作（文字、图像、表格、表单、视频、动画等）、网页脚本特效、网站与维护。阶段项目主要依据阶段学习内容设计，包括（1）网站策划书的撰写（2）网站首页与分支页面的版面设计（3）网站 Logo 的设计（4）网站导航条的设计（5）制作明星主页――表格（6）制作花卉网页――框架（7）制作班级网站的主页――层（8）制作班级网站中的注册页（9）弹出窗口与页面动画（10）在页面中添加滚动的文字（11）制作班级网站中的帮助页（12）域名的申请（13）班级网站的优化（14）网站的测试、、更新与管理。该阶段的项目由于比较简单，以学生掌握知识技能为目的，不给学生分组，主要有学生个人完成。
第二阶段是“专题实训”教学阶段，在学生掌握了基本知识技能的基础上，强化应用，强调创新，强调小组组员间的分工合作。我们根据课程特点和学生特点，设计了几个项目可由学生小组任选一个完成。（1）宿舍网站；（2）淘宝网个人网店；（3）某企业网站；（4）本系网站。
3 《网页设计》课程项目化教学的实施
（1）明确项目任务：教师提出任务，同学讨论。项目要要紧密结合教材内容，也要给学生留有想象的空间，以供他们可以利用所学知识来发挥创造。设计项目不能过大，尽量在较短时间内完成整个项目，最终形成的成果应该是一个比较完整的作品。
（2）制定计划：学生制定工作计划，教师审查并给予指导。
（3）实施计划：学生分组及明确分工，合作完成任务。在项目实施的过程中，各个小组结合其自身的项目计划来实施项目。小组成员都必须保证具备团结协作意识，提升工作效率，教师不应该放任自流，而必须进行适当的引导。
（4）考核环节。本课程的考核成绩主要有阶段项目成绩和长期项目成绩两部分组成，各占50%，其中，阶段项目由教师评价，长期项目的成绩包括小组间互评和教师评价两部分，占比为6：4。
（5）归档或应用。将项目化教学的过程记录归档，总结，并应用于新的实践
4 结论与总结
项目化教学不但充分调动了学生学习《网页设计》这门课程的积极性，提高了学生的自信心，而且培养了学生的创新能力、小组协作能力等职业综合能力。这种超越了传统教学模式的教学方法非常适用于《网页设计》课程，值得在教学实践中进一步探索。
【参考文献】
网页设计毕业论文 篇六
关键词：非计算机专业；网页设计；教改；理论讲解；演示验证；练习实践
中图分类号：G642文献标识码：A文章编号：1009-3044(2009)35-10039-02
The Teaching Reform of Webpage Design Curriculum for Non-Computer Majors
XU Hui-jie1, ZHU Dan-hui2
(1.Henan University of Science & Technology, College of Economics & Management, Luoyang 471003, China; 2.Henan University of Science & Technology, College of Political & Social Science, Luoyang 471003, China)
Abstract: The disadvantages of the traditional curriculum teaching for webpage design is analyzed in the paper,and in accordance with the learning characteristics of the non-computer majors students, a teaching method which named "Three-Step" is presented. Meanwhile combining the features of the curriculum, a comprehensive criteria for assessment and evaluation is made. Practice shows that the method is effective.
Key words: non-computer majors; webpage design; teaching reform; theory explanation; demonstration and verification; practice
1 引言
网页设计课程作为一门集实践性、创造性、时代性为一体的课程，目前在我国高等教育的课程体系中广泛开设[1]。对于不具备丰富计算机基础理论知识和较强计算机编程能力的非计算机专业学生而言，传统的教学手段和教学方法已难以适应此类学生的学习，如何通过此课程的学习更有效地提高其实践创新能力，成为广大教师教改工作的一项重要内容。
通过近年的教学探索和实践，我们以新的教学理念和教学理论为指导，结合非计算机专业学生自身的情况和学习特点，采用了理论讲解―实际演示验证―练习实践“三步走”的教学方法，并基于“三步走”的教学方法建立了行之有效的课程考核标准，取得了较好的教学效果。
2 传统网页设计教学中存在的问题
2.1 教材陈旧，教学内容落后
计算机技术是随着网络、通信技术的发展而动态发展的，知识更新极快。这就需要与之实时对应配套的教材，更需要教师不断的学习和探索。而传统的教材往往教学内容陈旧，介绍的网页工具软件也非主流开发工具。同时，很多教师未认识到非计算机专业网页设计课程的特殊性和重要性，备课时间少，授课内容陈旧，不太注重授课效果和教学方法的创新。如在教学过程中应根据非计算机专业学生的学习特点，由浅入深地向学生引入主流的动态网页技术的应用，而非年复一年地重复静态网页技术的讲解。
2.2 教学计划限制了教学水平的发挥
对于非计算机专业的学生来说，基本上没有任何网页设计语言(如HTML,JavaScript)的学习基础，更缺乏的是借助计算机进行平面设计的能力。传统的教学计划往往注重理论讲解而忽略了动手实践，严重限制了教师教学水平的发挥。因此在新的教学计划的制定上，可以考虑增设或增加实践课时。
2.3 教学方法单调，难以激发学生学习兴趣
兴趣是最好的老师。有没有学习兴趣，是学生能否学好一门课程的重要因素。对于非计算机专业的学生学习网页设计课程，这一因素显得尤为重要。传统的网页设计课程教学方法往往是黑板式教学和口授言讲式教学，这种教学方式使教学理论和教学实践严重脱节，使本对计算机知识学习比较茫然的非计算机专业学生来说更难以产生求知的欲望，阻碍了他们学习的主观能动性和创造性的发挥。利用多媒体作为网页设计课程的辅助授课手段，可以使教学方法更加形象、直观，使学生的注意力更多地集中在投影屏幕[2],有效地提高了她们对网页设计课程的认识和理解。
3 “三步走”网页设计课程教学方法
3.1 理论讲解
非计算机专业学生的计算机知识基础不理想且程度参差不齐，因此做好网页设计课程前期的理论讲解对提高学生此方面的感性认识，增强学生的理论知识是必要的[3]。本阶段的主要任务是让学生理解网页设计的基础理论，领会网页设计的基本理念，熟悉和掌握静态、动态网页技术。
经过探索实践，我们采用情境教学法和范例法相结合的方式[4-6]。如讲解HTML语言之前，我们先做如下多媒体演示：新建一个*.txt的文本文件，在文件当中输入网页的基本架构代码(head,titile,body等),并在body部分写入一串附带一定格式的文字，保存完毕后将后缀名。txt改为html,再双击打开文件，之前写入文件中的网页架构代码不见了，文件已变成了带有标题并且显示格式化后的文字的网页文件了。学生们一片哗然，然后告诉大家今天我们讲解的内容是HTML语言，网络中成千上万的网页都是通过它们这些代码架构出来的。随之教师再举出一个具有典型结构特征的网页案例，先观察它的实际显示效果，再查看它的后台源代码，然后逐一向学生讲解HTML语言中各标记的涵义。由此可以大大激发学生们的学习兴趣，为整个章节的理论讲解奠定了基础；再如讲解网页设计的理念时，可以先给学生展示典型的商业网、政府网、教育网、个人网分别是什么样的结构布局，采用了什么样的色调和风格等，启迪学生从不同的角度去观察和研究网页和网站，最终提高他们对网页设计课程的感性认识。
3.2 实际演示验证
理论的讲解是为了让学生明确学习目标，掌握设计语言、设计理念和技术。实际的演示验证则可以充分调动学生的求知欲。授课过程中，理论讲解和实际演示验证是实时相互关联互相补充的。理论讲解是实际验证的基础，实际演示验证是理论讲解的表现形式。实践结果表明，两者相结合，对于非计算机专业学生积极主动探索、师生互动协作学习起到了很好的作用。如在讲解“时间轴动画”这节课时，可以向学生理论讲解日常生活中所见到的充满动感效果的网页实质是在网页中快速连续播放不同帧单元的图像来实现的。利用时间轴技术可以轻而易举地制作出上述效果，而时间轴动画本质上就是在特定的时间内、在指定的动画运动轨迹上，显示一系列有关联特性的静态图像的组合[7]。在讲解完利用时间轴制作层动画的模式和特点后，教师本节课理论讲解的核心部分业已结束，随后最主要的任务就是引导学生进行实际的演示验证阶段。根据前面讲解的理论内容，新建一个层并将事先准备好的一图片素材插入到层中，拖曳层到时间轴中形成一段15帧的动画条。选中15帧将红色当前帧标记移到该帧上，最后将层从页面左边移到页面右边，此时网页中出现一水平移动的轨迹，时间轴动画制作完毕。点击时间轴中的不同帧，页面中对应不同位置状态的图片。通过一系列的演示验证，不仅验证了时间轴制作层动画的原理、加深了学生对前面理论讲解内容的领悟和理解，更无形中激发了学生的学习动机和兴趣。以笔者讲授非计算机专业网页设计课程的经历，采用理论讲解与实时地实际演示验证相结合的讲授方法，往往当天节次的课程教授完毕后，大多数学生会在课下主动上网查找相关资料、收集素材以自己亲身制作一个自己预想效果的网页来。
3.3 练习实践
对非计算机专业的学生来说，经过前面的两个步骤的学习，学生对网页设计课程的理论和感性认识方面都得到了很大的提高，具备了设计和制作一些基本网页的能力。而练习实践这一阶段是教师将课堂的自交给了学生，由学生亲自实验操作、相互交流、资源共享等。在教改实验中，笔者将整个课程设计成五个涵盖所有知识点和能力要求的练习实践项目。练习实践中，教师采用合作的方式，通过网络与学生交流、研讨；学生在要求的项目要求下，可以结合自己的设想有所探索创新。实际结果表明，该方法有效地促使学生在合作交流的学习环境中分析问题、解决问题、研究与探索问题的能力。
4 课程考核评价标准
网页设计课程是一门注重实践性的课程，评价考核学生学习效果的标准是学生能否设计制作出合乎要求的网页作品来。因此，笔者在教改中将课程的考核评价分为平时成绩、实验成绩、期末成绩三部分。其中平时成绩与实验成绩分别占课程总考核成绩的10%和20%,期末成绩的依据是学生在要求学时内设计的网页作品，衡量作品的量化栏目包括站点结构、页面风格、技术规范、网页内容四方面，每一栏目又包括若干个子栏目并有与之对应的分值，该部分在课程总考核成绩的70%。
5 结束语
非计算机专业网页设计课程既是一门计算机应用方面的基础课程，也是一门包含静态网页技术、动态网页技术、数据库技术等方面的综合课程。因此，它既具有一般课程的普遍特征，又具有其显著的独特性。只有采取针对此类学生行之有效的教学方法，才能达到预期的教学目标。教改的实践表明，笔者提出的“三步走”教学方法和新的注重实践的课程评价标准能有效地激发学生的学习兴趣，调动学生的学习积极性和创造性。
参考文献：
[1] 倪宁。高职网页设计任务驱动改革的实践和思考[J].科技创新导报，2009(8):135-137.
[2] 袁S.公共计算机课教学教改尝试[J].邵阳学院学报：社会科学版，2008(Z1):154-155.
[3] 韩宏旺，张思金，刘好斌。非计算机专业学生的C语言教学模式探析[J].江西青年职业学院学报，2008,18(4):82-84.
[4] 黄甫全，王本陆。现代教学论学程[M].北京：教育科学出版社，2003.
[5] 李秉德。教学论[M].北京：人民教育出版社，1991.
网站设计范文 篇七
时间：2004-03-17作者：
目录
第一章：诸论………………………………………………………………..1
1．1设计思想……………………………………………………………………………………1
1．2开发工具的选用及介绍……………………………………………………………………….1
第二章：网站总体分析与设计2
2．1网站系统分析………………………………………………………………………………………….2
2．2、主页设计3
2．3、数据库设计4
第三章：详细设计4
3．1家长学校联络簿………………………………………………4
3．2网上图书馆11
3.3网上评优投票系统20
3．4达级考试在线查分系统与计数器的制作………………………22.
第四部分：系统的使用说明与安装25
第五部分：参考文献：26
附录：源文件代码27
第一章诸论
在Internet飞速发展的今天，互联网成为人们快速获取、和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，特构建长沙市工商职业中专学校网站。
1．1设计思想
通过网站，全面宣传，展示学校风采、优点与特色，学校的重大活动安排与招生政策，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率。
1.2开发工具的选用及介绍
ASP的优势：
ActiveServerPages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或javascript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在IE浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。
ASP的特点：
任何开发工具皆可发展ASP
只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPageExpress、FrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ASP，可能会发生一些意想不到的离奇状态。
通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。
语言相容性高
ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。
隐密安全性高
如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因杰ASP程序先于网站服务（WebServer）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。
易于操控数据库
ASP可以轻易地通过ODBC(OpenDatabaseConnectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel”文件当成数据库用。
面向对象学习容易
ASP具备有面向对象（Object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。
ASP的六大内部对象
对象名称功能描述
RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理
所以我选择了ASP结合Frontpage架构长沙市工商职业中专学校网站
第二章网站总体分析与设计
2．1网站系统分析
根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：
l学校风采通过学校概括、教师风采、校园之星及部分图片等内容来展现。
l优点特色通过新闻、生动活泼的教育教学栏目来展现。
l信息通过公告栏、信息查询等栏目来实现，内容有招生政策、
活动安排等。
l部分校务根据校务的公开程度与参与人数的多少，特选择图书管
理、评优、考试查分、家校联系四大校务在网上实现。
2.2主页设计
网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息，对于四大校务，就得利用ASP与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。
主页结构图
注：带下划线的表示是链接方式
2．3数据库设计
采用的数据库是MicrosoftAccess，拟建立teach.mdb库文件，包含如下几个表文件：
allmessage留言信息表
Libbooks图书信息表
Libcategories图书类别信息表
Libemps图书馆用户信息表；
stud学生信息表
第三章详细设计
3．1家长学校联络簿
3．1．1功能：
利用SQL语法过滤特定的家长留言意见，让老师可以针对某位特定学生家长所发表的意见作出独立的回答，同时，家长在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来让大家看到，当然，老师拥有管理的能力，只要以密码登录管理模式，就可以进行各个学生家长的单独意见回复，而且还能看到家长们所留下的“悄悄话”。
3．1．2组成构造
共分成六大部分：
1，意见留言结果网页guest.asp：用来显示家长发言与老师回复内容，同时还具备一般模式与管理模式两种显示方法。
2，家长发言表单网页addmsg.asp：让学生家长填写发言内容并选择发言性质。
3，家长发言数据处理ASP程序add.asp：处理家长发表的意见数据，同时将这些意见数据记录起来并将网页显示转向至意见留言结果网页。
4，老师回复表单网页teachans.asp：让老师针对某位特定学生家长所发表的意见作出独立的回答。
5，老师回复数据处理ASP程序anssave.asp：处理老师回复的数据内容，同时将这些意见数据起来并将网页显示转向至意见留言结果网页。
6，数据表文件allmessage：用来储存家长发言数据与老师回复数据的Access类型数据库文件。
“数据表文件”负责存放家长发言数据与老师回复内容的数据记录，为Access类型的库文件，将它定名为：“message.mdb”。
下图为家庭联络簿的组成与流程图：
老师回复
家长留言
读入写入
写入
3．1．3数据库结构设计
数据库文件”teach.mdb“中的数据表”allmessage“的栏目设置，如下图：
字段名字段类型
3．1．4界面设计与重点、难点代码的设计
数据库与留言显示程序网页
家长发言与老师回复的内容数据全部储存在数据库中，要在网页中显示目前的家长发言与老师回复数据，必须先进行数据库的链接与打开，要链接数据库我们必须使用ADO对象群的Connection对象；而要打开数据库则必须使用ADO对象群的Recordset对象，程序：
setcn=("")
cn.open"filedsn=c:\programfiles\commonfiles\odbc\datasources\msaccessdatabase.dsn"
setrs=("")
sql="select*fromallmessageorderby留言时间desc"
rs.opensql,cn,1,1
Recordset对象是负责浏览与操作从数据库取出来的数据，Connection对象只负责与数据库进行链接的动作，并不能使用数据库内的数据，因此必须建立一个可以存取数据库数据的Recordset对象，
使用RS.Open方法存取”teach.mdb”数据库
RS.OpenSQL,CN,1,1
使用open方法来打开数据表或执行Select指令参数设置如下：
1，参数一（SOURCE）:为欲打开的数据表或SQL指令。
2，参数二（ActionConnection）:指定一个已打开的数据库对象，将此参数设为链接我们已经建立好的Connection对象“CN”。
3，参数三（CursorType）：指定Recordset的打开类型，1为可读写且可自由移动。
4，参数四（LockType）:指定锁定类型，1为只读。
数据排序与SQL指令
1．Select指令的筛选语句：
格式：Select…From
在SQL语言中：“Select”数据表“中选取某些“栏位”的数据。
2.如果要选取的数据表数据包含了一个以上的栏位，则我们可以利用“，”逗号来栏位名称隔开。
3．如果要选取的数据表数据包含了全部的栏位，则可以利用万用字符“*”来代表全部的栏位。
可排序数据的Select指令
1．当我们希望被选取出来的数据记录数据能够依据某个或某几个栏位的内容来排序时，只要将这些排序依据的栏位摆放在“OrderBy“保留字之后，然后将这处排序的语句连接在”Select…From“后面就行了。
2．“OrderBy“默认的排序方式是“由小排到大”，但若是希望排序方式是“由大排到小”，则我们可在栏位名称后再加上“Desc“保留字！将排序方式改为”由大排到小“。
在“显示留言意见”网页中的打开数据库ASP程序中的语句：
SELECT*Fromallmessageorderby留言日期Desc
功能为：从数据表“allmessage“中取出所有栏位的数据，并将取出的数据记录内容依照”留言日期“栏位使用的”由大排到小“排序方式进行排序。
留言显示网页的管理模式
“显示留言意见”的网页就必须具备显示模式选择的功能，当显示模式在一般情况时要能显示家长们的一般性发言，同时还得将“悄悄话“的发言隐藏起来。当老师以密码登录成为管理模式时，则必须将一般性发言与悄悄话发言的数据全部显示出来，同时还得让老师们可以针对某位特定学生家长所发表的意见作出独立的回答。
这两个情况是通过密码登录管理模式的ASP程序实现的：
<formmethod="post">
<%ifsession("checkedit")="yes"then%>
<inputtype="hidden"value="yes"name="goexit">
<inputtype="submit"value="离开管理模式">
<%else%>
密码：<inputtype="password"name="password"size="4"maxlength="4"><inputtype="submit"value="教师管理">
<%endif%>
</form>
在这段网页语句中，利用Session对象来记录目前的工作模式。当我们第一次进入“显示留言意见”网页的时候，我们所见的网页画面一定是一般！因为Session尚未被建立，因此它的“变量”值一定不会是“yes”，所以网页中会出现一个输入密码进入“教师管理”模式的栏位，只有当我们输入密码按下“教师管理”的按钮组织上发ASP程序中的进入管理模式语句后，Session对象才会被建立，同时，“checkedit“Session对象变量值被设置为“yes“，所以我们就进入了能将一般性发言与悄悄话发言的数据全部显示出来，同时还让教师们可以针对某位特定学生家长所发表的意见作出独立回答的管理模式页面。
留言显示网页的分页
当家长的发言与老师回复的数据笔数太多时，一次要将全部的数据内容显示在网页中，等待网页下载的时间太长了，因此采用固定笔数分页浏览方式来显示网页。
要进行分页显示，得先知道目前有多少笔的留言数据，而留言数据笔数可以通过Recordset对象的“Recordcount“（记录个数）属性得知，我们将每10笔数据为一单位分页显示：
count=
ifcount/10>(count\10)then
totalpage=(count\10)+1
elsetotalpage=(count\10)
endif
“/”为浮点数除法，“\”为整数除法。
跳页选择的ASP程序语句
所有的发言数据采用固定笔数分页浏览的方式来显示后，还要提供一个跳页链接显示的功能，让浏览者可以选择希望浏览的页次进得浏览，ASP程序语句：
pagecount=0
ifrequest.querystring("topage")<>""thenpagecount=cint(request.querystring("topage"))
ifpagecount<=0thenpagecount=1
ifpagecount>totalpagethenpagecount=totalpage
(pagecount-1)*10
发言表单网页制作
insetu3
表单的参数
表单的Action参数：Action参数是用来指定Server端处理此一表单数据内容的程序，此处表单处理ASP程序为“add.asp“，
表单的Mothed参数：要将表单传送至Server端的方式有两种，设置值分别为GET及POST，若设置为POST，则浏览器会等Server端来读取数据，若设置为GET，则当我们按下送出按钮时，浏览器会立即将表单中的数据内传送出去。利用POST方法，在传送的数据上将不受限制，利用GET方法传送的数据量则大约只有2K左右。
留言处理程序
要将家长发言数据作后续处理及将这些数据内容存入数据库，须利用添加数据记录的InsertInto指令，然后再写入数据库文件中：
Insetinto指令语句格式：
Insertinto数据表名（栏目名）values（栏目值）
sql="insertintoallmessage(家长姓名，留言主题，联络信箱，留言内容，私人公开，留言时间，班级)values("
sql=sql&"''''"&parent&"'''',"
sql=sql&"''''"&subject&"'''',"
sql=sql&"''''"&email&"'''',"
sql=sql&"''''"&memo&"'''',"
sql=sql&"''''"&personal&"'''',"
sql=sql&"''''"&now&"'''',"
sql=sql&"''''"&bj&"'''')"
cn.executesql
回复表单程序网页
必须让老师们可以针对某位特定学生家长所发表的意见作出独立的回答，
使用Select…From…Where筛选语句
sql="select*fromallmessagewhere(编号="&ID&")"
rs.opensql,cn,1,3
然后将特定的家长发言数据放在表单，方法是将数据库中的数据取出来，然后放在表单栏位中：
“家长姓名“栏位网页语句标签
<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("家长姓名")%><font></td>
“留言主题“栏位网页语句标签
<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言主题")%></font></td>
“留言内容“栏位网页语句标签
<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言内容")%><font></td>
老师在回复栏位中所填入的数据，必须送给处理老师回复数据的ASP程序”anssave.asp”来记录以及处理这些回复数据。当老师填写好回复发言的数据后按下“送出回复”按钮后，表单中的数据内容就会以“POST”的方式由SEVER端读取，然后将数据内容交由处理老师回复数据的ASP程序“anssave.asp”来将数据内容写入数据库。
3．2网上图书馆
网上图书馆将学校图书馆图书放到网络上供人借阅，这样不仅方便了校内的学生与教职员工使用图书馆的资源，还为图书馆管理员提供了一种简便地管理图书馆的方法。
3．2．1功能
网上图书馆系统可以进行图书的出借和归还。还可以在系统中按照多种字段对图书进行查找，还可以浏览某个种类的所有图书。该应用程序也为图书馆管理员提供了一些功能，如添加、编辑以及删除图书等，或者在分类层次结构中添加新的种类。
3．2．2系统的层次结构
下图的每个方框代表校园图书馆网站中的一个页面。除了只包含HTML的Search页面外，其他的均为ASP页面。因为每个图书的页面都不同，所以大多数的页面实际上都是多页面。
3.2.3数据库设计
本系统共使用3个数据表：
LibBooks表包含与图书有关的所有数据。该表中的字段内容的图书的通用信息。另外，对于已经出借的图书，该表中还包含借阅该图书的用户的ID号，以及图书的状态。
表视图如下：
字段名意义字段类型字段名意义字段类型
bookid书号(主键)数字(nonull)status状态文本
title书名文本checkedoutto用户id数字
author著者文本reservedby用户学号数字
Subject主题文本description描述文本
IsbnIsbn号文本keywords关键字文本
LibCategories表包含Library中的所有类别，在访问者浏览图书列表时将会用到这些类别。每个类别都可以作为另外类别的父类别。有一个特殊的类别，Top-Level,没有出现在类别列表中，但是可以作为其他任何类别的父类别。
字段名意义字段类型
Categoryname类别文本(noll)
parentcategory父类别文本(noll)
LibEmps表包含可以访问图书馆网站的用户信息。该表包含一些通用的信息字段，比如用于进入图书馆的用户密码等。
字段名意义字段类型字段名意义字段类型
empid用户id(主键nonull)数字password用户密码文本
Empname用户姓名文本manager管理员代号数字
emailaddress用户邮箱文本
图书馆数据库的数据关系如图9-22所示。其中表LibEmps和表LibCategories与表LibBooks之间都是一对多的关系。每个雇员都可以借阅多本图书，每个类别都可以包含多本图书。
3.2.3界面设计与重点代码的设计
网上图书馆系统有两种用户，一是管理员。另一种是只允许使用图书馆系统，而没有管理功能的一般用户。访问者进入网站，首先要进行登录，如下图所示。登录页面（index.asp）
访问者输入E－mail地址和密码来登录，然后单击“登录”按钮。输入的数据提交后与数据库中的用户表进行匹配。
须创建一个记录来保存基于访问者登录的用户信息
setRSFindEmp=conn.Execute("selectEmpID,ManagerfromLibEmpswhere"_
&"EmailAddress=''''"&Request.Form("EmailAddress")&"''''and"_
&"Password=''''"&Request.Form("Password")&"''''")
TheMessage="密码或email地址不对。"
else
Session("EmpID")=RSFindEmp("EmpID")
Session("Manager")=RSFindEmp("Manager")
"../yk.htm"
endif
表单域EmailAddress和Password用于Where了句中来获取一个记录。如果访问者输入了一个无效的用户名，则记录集中将不会返回匹配的记录。我们可以通过查看EOF标记来判断一个记录集是否为空。为空，则访问者将被拒绝进入该系统。不为空，则访问者的EmpID值和Manager值将从记录集中返回。写入Session变量，变量将在整个网站的所有网页中都是有效的。这些变量的存在与否及其取值将用于确定是否允许进入一个特定的网页，同时也用于访问者进行书目的归还和借阅操作。
图书馆菜单页面
图书馆菜单页面包含指向其他4个页面的链接：管理页面、搜索页面、图书列表页面和主页面。还有一个可显示用户所借书籍的按纽。如果访问者是图书馆管理员，则菜单界面如图所示。如果访问者不是图书馆管理员，则看到如图所示的界面。非管理员的访问者的界面上没有指向管理员菜单页面的链接。
实现办法：访问者登录时在登录页面上的创建的会话变量Session用于从数据库中获取访问者的有关信息，表示它是否是管理员。如果值为1，就表明访问者是一个管理员，则用如下代码写入一个指向管理员页面的链接：
<%IfSession("Manager")=1then%>
<AHREF="../html/management_menu.asp">管理员菜单</A>
<%endif%>
通过按纽B1是否为空来判断要不要显示用户所借图书，利用一个记录集来获取访问者已经借出了的所有图书的列表。
ifNOTisempty(Request.Form("B1"))then
setRSBooks=conn.Execute("selectBookID,TitlefromLibBookswhere"_
&"CheckedOutTo="&Session("EmpID"))
endif
再用循环语句将所借书以表格形式显示出来。
<tableborder=1width="90%">
<%ifNOTisempty(Request.Form("B1"))then
%>
<TR>
<TDWIDTH=40%height="20"><%Response.WriteRSBooks("Title")%></td></tr>
<%
loop
endif
%>
</table>
循环将遍历Rsbooks记录集中的每个记录，直到该记录集结束：
该网站中的所有ASP页面都会在访问者访问之前对其进行登录检查。这样就可以避免访问者通过输入某个页面地址然后在没有登录的情况下直接进入该页面的情况发生。此外，每个管理页面都要确认访问者是管理员。公务员之家版权所有
管理菜单页面
管理菜单页面有一个HTML表单，根据选择的按钮的不同，可以进行5种不同的操作：图书的归还、图书的编辑、图书的删除、图书的添加和类别的添加。不管选择了哪一个按钮，该表单都提交人其自身进行处理。
要进行图书的归还、图书的编辑、图书的删除三种操作，须先进行搜索，找到该书后，由图书Book.asp返回一个链接：
<%IfSession("Manager")=1then%>
<AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理员菜单</A>
<%endif%>
而管理者页面通过下列语句
<%=request.querystring("title")%>
<inputzztype=hiddenname="BOOKID1"value="<%=request.querystring("BOOKID")%>>
这样就将所找到的书的书号BookID、书名Title传递管理者页面。再进行所须操作。共有3个不同的铵纽，可以进行3种操作。若单击“修改”钮：
则重定向到编辑图书页面，同时把Bookid传递给该页面。
"./edit_book.asp?BOOKID="&request("BOOKID1")
将其他的情况需要建立到数据库的连接：
setconn=("")
Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")
ifNOTisempty(Request.Form("Delete"))andrequest("BOOKID1")<>""then
conn.Execute"deletefromLibBookswhereBOOKID="&request("BOOKID1")
endif
if(NOTisempty(Request.Form("checkin")))andrequest("BOOKID1")<>""then
conn.Execute"updateLibBookssetcheckedoutto=0,status=''''Available''''whereBookID="&Request("BOOKID1")
endif
页面中的添加新的种类部分包含一个文本控件和一个选择控件。其中选择控件是用所有已经存在的类别列表进行填充的，包括特殊类别Toplevel，该类别表明当前类别是处于类别层次结构中的最顶层。代码如下：
先用一个记录集来填充父类别选择控件：
setRSCategories=conn.Execute("selectCategoryNamefromLibCategoriesorderbyCategoryName")
再用下列循环语句：
<%
%>
<OPTIONVALUE="<%response.writeRSCategories("CategoryName")%>"><%response.writeRSCategories("CategoryName")%></OPTION>
<%
Loop
%>
遍历RSCategories记录集中的每个记录，并作为一个选项添加到列表中，而记录集中CategoryName同时作为显示值和传递值：
本页面还包含一个指向添加图书页面的链接。
搜索结果页面
搜索页面的代码获取与访问者查找规则相匹配的图书，然后将这些图书显示给访问者。
搜索页面上的表单包含一个选择控件和一个文本控件。选择控件中的选项是用可搜索的字段填充的：
需要用一个记录集来保存与访问者的查找规则相匹配的记录：
setRSBooks=conn.Execute("selectBookID,Author,Title,SubjectfromLibBookswhere"_
&Request.Form("SearchField")&"Like''''%"&Request.Form("SearchCriteria")&"%''''")
注意：，符号%表示的是一个广义搜索。这一点类似于ACCESS中的符号*。
然后将所找到的书以表格形式显示出来。代码如下：
<%%>
<TRVALIGN="top"ALIGN="left">
<TDWIDTH=40%height="20"><B>书名：</B><AHREF="../html/book.asp?BookID=<%Response.WriteRSBooks("BookID")%>"><%Response.WriteRSBooks("Title")%></A></TD>
<tdwidth=20%height="20"><B>著者：</B><%Response.WriteRSBooks("Author")%></td>
<tdwidth=30%height="20"><B>主题：</B><%Response.WriteRSBooks("Subject")%></td>
<%
Loop%>
图书页面
图书页面的代码显示图书的有关信息，以及管理图书的出借操作。
该页面通过Querystring传递BookID
ifisempty(Request.QueryString("BookID"))then
"./search.html"
endif
如果其中不存在，则访问者将被重定向到搜索页面：
如果同时传递表单中包含的变量Action不为空，则表明访问者正借阅该图书：
ifNotisempty(Request.QueryString("Action"))then
在这种情况下，需要将图书状态改为Checkout,同时需要将Checkedoutto字段修改为该访问者：
conn.Execute"updateLibBookssetStatus=''''CheckedOut'''',"_
&"CheckedOutTo="&Session("EmpID")&"whereBookID="_
&Request.QueryString("BookID")
"./library_menu.asp"
endif
然后将该访问者重定到图书馆菜单页面：
下一步，利用图书的状态来确定不同的链接
未借出时链接如下：
ifRSBooks("status")="Available"then
LinkText="<AHREF=""../html/book.asp?Action=CheckOut&BookID="_
&Request.QueryString("BookID")&""">借这本书</A>"
如果图书已经借出，就创建一个不同的消息，并将链接设置为指向Librarymenu页面：
LinkText="<AHREF=""../html/library_menu.asp"">图书已出借，返回主菜单。</A>"
最后根据是否是管理员，显示管理员菜单链接。
<%IfSession("Manager")=1then%><AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理员菜单</A><%endif%>
3.3网上评优投票系统
3.3.1功能：
能实现全校性的评选，快捷、公平，且有效，不允许做票。
3.3.2组成构造
这个系统由3个部分组成——投票页面vote.htm，处理投票结果的脚本，显示投票页面。
3．3．3数据表的设计：
3．3．4界面设计与重点、难点代码设计
投票页面
该页面是一个纯HTML文件，它让用户选择自己想选举的候选人，并填写自己的详细资料，以确认投票的有效性。页面显示如图所示。
表单处理脚本
在vote.htm中各项数据都填写完毕后，单击确定投票按钮，表单的数据就被提交，
本次评优共有4个候选人，但只能选两个。故用复选框。
投票的有效性通过是否是本校学生，且是否投过票来判断。
ifrequest("passno")<>""then
sql="select*fromstudwherepassword="&"''''"&request("passno")&"''''"&"andyitu=0"
setrs=cn.execute(sql)
%>
<h2align=center><%response.write"你无权投票"%></h2>
本设计允许少选，不允许多选。通过判断Vote投票界面传递过来的复选按纽值的长度看是否多选。
vo=request("cand")
iflen(vo)>4then%>
<h2align=center><%response.write"多选了，无效"%></h2>
然后根据所投的票将对应候选人的投票结果字段加1，同时将该投票人的已投字段置为1。
sqq="updatestudsetyitu=1wherepassword="&"''''"&request("passno")&"''''"
cn.execute(sqq)
ifinstr(vo,"1")then
cn.execute("updatestudsetresult=result+1wherename=''''李宁''''")
endif
ifinstr(vo,"2")then
cn.execute("updatestudsetresult=result+1wherename=''''杨兰''''")
endif
ifinstr(vo,"3")then
cn.execute("updatestudsetresult=result+1wherename=''''江道明''''")
endif
ifinstr(vo,"4")then
cn.execute("updatestudsetresult=result+1wherename=''''段启文''''")
endif%>
显示当前投票情况show.asp
由于投票处理页面已经完成了绝大部分的工作，所以显示结果页面就很简单了，其功能是从Stud表文件中读取候选人所得票数，显示在页面上。
页面显示如图
值得注意的代码主要有以下几处：
该页面有自动刷新功能，使在线用户可以尽快的看到最新的选举情况。我们这里设定每隔30秒钟自动刷新一次。
<metahttp-equiv="refresh"content="10;URL=show.asp">
显示投票时，我们采用了while循环，把候选人及其得票数，整齐地显示在一个表格中，这种技术在数据库查询结果的显示中也经常用到。代码如下：
<%%>
<tr>
<tdwidth="100%"><center>
<fontcolor="#8000ff"><big>
<%=hs("name")&""&hs("result")&"票"%>
</big></font>
</center>
</td>
</tr>
<%%>
<%wend%>
3．4达级考试在线查分系统与计数器的制作
3．4．1功能：
它提供了在线查看成绩。考生可以在网上使用这一系统，通过输入准考证编号来查询达级考试的结果。
3．4．2数据表的设计
与评优系统共用STUd表，表设计同上。
3．4．3界面设计与重点难点代码的设计
该模块需要查询者输入准考证号后来查看结果。若ID1不为空时，表示有表单输入，开始查询数据库。使用SELECT的SQL指令查询数据库的数据。先设定SQL指令，查询ID符合准考证编号Request.Form("ID1")的数据，下个“Execute”指令，即可开始执行存取、查询数据的动作了。并将查询结果储存到Recordsets组件RS中。
IFRequest.Form("ID1")<>""THEN
SetConn=("")
Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")
SQL="SELECTname,id,scoreFROMstudWHEREid=''''"&Request.Form("ID1")&"''''"
SetRS=Conn.Execute(SQL)
若考试通过，则显示考试的结果，包括姓名、准考证编号、总分和考试结果，分别由RecordSets组件的RS（0）、RS（1）、RS（2）、RS（3）得到。表示RecordSets组件的域的总数，由“forI=0-1”，取得RS（I）各域的数据。配合<Table>表格的HTML语法，将结果填入表格的各单元格中。若还有下一个数据，就使用移到下一个位置。
3.4.4页面访问计数器的制作
利用文件处理组件FILESYSTEM的强大功能来制作，比用Application对象计数器要好，Application计数器当有20分钟没有人连上该网页或关机时，计数器会被归零。而文件计数器却不会因时间而消失。我用Count.txt存放访问人次。代码如下：
whichfile=server.mappath("pic\count.txt")
setmyfile=("scripting.filesystemobject")创建一个
setthisfile=myfile.opentextfile(whichfile)组件对象
visit=
thisfile.close读取计数器数据文件Count.txt中的计数数据
visit=visit+1记录自加一次
length=len(visit)
fori=1tolength
response.write"<imgsrc="&mid(visit,i,1)&".jpg></img>"将记录的数据用图片显示出来
next
setthisfile=(whichfile,1)将新计数数据写入文件thisfile.writeline(visit)
setmyfile=nothing
数字图片我利用PHOTOSHOP中的文字特效制作了9个立方数字：
等
四．系统的使用说明与安装
4．1运行环境要求
Windows98
PersonalWebServer3.0（PWS）
Microsoft?Access2000(9.0.2812)
4．2安装设置
A.将本网站拷贝到硬盘上的某一目录下，如：拷贝至c:\y1下。
B.运行PWS，将默认的Web站点主目录设置为该目录，如上例应为c:\y1；
具体步骤：
a.选择“高级”项；
b.单击“编辑属性”按钮，在出现的“编辑属性”对话框中的“目录”项中填入“c:\y1”，其他不变，确定；
C.设置启动默认文档为：yy.asp
致谢
通过这次毕业设计，使我感到高科技、新知识的力量。这次毕业设计过程中，得到了长沙市工商职业中专学校的大力支持，给我提供了舒适的工作学习环境，也得到了科大老师、教授的精心指导，在此表示衷心的感谢！
五．参考文献
[1]李世杰ActiveServerPages(ASP)3.0网页设计手册北京：清华大学出版社1999
网页设计毕业论文 篇八
主要功能设计如下图所示，围绕在毕业设计过程中需要涉及的四个方面的工作给出了相应的解决方案，并将这四个工作有机地连接成一个整体，前后呼应。可以实现了毕业设计工作的全数字化、全过程网络化管理，这种管理方法将毕业设计的所有工作都纳入一个网络平台中，参与此工作的老师和学生在其中完成系统设定的各种工作，从而达到了毕业设计的有序管理。在毕业设计过程中，可以要求学生每周上网填写毕业设计进展情况。在平台上提前设定允许学生填写某次指导记录的时间窗，学生必须在规定的时间内填写本次指导记录，如果超出规定时间后，本次指导记录的填写页面会自动关闭。通过指导记录的填写，可以督促学生始终进行毕业设计的工作，防止毕业设计过程中的“放羊”现象发生。在该平台上需要定义各种报告的模板，学生可以在网页上填写报告内容，系统根据各学校对毕业设计文档的格式要求自动生成相关文档。毕业设计过程中的若干个文档通常需要保存电子版，可以将电子版提交给图书馆，或将电子版用于今后的检查、评估等工作中。在毕业设计过程中，需要对学生的报告进行若干次评阅，如：开题报告评阅、中期报告评阅、毕业论文指导教师评阅、毕业论文评阅人评阅、毕业论文答辩组评阅等。
2系统构建中可能存在的一些问题及问题优化
例如在Word文档中用公式编辑器编写的公式，就不能直接在网页上显示，只能将该公式保存成一个图片，然后放在网页上显示。当一个Word文档中有大量的公式或其它不能在网页上直接显示的内容的时候，再使用本系统提供的文档自动生成功能，需要将大量图片上传到服务器，然后再插入到内容中，就显得非常繁琐了。而且通过这种方式填写的报告，在自动生成的Word文档中将公式以图片的方式显示，因此不能对公式进行再次修改，也会带来一些麻烦。所以这种情况下，我们是不建议使用文档自动生成功能的，而建议使用文档上传功能。系统只能设置了对3级标题、图片、公式等的自动编号，其它内容不能实现自动编号，所以在Word文档中会有其它的自动编号或自动添加项目符号的内容就无法支持。系统提供文档自动生成功能的初衷是因为往年的毕业设计过程中，学生编辑的文档在格式设置上会出现一些不符合学校要求的错误，检查这些错误占用了老师、学生的时间和精力。当然，可以将文档的中不包含大量公式和特殊符号的部分采用本系统提供的内容编辑功能，生成Word文档是符合学校规定的格式要求的，下载后再完善文档内容，然后再上传文档。
3结论
网站设计与开发论文 篇九
一、高中信息技术学科专题资源网站建设背景
（一）基础教育课程改革的要求
高中信息技术课程标准提出：需要从知识与技能、过程与方法、情感、态度与价值观三方面培养学生，其中，在过程与方法方面，重点培养学生的探究能力、自主协作学习能力、实践能力以及解决问题的能力。[1]《国务院关于基础教育改革与发展的决定》中也提倡：“鼓励合作学习，促进学生之间相互交流、共同发展，促进师生教学相长。各地要建立教育教学改革实验区和实验学校，探索、实验并推广新课程教材和先进的教学方法”。而专题资源网站为学生的协作学习提供了学习与交流的环境，所以，在高中信息技术课堂中开展基于专题资源网站的协作学习符合当前新课标以及基础教育改革的要求，是培养学生自主协作学习能力的有效途径。
（二）专题学习网站的发展现状
专题学习网站是中国国情下的专有名词，是立足于国内现实的一种提法，在国外没有对等的名词。但是国外及香港、台湾地区正在研究的专题教学、网络专题教学与此非常相似。[2]因为国外对协作学习的研究比较多，无论是在理论上还是实践上都有了很大发展。因此，也涌现了一批优秀的基于网络的协作学习支撑平台。笔者在中国知网的“中国学术文献网络出版总库”中采用“标准检索”，具体日期从2001年1月1日到2011年12月31日，输入关键词“专题学习网站”共检索到647篇文献，统计结果如图1所示，专题学习网站的研究领域不断增加，实践证明这种教学方法较传统讲授式教学方法具有更大的优越性，能弥补传统课堂教学的不足。
图1 国内专题学习网站文献发表年度分类汇总
（三）自主－协作学习理论的提出
合作学习是目前普遍采用的一种教学理论和策略体系。由于它在改善课堂内的社会心理气氛、大面积提高学生的学业成绩、促进学生形成良好的非认知心理品质等方面实效显著，被人们誉为：“近十几年来最重要和最成功的教学改革”。[3]随着普通高中教育的不断升温，高中学生生源质量的不均衡摆在教师面前，而国外的大量研究表明，合作学习在促进后进生学习方面成绩显著。Zimmerman指出，自主学习策略能够解释近80％的成绩变异，经过20多年的研究，结果也表明，有效地指导学生自主学习的确能够改善那些智力、遗传、家庭处境等不利的学生的学习成绩，缩小他们与其他学生之间的成绩差距。[4]因此，改革中学信息技术传统的教学模式，在课堂教学中利用专题学习网站的形式，融合自主学习和合作学习的理论，将会有效地提高学生的学业成绩。
二、高中信息技术专题资源网站的设计与开发
信息技术学科专题学习网站的本质是一种基于网络资源的学生自主学习、协作学习、研究性学习系统。它通过在网络学习环境中向学习者提供协作学习交流工具和大量的专题学习资源，而使学习者自己选择和确定学习、分析并选择资料，应用知识和工具去解决实际问题。本文基于专题学习网站的研究偏向于资源，所以，题为专题资源网站。下面以笔者设计开发的专题学习网站《“‘桥’通世界”——网站实现》为例，具体阐述信息技术专题资源网站的设计与开发。
（一）专题内容的确定
笔者根据扬州水乡桥多的特点确定《“‘桥’通世界”——网站实现》专题资源网站的主题（主页界面如图2所示）。本专题资源网站共分九个栏目：示范区、任务厅、素材区、知识窗、教程苑、软件站、作品厅、评价屋、讨论区。概括为四大板块：专题知识、专题协作学习环境、专题资源库和专题评价。其内容如下：
专题知识——分为知识窗、教程苑、软件站三个栏目。每个栏目包括文字、课件、视频等各种教学资源。这一部分为学习者提供相关的基本知识，供学习者自学。
专题协作学习环境——讨论区。栏目中建立了14个讨论小组。这一部分为学习者和教育者提供一个学习交流平台。学习者能够进入不同的组别，就自己感兴趣的内容发表言论，提出问题，回答问题，为本专题学习者创造一个协作、探索学习的环境。
主题资源库——示范区、素材区。主题资源库是关于信息技术专题知识方面的知识资源，为学习者提供自主探索学习时需要的各类相关资源，包括文本、动画、图像、音频、视频等。
专题评价——作品厅、评价区。作品厅栏目实现信息技术课堂学生作品的多元评价体系，评价区栏目供学习者进行组内自评、各组互评、教师评价。
（二）专题学习网站的结构功能
《“桥”通世界》网站结构如图3所示，它为学习者提供基于资源的自主学习、协作学习、探究学习等在线学习功能，实现保存学习者学习过程和学习结果的功能。专题知识部分具有能对专题知识定期更新的功能。专题资源库部分具有允许师生增加、更新、删除等资源的基本维护功能。专题学习网站为学习者提供良好的学习交流平台，使学习者可以按主题分组进行讨论、发问、回答等。专题学习评价部分能对学生的自我评测作出反馈。
图2 专题资源网站主界面
图3 网站结构
（三）开发过程
网页设计毕业论文 篇十
关键词：网页制作流程；教学内容整合；情境教学方法；顶岗实习
中图分类号：G642文献标识码：A文章编号：1009-3044(2010)02-511-02
Web Publishing Courses and Teaching Methods of Integration
YANG Jin-hua
(Xi'an Railway Vocational and Technical College, Xi'an 710014, China)
Abstract: Uses visits, discusses two forms, with the former years graduate, the computer network company technology manager carried on the communication, understood in the student practical work existed the question, as well as the computer network company to the quality computer college major in the homepage manufacture aspect ability's request, has analyzed the present quality computer specialty the question which existed in the offer courses as well as the teaching. In view of these questions, proposed the improvement means. First, when solid lesson the utilization situation teaching method, builds the environment which on own initiative the computer network company works, please enter the classroom company's technical experts, pays great attention in the computer company homepage manufacture flow two important link's trainings, pays great attention the skill the training. Second, the computer specialized graduation fieldwork may use the item of hillock practice. Third, to homepage manufacture related curriculum conformity. Reforms and explores, the student who after two year teaching profession raises in the homepage manufacture aspect employment ability enhancement, can adapt the computer network company's work very quickly.
Key words: web production process; teaching content integration; situational teaching methods; goes on duty for somebody else the practice
高职的教育，就是要教会学生日后就业的一门技术。也就是说，学生毕业之后，在很短的时间内，就能适应工作环境，胜任工作。高职计算机专业教学任务中，其中有一项，就是培养学生的网页制作能力。为了达到这一目的1高职计算机专业在教学计划上安排了网页制作方面有关的课程，例如：DreamWeaver、FireWorks或PhotoShop、html等。这些年来，笔者对一些从事网页制作的毕业生和用人单位进行了走访，学生普遍反映：课程开设的很多，但是课程的作用以及课程之间的关系不清楚，课程中工具的使用不熟练，理论与实际存在一定的距离。用人单位反映：学生在实际工作中，实做的能力，以及综合运用知识能力欠缺，处理问题时缺少一些技巧，对网页制作的流程认识不到位。在学时有限的情况下，如何培养学生具备应有的能力，熟悉将来就业的工作环境，使他们能顺利地走上工作岗位。笔者在实际教学工作中，曾担任过网页制作相关课程的教学工作。在教学实践中，获得了一些浅显的心得和相应的教学方法，希望与同行交流。
1 分析网页制作相关课程作用以及课程之间的关系
一般高职计算机专业，在网页制作方面开设的课程很多，但是从用途和功能上可以把它们分成三类：
1) 用于图形图像处理软件：PhotoShop或FireWorks,主要完成处理网页上所需图片；
2) 用于建立网页框架的工具软件DreamWeaver;
3) 网页编程Html或JavaScript或JSP或ASP或PHP,主要是用于网页的编程。
一个好的网页离不开美观、漂亮的图像图片。在高职计算机专业教学中，开设图形图像处理课程，讲授的是PhotoShop软件或FrieWorks。用PhotoShop进行图形图像处理，这也是目前网络公司使用的主流技术。光有美观的图片也不行，还要有合理的网页布局，以及要体现网页的主题思想。目前，网络公司是用DreamWeaver软件实现网页的布局，高职计算机专业教学中还开设了DreamWeaver软件课程。
用以上课程的知识，仅仅完成的是一个静态网页，如果想使网页实现一些功能，比如在网页的文本框中输入了用户名和密码，然后与数据库中的用户名和密码值做比较，判断是否一致。如果一致，要求从当前网页跳转到指定的一个网页上。如果不一致，给出相应的提示。这时就需要添加相关的代码。按照编程语言的难易程序，应该是先讲html、JavaScript,然后是JSP或ASP或PHP。总而言之，一个好的网页要涉及到图形图像处理，网页的布局，网页的编程。图形图像处理课程，实现的是网页中图片元素制作。网页的布局课程，实现的是网页总体规划和网页的主题思想。有了网页的总布局之间，才能在现有的代码中添加其他所需要的代码。课程的开设以及开设的顺序也应该按照这个顺序来安排。
2 计算机网络公司网页制作流程中的两个重要环节
目前，在计算机网络公司完成网页制作的流程中，有两个重要的环节。一是多数的计算机网络公司工作人员，用PhotoShop软件，大量的采用切图技巧，为网页制做了所需要的照片，然后用DreamWeaver,然后转换成源代码，供编程人员后期的编程使用。使用这种技巧，网页制作的速度快。二是计算机网络公司工作人员，用一种网络编程语言，完成网页的编程工作。
3 目前网页制作开设的课程存在的问题
3.1 课程开设的过多，课程开设的顺序不科学
一般高职计算机专业，在网页制作方面开设的课程过多。例如图形图像处理开设了PhotoShop和FireWorks课程。而在计算机网络公司多用PhotoShop,PhotoShop功能强大，所以开设PhotoShop。课程开设的顺序缺少科学性。PhotoShop处理的是网页上的元素，DreamWeaver实现的是网页上元素的布局。所以应该先开PhotoShop课程，后开DreamWeaver。在网页编程课程的开设上，也没有遵循从简单到难的顺序，而是直接开了所需的编程课，学生学起来困难重重。
3.2 课程内容上没有突出实用性
每门课程都有它自己独特的实用技术。在实际教学中，一般授课老师忽视了所教课程的实用性，只是遵守教学大纲和学时完成了课程的教学任务。在教学实施的过程中，没有把知识点和技能与现场解决问题的技巧联系起来，造成了学生既使是学习过的，但是在实际工作中还是不能灵活的运用，缺乏处理问题的技巧。目前高职院校的现状，授课老师一般都是从学校毕业后直接进入学校任教，缺少现场的工作经验。课程的理论与实践学时数比不科学。每门课都是老师讲的过多，而学生练习的很少。这就造成了学生学而不精，能力欠缺的现象。
3.3 教学过程中没有课程与课程综合实训的环节
目前高职院校一般都是将这些课程由不同的老师来授课的。每个老师都是各自完成自己所教课程的授课任务。在教学实际中，出现了只注重本课程的学习，不涉及其他课程。学完一门课程之后，虽然都安排有一周或二周的课程实训，但是只是仅仅的一门课程的实训，缺少相关课程综合实训的环节。在实际网页制作过程中，会使用到好几门课程的技能。正是因为缺少课程的综合实训，这就造成了学生走上工作岗位后，对实际的工作流程不清楚，综合运用知识的的能力差。
4 课程的整合以及教学方法的尝试
4.1 课程的开设原则
高职计算机专业开设的课程一定要跟着当前计算机网络公司的主流技术走，公司使用什么技术，专业就开设相关的课程，技术够用就行了。目前计算机网络公司图形图像处理就是使用PhotoShop。因此，图形图像处理课程就开PhotoShop就可以了。在课程安排上要遵循认知的规律，从简单到复杂。网络编程的课程从html、JavaScript到JSP或ASP或PHP。
4.2 课程与课程之间的整合
在网页制作中，其中最主要的课程应该是PhtotoShop和网页编程。同时考虑到知识的学习由简单到难，还要考虑知识之间的综合运用。把PhtotoShop与html,JavaScript整合为一门课程。7PhtotoShop是现在计算机网络公司正在流行使用的工具，可以完成美工方面的工作，同时也可以完成网页整个页面的布局。html,JavaScript是网页编程中最简单的，学生容易接受。课程的总学时60%可以用来讲授PhtotoShop,40%的学时可以用来讲授html,JavaScript。遵循知识够用就行，大量的时间让学生练习。课程实训时，把计算机网络公司网页制作流程，运用于学生的实训中，为学生创造了计算机网络公司网页制作的工作情景，学生在这种情景中得到训练，以适应日后的工作环境。同时又可以对学生综合运用知识的能力得到训练和提高。
4.3 在教学方法上，寻找新的尝试
实践性较强的课程。每一门课程的最后，都有一周或二周的实训安排。以往都是该课程的任课教师来指导。笔者做了大胆的尝试，这段时间，可以把计算机网络公司技术骨干或往届毕业生中已是技术骨干的学生，请到学校参与本课程的学生实训工作。技术人员可以把课程相关的技巧和现场上常用的技能传授给学生，弥补了学校老师授课时存在的缺陷。同时在实训期间，运用情境教学法，营造公司的工作环境，体现网页制作的两个重要环节，让学生熟悉网页制作的流程，以便毕业后，走上工作岗位很快适应工作环境。
4.4 走校企合作之路
笔者与计算机网络公司技术主管交谈时还了解到，其实计算机网络公司也很想为自己公司寻找可塑的新手。计算机网络公司还是看好高职计算机专业学生，认为他们经过了专门的、严格的职业训练。双方协议：在学生毕业实习期间，学校可以推荐一些学生到计算机网络公司进行顶岗实习，同时公司还给学生指定实训期间的师傅。这个过程中，公司可以了解学生，学生也可以了解公司，以便公司为自己物色人才。这只是合作的开始，更深一层次的合作，有待于进一步的尝试。
5 结束语
高职的教育，应与现场实际紧紧相联系。把往届毕业生和用人单位技术人员请进学校，和我们的老师座谈，发现我们教学中的问题，探索新的教学方法，这样才能真正提高我们的教学质量。
参考文献：
[1] 吴旭慧。中职学校《网页制作》教学改革的尝试[J].中国信息技术教育，2009(8).
[2] 刘显丽。网页制作课程的整合探究[J].辽宁教育行政学院学报，2005,22(2):125-126.
[3] 杨晓明。《网页制作》课程教学改革的探索与研究[J].甘肃联合大学学报，2008(3).
[4] 赵晓静。浅谈网站建设和网页制作的方法[J].电脑知识与技术，2008(36).
[5] 韩竹萍。中职《网页制作》课程教学改革探讨[J].中外教育研究，2009(6).
[6] 钟启泉，张华。世界课程改革趋势研究(上卷)[M].北京：北京师范大学出版社，2001.
网页制作论文 篇十一
关键词：云平台；网页制作；教学实践
随着云计算技术新月异地发展，云课程的兴起使得很多传统课程的摆脱了应用的一些不足，为共享型教学模式的进一步发展和推广提供了技术保障[1-2]。互动与交流成为云课程的重要内容，其具有的灵活性、扩展性、共享性、低成本性和高服务性等特点为传统课程注入了新鲜的血液。《网页设计与制作》课程是计算机应用技术、计算机网络技术、等专业的一门专业必修课程。作为一门实践性与综合性较强的专业技术必修课，传统教学方式多采用案例教学、项目教学等方法，在教学过程中学生参与度低，学生处于动地位[3-4]。本文以《网页制作与设计》课程为例，对基于云平台的课程教学进行了实践探索。
一、云平台的构建
互联网企业应用户的需求开发了各种云平台，提供各种服务。包括提供基础设计服务的亚马逊（AWS），提供软件服务的微软、百度、 Google等公司以及提供平台（应用程序运行环境）服务的阿里、苹果公司等[5-6]。@Team是基于云服务的协同工作平台，采用扁平化设计，使用简单，为每位用户打造个人网络空间，可实现团队项目创建、任务小组创建、进度跟踪、在线分享、@交互、资源上传、共同编辑等多项功能[7]。综上所述，@Team平台功能较为全面，使用简单，支持各种手机、平板终端的移动学习，而且注重用户体验，免费为教育行业提供更多服务，更适合当下作为教学和学习平台[8]。@Team产品的常用教学功能如表1所示，师生根据具体情况，自由组合应用平台的功能。
二、创建共享型学习资源库
由于《网页设计与制作》这门课程需要丰富的素材、资源和教学案例，有必要构建课程教学资源库。课程资源可以采用边学习边建设的模式，在云平台下搭建兴趣小组和项目空间。空间上可以上传各种学习资料。不同兴趣小组和项目组可以设置不同的访问权限，允许其他成员访问自己空间中的资源，不仅可以达到隐私保护的目的，还方便学生相互共享。公共空间是教师为学生搭建的公共的学习平台，如下图1，每个学生都可以访问公共空间上的学习资源，方便共享。本课程中的教学资源在授课以前教师已经上传，比如PPT 课件、书中案例、实训任务书、实训报告、习题、电子书等资源。在学习过程中学生可以根据自己的个好和自主学习需求，对学习资源进行自主搭建，一个学期下来，就可以搭建完整的资源库。
三、云平台下教学模式的设计
在@team云平台中，课程教学可以根据教学知识点及同学们的兴趣设置相应的兴趣小组，如图2所示。每个小组中又可以按照教学要求设置项目组，如图3所示。在已设置好的项目组里可以按照教学顺序学习任务。每一位项目组的成员都能在个人主页中查阅到学习任务卡。每个学习任务都有时间及任务要求，教师可时时监控学习任务的完成度。
四、结语
在结合云平台的课程教学中，教师可以和同学们进行线上上的交流和案例的分析讨论。对于集中性的问题，采用课堂面授的方式进行回答，对于个性化的问题，则通过个性教学指导，帮助学习者理解和认识。从学生使用角度看，基于云平台的课程真正提供了一个随时在线的专业讨论社区，大大的提高了学习效率。
参考文献
[1]王于丁，杨家海，徐聪，凌晓，杨洋。云计算访问控制技术研究综述[J].软件学报，2015,26(05):1129-1150.
[2]龙虎，张小梅，唐林海。大数据背景下智慧教育云平台的构建研究[J].电脑知识与技术，2015,11(20):109-111.
[3]吴砥，彭娴，张家琼，罗莉捷。教育云服务标准体系研究[J].开放教育研究，2015,21(05):92-100.
[4]杨晓燕。基于云平台的高职院校《公共英语》教学手段探索[J].英语广场，2018(04):94-95..
[5]徐巧格。现代开放教育理论指导下《网页设计》课程的设计研究[J].当代教研论丛，2016(11):91
[6]陈近，文庭孝。基于云计算的图书馆大数据服务研究[J].图书馆，2016(1):52-56.
[7]张轶斌。开放教育资源开发与应用研究。中国远程教育[J].2011(5):46-53
最新范文
毕业论文答辩的问题及答案最新2篇04-09
工商管理类毕业论文优秀9篇04-09
工程力学论文优秀3篇04-09
农学专业论文【最新7篇】04-09
计算机网络技术毕业论文范文【通用15篇04-09
汉语言文学毕业论文范文(必备（优秀6篇）04-08
电子商务毕业论文【优秀10篇】04-08
会计专业论文范文大全（精选15篇）04-08
浅析王守仁“知行合一”论精选5篇04-08
建筑专业毕业论文【7篇】04-08