摘要:“网站设计与维护”是一门实践性和实用性都很强的课程,针对中等职业学校非计算机专业学生的特点,设计一个关于内容管理系统CMS的课程教学内容,分析CMS的原理和特点,采用案例教学法让学生快速掌握各种网站建站的设计方法。
关键词:网站设计与维护;CMS;课程教学;教学法;模板设计;网站建设
1 概述
《网站设计与维护》课程是中等职业学校计算机、电子商务等相关专业的一门专业课程,也是其他专业的普及型选修课程,是近年来计算机专业领域发展最快和应用最广泛的课程之一,当今社会急需培养掌握计算机网页设计、面向不同应用层次的专业人才。因此,学生对这门课程教学的要求越来越高。面对众多的网页设计技术和课程,如何为学生开设好这门课程,需要我们积极思考。为了培养能高效、快速地进行企事业单位网站以及电子商务网站的建设的人才,根据非计算机类专业学生的特点,结合本校的实际,设计一个关于内容管理系统(CMS)的《网站设计与维护》课程教学内容,采用案例教学法、任务驱动教学法让学生快速掌握各种建设网站的方法。
2 CMS的特点和选型
2.1 CMS的概念
CMS是Content Management System的缩写,意为“内容管理系统”。CMS主要是以信息共享为目的,位于WEB前端(Web服务器)和后端办公系统或流程(内容创作、编辑)之间,面向海量信息处理,集信息数字化、分布存储、管理、查询、传播为一体的管理平台。内容的创作人员、编辑人员、人员使用内容管理系统来提交、修改、审批、内容。这里指的“内容”可能包括文字、表格、图片、数据库中的数据甚至视频等一切需要到Internet、Intranet以及Extranet网站的信息。
目前主流的CMS概念,是以文章系统为核心,包含内容模型自定义、内容采集加工、内容评论、内容检索、公告管理、广告管理、调查管理、留言管理、用户管理等各种通用功能模块,面向各种内容管理需要的网络平台。
2.2 CMS的选型
把CMS作为教学内容,至少要注意系统类型和架构、系统功能、视觉外观、内容管理、开源维护等五个重点。
基于ASP+ACCESS技术架构的内容管理系统采用结构化的功能设计和界面布局设计,可分为核心系统(core)、组件(component)、模块(module)、界面模板(template)等部分,系统结构分为数据层、应用层和表现层,这种架构具有易于理解、方便操作的特点。
网站模板与网站程序完全分离是目前主流CMS的设计理念,模板是用来控制前台网页显示界面的布局和字体、图片样式及形式的,使得表现和内容分离。只要设计不同的模板,即可实现不同的网站界面风格,让学生达到快速建站的目的。
作为开发型产品的源代码是最宝贵的学习范例,无论是初学者还是开发人员,都可以从开源CMS范例的源代码中进行系统学习、掌握和探讨商业软件的设计、编码规范等知识。通过以开源CMS软件的源程序为范例来讲解各种设计模式、编程技巧等知识,能够很好促进学生对学习源代码的兴趣。
开源的CMS比较多,如DedeCMS、PHPCMS、PHP168、EmpireCMS、Joomla、JeeCMS、SiteServerCMS、FoosunCMS、SiteWeaverCMS、KesionCMS、JoekoeCMS等,作为教学的示范,以简单、实用、方便、高效为原则,我们根据实际情况选择一款优秀ASP+ACCESS技术架构的开源CMS作为教学演示工具。
3 教学内容设计
3.1 CMS的基础教学
《网站设计与维护》课程的学习主要有三个过程:设计过程、制作过程、内容管理过程。其中设计过程要求熟悉软件工程学及各种相关技术,了解整个软件设计流程,并具备相关的分析问题能力和策划能力。制作过程要求具备页面布局及相关的美工知识,动态代码的编程知识及数据管理应用的数据库知识。内容管理过程要求熟悉信息内容的采集、整理、编辑、审核、等过程。
教学内容遵循学生学习认知的过程,科学合理地选择教学内容,帮助学生建立正确的建站思想和方法,在理论和实训中都要体现一个网站设计的理念。
网站设计的基础知识必须掌握。包括Dreamweaver、Flash和Fireworks软件的使用,Photoshop基本操作,认识HTML标准语言中的Head、Table、Tr、Td等标签及属性设置,CSS、Javascript、VBScript、ASP代码示例,网站框架设计和网站首页基本布局设计的方法,网页配色方法,IIS的安装和配置,域名与虚拟主机服务器知识,网站安全知识。
3.2 利用现有网站进行快速模板设计
通用CMS网站系统主要有三大模块:文章、软件和图片,一般每个模块的模板目录结构都由源程序、Images图片文件夹、JS文件夹、Skin风格文件夹、UploadFiles上传文件夹组成,这三个模块相对独立,可以生成多个模块栏目,每个模块栏目都有自己的模板。
系统的模板设计功能从使用灵活、操作方便的角度出发,利用现有网站进行快速模板仿制和设计并不是让学生去剽窃他人作品,而是通过深入地熟悉了解他人的模板制作技巧和风格,以及设计思路而制作出自己的特色风格模板,提高自己的模板制作水平。
仿制模板的制作思路:
1) 打开要仿制的网页查看源代码属性,通过“另存为”保存网页全部文件。
2) 用Dreamweaver网页编辑器编辑网页文件,删除标题列表的文字信息,合并标题列表信息的单元格,将需要显示相关内容的地方修改或插入相应的的标签。
3) 修改文件夹名称,修改图片路径。
4) 进入CMS网站后台,把Dreamweaver里修改好的代码复制到对应网页模板选项中,并加以调整。
一些通用CMS网站系统的后台模板管理功能中具有代码编辑器和可视化编辑器,可以利用这些编辑器直接对模板进行修改、整理和保存。
3.3 模板的制作
模板制作是《网站设计与维护》课程教学的重点和难点,在模板制作之前,学生需要掌握基本的网页设计与HTML代码知识。如果要独立设计一个网站,还要掌握一些图像设计处理软件,如Photoshop、Fireworks等。
模版设计与制作的流程:
1) 在制作模板前,先在Photoshop、Fireworks等设计软件中制作网页效果图。然后利用这些软件的导出成Web格式文件功能,将效果图输出成Web文件和图片文件夹。
2) 在Dreamweaver等网页设计软件中修改Web文件,将需要显示相关内容的地方修改或插入相应的的标签。
3) 将图片文件夹上传至网站的目录中,同时添加或修改相关类型的网页模板,将Web文件的源代码拷入模板中并保存。将添加或修改的模板设置成默认模板。刷新前台页面即可看到新模板的效果。
3.4 CMS的管理与操作
CMS网站系统的模版设计和制作完成,说明网站已经有了自己的前台风格界面,就可以开始为网站添加信息内容。信息内容是CMS的灵魂,优秀的原创内容是一个网站的核心竞争力。
CMS的管理划分得比较明确:基本设置、日志统计、广告管理、友情链接、留言和公告管理、频道管理、数据库管理、模板风格管理、用户管理、文章管理等。在各种管理功能中,通过指导学生操作和使用每一项功能,完成信息采集、整理、分类、审核、和管理的全过程,掌握网络编辑的工作流程,与职业衔接。
3.5 CMS的与应用
CMS网站系统不仅是课堂教学的工具,而且有着广泛的实际应用。让学生申请由学校信息中心提供的免费二级域名和虚拟主机,也可以指导学生申请互联网上的域名和虚拟主机,通过域名和虚拟主机的申请、注册、管理,让学生掌握域名和网站服务器的相关知识。有了域名和虚拟主机,就可以让学生对网站程序进行上传、调试和维护,同时讲解百度收录、搜索引擎优化(SEO)及推广、日后的更新维护等知识,让学生明白一个网站的生命周期过程,使学生更加珍惜自己所设计制作的网站。
学生通过对CMS的学习和应用,可以随时方便地提交需要的信息而无须掌握复杂的技术,使得网站的架设与管理变得轻松。
4 教学的方法
为了激发学生的学习兴趣,提高学生的主观能动性,要想使学生能够对所学的知识融会贯通,对所学的技术灵活运用,要想在较短时间内提高学生的动手能力,必须采用行之有效的教学方法并加强实践环节。
课程的前期,主要采用案例教学法根据教学目标和内容的需要,采用案例组织学生进行学习、研究、锻炼。案例教学可激发学生学习的兴趣,增强学生在课堂上的参与感,帮助学生加深理解所学的基础知识,从而提高教学质量。
课程的中期,主要采用任务驱动教学法把模板设计的教学内容设计成一个或多个具体的任务,以完成一个个具体的任务为线索,把教学内容巧妙地隐含在每个任务之中并引导学生完成任务,学生通过完成一个个具体的任务掌握教学内容。采用任务驱动教学法,能让学生乐于学习、主动学习、创造性地学习。
课程的后期,主要采用项目教学法通过实施一个完整的网站项目并在项目的具体实践过程中“寓教于学”,具体做法是将一个完整的网站项目交给学生独立完成,让学生在教师的引导下独自完成信息收集、方案设计、方案实施以及项目最终评价等整个过程。项目教学法在课堂教学中把理论与实践教学有机地结合起来,有助于充分发掘学生的创造潜能,提高学生解决实际问题的综合能力。
5 课程的考核方式
《网站设计与维护》是一门实践性较强的课程,开设该门课程的主要目的是使学生具备使用CMS建设和维护网站的综合能力,因此采用传统的笔试考核模式不能真实地反映学生的学习情况,要想衡量学生学习这门课程的好坏,需将考试重点转移到对学生的实际技能方面的考核上。
设立与本门课程相关的模板设计大赛或网站应用设计大赛,是一种对学生综合技能评价的有效方式。大赛为学生创造一个相互学习与交流的机会,搭建一个展示与宣传自我的舞台,让更多的学生在了解和体验CMS网站管理系统的诸多特性与强大功能基础上,熟悉和掌握网页模板的设计方法与操作技巧,以创作出更多、更好、更美的网页模板,充分展现独具个性魅力的特色网站,促进网络事业的蓬勃发展。大赛重点审评学生对以下几个项目的能力:页面美术设计、网页语言的掌握程度、对CMS的模板设计能力、创新能力、创意能力等,鼓励有中国元素的民族风格的原创设计作品和富有商业气息、能营造消费购物氛围、时尚感强的商务设计作品。通过指导学生学习、设计,使用CMS制作指定主题的网站或自由设计的网站,提升学生对网站建设的爱好和兴趣,创造良好的学习氛围。
对于学生成绩的评定,采取平时考查和实践考核两种方式,技能大赛成绩作为总评成绩加分的参考。平时成绩占30%,平时成绩根据学生的到课表现、上交作业、上机实习情况产生;实践成绩占70%,实践成绩根据期末学生所制作的作品情况产生。这种考核方式注重实践操作和应用开发能力的培养,有利于提高学生的学习积极性和主动性。
6 结束语
在教学过程中,只有从学生感兴趣的角度出发,提供“简单、易懂、实用”的课程,才能让学生对该门课程感兴趣,让学生从枯燥、乏味的认知活动中解脱出来。对课堂理论教学、实践教学和课程考核方式等方面进行探索和改革,能使学生从被动学习转变为主动学习,提高其实践操作技能,拓展其知识面,并发展成为活泼有趣的学习过程。
将CMS引入《网站设计与维护》课程的教学中,及时地调整课程教学内容,采取行之有效的多样化的教学方法和手段,注重对学生实践技能的考核,实现了教学内容与行业技术同步发展,提高了教学质量,按社会需求培养应用型人才,收到良好的教学效果。
摘要:《动态网站设计与开发》是计算机专业一门重要的专业必修课,该文结合高职教育的教学目标,从培养学生实践技能的角度出发,探索在工学结合模式下,如何更好地完成教学内容,以达到培养高级应用型人才的培养目标。
关键词:工学结合;教学改革;项目课程
高职院校是教学、服务类的院校,以服务为宗旨,以就业为导向,以能力为本位作为办学方针,实行工学结合、校企合作的教学模式。
然而现实中,高职院校的校内实训基地存在着缺乏职场化的实战环境,难以培养学生的实际岗位能力;校外实训基地又不能被很好的掌控,为教学服务,学生往往成为廉价或者免费的劳动力,从事的岗位工作往往和实际教学相脱节。这些都制约了高等职业教育特色的体现,也成为深化改革的“瓶颈”。
1 课程介绍
《动态网站设计与开发》是计算机专业必修课之一。该课程的教学目标就是培养学生独立设计与开发动态网站的能力。在国内,很多高职院校都开设了类似课程,并且把它作为了计算机专业的主干课程。然而,现在网站方向毕业生的就业情况却是毕业生找不到企业,而企业又找不到合适的人才,出现该问题的直接原因就是学生的网站建设能力不能满足用人单位的要求,所以我们必须认真探讨一下这门课程应如何教学的问题。
2 进行基于“工学结合”教学改革的必要性
经过几年来的实践,证明了《动态网站设计与开发》的“以案例开发为支撑,学生为主体,教师辅导、讲练相结合,小组协作完成”的课程理念与课程的性质和特色是十分契合的。虽然几年来《动态网站设计与开发》课程采用这样的教学模式应用取得一定的成效,但受实践条件限制,影响了学生的参与度和积极性。具体表现有如下几点:
1) 缺少实际的开发项目
因为,长期以来没有与企业有较多的业务往来,也没有较多实践机会接触企业网站,不了解他们的实际需求,因此在教学过程中主要的实践手段是虚拟开发,即虚构一个某某公司网站,以自己的主观意见代替企业的客观需要来完成需求分析,开发相应网站。这样,往往造成开发出来的网站无法满足企业需要的问题,并没有真正的可利用价值。
2) 缺少测试的环境
网站项目开发完成后需要有实际的运作平台来测试才能保证网站的正常运作,并能发现其中的问题和不足,但目前,在项目开发完成后只能进行简单的错误测试,以专业人员的操作去检测网站,往往不能考虑到普通用户的需求,造成测试结果存在较大的偏差。
因此,研究基于工学结合的《动态网站设计与开发》课程教学模式的应用,对于解决目前人才培养中存在的问题具有重要的现实意义,对于促进课程教学质量的提升无疑具有重要的意义。通过基于工学结合的《动态网站设计与开发》课程教学模式的应用研究,我们不仅可以实现了课程资源的优化整合,提高学生自主学习积极性,开展学生互动的效果评价,并实现教学模式在其他课程的推广应用。
3 基于“工学结合”模式的教学实施过程
本方案充分利用学校和校办旅行社的教育环境和资源,把以课堂教学为主的学校教育和直接获取实际经验的校外工作有机结合,贯穿于学生的培养过程之中。
3.1 多元化课程教学团队建设
教师是实现课程改革的关键。首先,课程开发和教学实施主体由“教育专家主导”转变为“社会需求主导”,即由企业、行业技术人员和学院教师组成,在课程开发和教学实践的不同环节中三部分人员发挥各自特长:
1) 企业、行业技术人员
工作任务:提出网页设计职业(岗位)或职业群(岗位群)包含的工作项目,以及完成这些项目需要的步骤。聘请部分企业、行业专家担任兼职教师,完成部分教学任务。
2) 职业教育课程研究人员
工作任务:指导团队对企业、行业技术人员提出的工作任务或项目进行分析,从而完成课程内容体系的构建分析。负责对改革过程的监控和组织改革效果评价。
3) 学院教师
工作任务:在职教课程研究人员引领下以工作分析为基础,按照工作任务模块对课程体系、课程内容进行转换,构建以工作体系为基础的课程内容模块化结构体系。承担主要教学实施工作。
在团队中,专兼职教师互为导师,取长补短。专职教师在兼职教师的帮助下提高工程实践能力;兼职教师在专职教师的指导下提升教学水平,形成了互补型的教学团队建设机制。
3.2 模块化项目教学模式
本课程构建了以“旅行社网站开发过程”为导向的模块化的课程结构。如图2所示。
本课程整个模块以典型的网站项目为核心,将一个真实旅行社网站分解到各个教学单元,强化知识点和技能点的训练,各个教学单元独立起点、前后相关、有序叠加,最后整合成一个完整的项目。在教学中采取多级项目教学,重视项目的完成,并实施情景导入、葫芦藤式的任务驱动、学做合一、小组协作学习等教学方法。
3.3 网络辅助教学模式
在整个教学过程中遵循“开放、自主、灵活、互动”的原则,即以网络环境为支撑,学生为主体,教师助导、讲练相结合,小组协作学习为补充。其基本框架如图3所示。
该教学模式包括学生自主学习、教师导学示范操作,小组专题协作学习和评价四个环节。
3.4 多元教学评价方式
由于采用了全新的教学模式,因此教学评价也应该改变以往“平时成绩+期末考试”成绩的评价方式,根据本课程的特点进行教学评价, 同时考核学生的知识、技能和态度等几个方面:
1) 考核学生项目团队的项目完成效果,主要考核内容是学生的网站设计方案书、建成的网站及运行维护效果,占40%;
2) 各个项目组及成员分别陈述自己在项目团队中的工作及实际效果,占20%;
3) 期末考试,主要是网站开发综合知识,占20%;
4) 平时学习态度,如出勤率、工作责任、团队配合、自评及他评等,占20%。
4 教学改革成效
在教学改革的实践中,为了更好地配合教学过程以及完善了实习内容,编写了完整的实习指导书。通过对教学过程的改革探索,极大地提高了学生的学习积极性,对解决学生的厌学问题很有帮助,学生的学习成绩和动手能力都有很大提高,得到实习单位和用人单位的好评。
摘要:分析高校院系资料室网站建设现状与必要性,探讨高校资料室采取科学有效的方法,运用先进合理的技术进行个性化的网站建设、网页设计,使资料室充分利用自身的特点发挥在信息化建设中的作用。
关键词:院系资料室;网站建设;网页设计;个性化
高校院系资料室网站要设置成信息资源共建、共知、共享系统联盟门户,营造一个与国际接轨的信息网络环境,凸现专业个性,成为专业师生教学、科研信息查询和检索的绿色通道。
1 高校院系资料室网站的现状与问题
网络时代,高校图书馆网站建设业已普及,并进行参考咨询、信息推送服务等特色服务。校图书馆面向全校各个专业服务,信息资源大而全,专业信息资源的精深层度欠佳,很难满足教师在教学科研中,尤其是教师的重点学科、科研项目申报与完成中信息资源的需要。与图书馆相比较,院系资料室信息资源专业性强、与本院系所开专业课程密切相关,是本院系师生教学科研的重要依托,是教师教学科研的重要支撑。资料室利用现有信息手段和精深的专业性信息资源,建立院系资料室网络信息资源网站,为专业教师和学生开设个性化定题服务和专业学科知识导航等特色栏目,可以弥补校图书馆网站专业性之不足,是对学校图书馆信息服务的弥补,其服务内涵比图书馆更具优势。资料室网站是在网络环境下的自我展示窗口,是院系资料室将自身的传统业务在时间上和空间上的延伸和拓展。
资料室网站建设是一项长期细致的工作,需要有一整套运行机制和管理机制,资料室网站的建设才能够有条不紊的进行。院系资料室作为专业师生最直接的信息资料来源地,虽资源有限但专业强,需要与学校图书馆资源共建共享,更需要利用学院网站空间资源整合网络信息资源使之变成自己的资源,节省经费开支,最终实现“不求所有, 但求所用”的夙愿。资料室网站建设很少,或参差不齐,出现的问题很多。如:领导缺少建设网站意识,网站定位不明确,馆员技术匮乏和信息素质水平有限等问题,使得院系资料室在网络参考咨询及面向本院系师生的信息推送服务等方面受到严重限制。为此,首先,院系资料室必须得到院系领导及校图书馆的大力支持,树立信息意识;其次,利用院系资料室的馆员优势的专业特性,在实践中注重结合网站技术和知识,使之形成专业技术和业务水平较高的骨干力量;第三,是要采用科学、有效的方法、运用先进合理的技术,凸现高校院系资料室网站设计的专业个性。
2 高校院系资料室网站建设的个性设计
院系资料室网站的建设是按照一定的检索方式,实现将所需要的信息及获取信息时的有序下载。需要分四个步骤进行:一是总体规划,二是网页设计,三是站点,四是站点维护。
2.1 总体规划
总体规划设计是至关重要的一部分,良好的总体设计能起到事半功倍的作用。
2.1.1 理念定位
院系资料室网站和校图书馆网站一样,既不同于娱乐性网站,也不同于新闻性网站,更不同于一般商业企业网站。但也不同于图书馆网站,应着重体现院系资料室专业性特色及直接面向专业师生特点,所包含的信息资源专业性强的突出的特色,不可面面俱到。资料室网站设计要有明确的目的,面对院系师生的资料信息服务是其核心内容,信息资源和受众的需求是其主要业务,重点及特色栏目为专业学科导航及重点学科建设的信息定题跟踪,为师生提供学习及科研的及时信息推送服务。在结构上必须内容充实、结构合理、特点突出、美观实用、简洁明了。 学科导航要清晰、细致、准确, 以适应院系教学科研的师生及其相关信息需求的专业人群。
2.1.2 栏目设置
明确了网站的定位和内容后,需要进行网页内容的设计时,应按照师生用户的访问习惯有序地展开,使师生用户很方便地定位网站的所有内容,力求突出院系自身专业性强的特色,做好教学与科研服务,使之成为资料室信息资源的大本营。在栏目设置中,专业学科导航、参考咨询服务、信息推送、重点项目跟踪服务及教师科研个性化服务是院系资料室网站的重点与特色栏目,其它栏目的可以参考图书馆的一般栏目设立。
1) 资料室介绍栏目。主要介绍资料室机构设置、人员构成、历史沿革、室藏主要文献资源、特色文献资源、藏书量、室藏分布等,这是资料室网站的必备栏目。
2) 个性化服务栏目。随着Intemet 的发展,作为院系的主要群体――教学科研人员越来越不满足于图书馆咨询馆员仅告知所需信息的可能方向,而更需要针对查询问题给出确切的信息解答,或直接提供最切题的事实或数据型信息。这种对文献中所包含知识点的索取, 反映出用户正从文献需求转向知识需求;许多用户在求助于咨询馆员之前,已具有相当多信息量,他们需要咨询馆员帮助剔除重复和价值不大的多余信息,提供与自己的需要最相关的内容。栏目内容要极具针对性,以实用、适用为前提的个性化目标,紧紧围绕专业的特点、内容,根据用户个体需要的“量身订制”的信息。
3) 定题服务栏目。开展专题服务,并结合教学与科研,进行课题跟踪和定题服务工作,利用网络不断更新的信息管理,针对既定服务对象所研究的课题,检索相关的文献信息,并及时推送给用户。网络使传统的定题服务具有主动活跃的动态信息服务功能,院系资料室依靠其专业特色网站开展定题服务则更具优势,可以为重点学科建设、重点科研项目,以及专家学者个人等开展专门的定题跟踪服务。
4) 专业学科导航栏目。院系教师在教学、科研及重点学科建设、课题申报与完成,所需的信息资源专业性较强,需要了解本学科最新动向和发展水平。栏目可以结合各院系的专业特点,利用搜索引擎进行网上搜集,并对其资源信息进行评估论证,从中精选出符合要求的网址信息,按中、外文资源分类, 采用主题树与数据库相结合的方式进行组织,并以动态链接的形式为用户提供一个友好的界面。可设置一些学术专业性较强的链接、重点和权威数据库链接,如Web of Science、Scifinder、Elsevier SDOL、John Wiley、Springer Link、EI Village等。
5) 资源检索栏目。包括光盘数据库、本地镜像数据库、网络数据库及自身数据库检索。目前各高校图书馆均有一些已经购买的数据库资源,如中国期刊全文数据库、万方数据库、超量数字图书馆、书生之家等以及适合本校专业特点的专题数据库,还有一些具有本校特色的自建数据库,这些数据库均通过资料室网站做出相应的链接提供给本院(系)师生使用。
6) 读者服务栏目。包括文献预约、文献续借、馆际互借、服务介绍、定题服务、书刊荐购、推荐图书、新书通报及导读、投稿指南、课题咨询、学科馆员等更多的服务内容。注意强调为科研和教学服务的栏目,为重点学科建设、重点科研项目、科研管理等开展专门的参考咨询服务。开展定题跟踪服务,针对既定服务对象所研究的课题,检索相关的文献信息,并及时推送给用户。
7) 读者论坛栏目。包括用户满意度调查、联系我们、读者留言、互动园地、各种申请等。在网页上设置留言板和电子信箱, 以便与读者进行交流, 接受用户的反馈意见和建议。此法可以帮助资料室不断改进服务工作, 提高服务质量。
8) 参考咨询服务栏目。包括常见问题( FAQ) 、《中国法》介绍、网上查询(电子邮件、实时在线咨询) 、核心期刊介绍、参考工具书、课题咨询、用户教育(新生教育、培训讲座、《文献检索》教学) 、科技查新、信息咨询的形式及内容等。利用电子邮箱或手机短信为用户提供教师科研不同专业方向的定题跟踪服务,信息推送服务,CALIS重点学科网络资源导航和网络参考咨询服务。
9) 公共信息服务检索栏目。包括常用链接,如英汉辞典、天气预报、火车飞机班次查询,设置了这些常用链接可以提高回头客,提高点击率。
2.1.3 特色数据
院系资料室一般都收藏自己院系的博硕士学位论文,将论文数据制作成反映自身馆藏特色和服务特色的学位论文数据库, 方便用户在资料室的网站上, 浏览、检索、查看院系专业学位论文, 起到学位论文推荐利用与资源共享的作用。
2.2 网页设计
网页的实现,即网页设计,是对站点的整体结构作进一步的调整。
2.2.1 软件选择
目前流行的网页设计制作软件很多,版本更新很快, Dreamwaver作为网页编辑工具,是一个 “所见即所得”的可视化网站开发工具,带有站点管理功能,可方便地设计和管理多个站点,它的与众不同之处是支持最新的DHTML和CSS,Dreamweaver UltraDev更支持 Asp,Jsp。ASP(Active Server Pages ) 是Microsoft公司推出的一种Web服务器端开发技术,利用它可以产生和运行动态的、交互的、高性能的Web服务应用程序,是新一代的动态网页开发方案。
图像编辑工具可选Fireworks软件或Photoshop软件,设计、制作、编辑网络图像,使图片起到美化的作用。
Flash软件是制作动画的软件,主要适用于网络传输的矢量动画,使网页更加活泼生动。
Dreamweaver 与 Flash 、Firework 并称为 Adobe Macromedia 的网页制作三剑客,用于资料室网页设计制作,会得心应手。
2.2.2 个性设计
网站的信息内容是靠网页来实现展示的,网页的艺术设计,是技术与艺术的结合,内容与形式的统一。要想设计出优秀的资料室网页,必然网页设计服务于资料室网站的信息服务的主题,使网页从形式上获得良好的诱导力, 鲜明地突出诉求主题, 具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。
资料室网站的内容栏目不是简单的堆砌,关键和特色内容摆在显著位置,还要采用动画闪烁吸引用户的注意力。内容设计应充分体现自己的风格,注重版面设计的简洁美观,尽可能展现自身的优势,以方便不同用户的使用要求为目标,体现资料室的工作流程和网络环境下新的服务模式。
资料室网站的导航与链接也是很重要的。读者除了浏览资料室网站首页内容,还将进一步了解深层次的内容,需要通过网页中的各个链接来访问站点中的深层次的网页。所以应该设计出站内的导航结构,确定好站点网页之间的链接关系,层层展开,逐步推进,使读者进得去,出得来,有条不紊,轻松浏览。另外,学科导航等站外资源的链接也是很重要的,同样也要做到链接准确,不要有死链接,最好是在新窗口打开,这样不会覆盖本站点的页面,以方便回来。
2.3 站点
制作好的网站,需要,通过上传功能,将整个网站放入特定的网络服务器中,别人才能在网络上浏览到制作的网页内容,站点的一般有以下三种方式:虚拟主机方式、主机托管方式和专线方式,这三种方式花费大,需要比较掌握专业技术的人员管理。基于院系网站数据信息量不是很大,可以直接挂靠存放在学校或学院网站的网络空间,这样既解决了经费困难,又便于管理,也很安全。
2.4 站点维护
资料室网站的宣传与维护是网站建设的后续保障工作,没有持之以恒地更新和维护, 网站很快就会失去品牌效应和存在的意义。网站建设不易,要想使其富有顽强的生命力,就要用心管理和经营,不断地增添,更新读者所需要的信息资源,因此,资料室必须非常重视本室网站的日常宣传和维护工作。
网站的更新维护包括技术和内容两个方面。技术维护主要解决网络不畅通、链接失败、病毒和黑客入侵等技术问题以保证网站正常运行,网站还要进行备份,以加强网站的安全性,不断引进新的技术,更新软件,开发使用新的技术,不断提高馆员的网站建设和网页制作技能;在内容方面,不断充实其丰富网站动态内容,不断地给浏览者最新、最即时的资料,随时向教学科研和广大读者传达网站的特点,数据库的特色,信息服务的范围等以吸引读者点击浏览,这样才能赋予资料室网站无穷的生命力;另外,加强宣传,多做友情链接,与学校图书馆合作、资源共享共建。更新读者所需要的信息资源,扩大信息服务的范围,吸引读者点击浏览,提高网站的生命力。
3 结束语
高校院系资料室网站的建设, 是一个不断更新、改进的过程,只有不断地推出更好更新的版本,才能保证资料室网站具有旺盛的生命力,才能将高度有序化的信息资源提供给广大师生,才能为老师、研究生、本科生等用户提供高效、及时、准确、个性化的信息服务,以满足教学科研的需要,使资料室的信息服务工作再上新台阶。
摘要：为了方便广大的学生通过网络来学习VC++，我们考虑开发VC++的在线教学系统。基于ASP+Dreamweaver+WINDOWS2000开发的VC++语言在线教学系统，主要提供网上的教学平台，者可以通过该系统，以提供教程为主来进行知识的传播，以在线讨论和在线阅读的方式提供网络教学服务。访问者可以通过该系统提供的大量资源完成自学，进行自我测验，及其利用在线讨论功能与其他VC++语言爱好者进行交流，以达到共同进步的目的。
关键词：ASP；网页；留言版
1 概述
随着多媒体技术和网络通信技术的发展，基于Internet的计算机网络教学作为一种全新的教学手段，越来越受到人们的关注。计算机网络教学是指利用多媒体技术和网络通信技术，在网络环境下开展的教学活动。它有着传统教学模式所无可比拟的优点，它创造了一种全新的教学模式，打破了传统教学模式在时间、空间上的限制，采用了先进的教学手段和教学方法，大大提高了教学效率和教学效果，使教学活动上了一个新台阶。
在网络教学环境中，教师和学生在地理位置上的分离，使得教学无法围绕教师为中心来展开，而必须以学生为中心，学生已经成为教学过程中的主题，所有的教学资源都必须围绕学生学习来进行优化配置，教师不在是知识的唯一源泉，最大的知识源泉是网络，教师的任务是指导学生如何获取信息，帮助学生解决学习过程中的问题，并帮助学生形成一套有效的学习方法和解决问题的方法。学生的地位也应该由原来的被动接受者转变为主动参与者，学生应该成为知识的探究者和意义建构的主体，学生的头脑不再被看作是一个需要填满的容器，而是一支需要点燃的火把。网络学习环境不再是教师讲解的辅助工具，而变为帮助学生探索发现学习用的认知工具。网络教学应该围绕如何促进学生的自主学习，促进学生思维的深度和广度发展，组织学生的自主学习活动来展开。这些内容构成了支撑网络教育教学观念的基石。
网络教学是通过网络表现的某门学科的教学内容及实施的教学活动的总和，它包括两个组成部分：按一定的教学目标。教学策略组织起来的教学内容和网络教学支撑环境，其中网络教学支撑环境特指支持网络教学的软件工具。教学资源以及在网络教学平台上实施的教学活动。
网络教学设计是教师在网上教学前的准备工作，教师需要把课程编写成网页的形式并进行一系列的备课。在网络教学中，所以教学活动都是以学生为中心，特别强调在学习过程中发挥学生的主动性、积极性，相应的课程与教学设计主要围绕“教学内容”、“自主学习策略”、和“学习环境”三个方面进行。一是教学的前提与条件，二是整个教学设计的核心通过各种学习策略激发学生去主动建构知识的意义（诱发学习的内因）；三则是为学生主动建构创造必要的环境和条件（提供学习的外因）。由于网上教学与传统教学有很大区别，教师的地位发生了明显的改变，教师由原来的知识的传授者、灌输者转变成学生主动建构意义的帮助者、促进者，因此教师的在线教学设计也发生很大变化。
网络教学有以下的原则：
1）直观性――针对多媒体计算机独特的图像显示技术，课件制作需要图像清晰，文本、动画连贯，色彩逼真，有丰富的表现力和感染力，符合学生的认知规律，激发学生的学习热情的兴趣，力求形成图，文，声，像并茂的多媒体教学系统。
2）交互性――优秀的多媒体课件要有非常友好的人机交互界面。因此，制作课件时，要设计出新颖便捷的交互界面，或者播放按钮，必要时还要有操作提示和防错功能，以增强课件的可控性和可移植性。
3）辅助性――学生是教学过程的主体，教师是引导者，而课件则是教师课堂教学的辅助工具。因此，课件不能占据整个课堂，要与传统教学手段（如讲授法，谈话法，讨论法，板书，投影等）有机结合起来，共同完成教学任务。
2 网站软硬件环境建设
2.1 网络服务方式的选择
1）Web服务器
在网络上提供资源并对这些资源进行管理的计算机叫服务器。WWW服务器（WWW Server)通常也叫Web服务器（Web Server）。WWW服务软件与WWW浏览器是配合使用的。WWW服务器安装Web Server软件，用于存贮和管理主页Home Page，提供WWW服务。客户机安装WWW浏览器软件（WWW Browse）、主页制作软件、电子邮件软件等。
2）虚拟主机
网络站点的建设可以分为两种，一种是自己建立网站，一种是外购整体网络服务。外购整体网络服务又分两种形式：虚拟主机与服务器托管。
虚拟主机是使用特殊的软硬件技术，把一台完整的真实主机的硬盘空间分成若干份，每一个被分割的硬盘称为一台虚拟主机。虚拟主机都具有独立的域名和IP地址，但共享真实主机的CPU、RAM、操作系统、应用软件等。虚拟主机之间完全独立。
采用虚拟主机方式建立电子商务网站具有投资小，建立速度快，安全可靠，无须软硬件配置及投资，无须拥有技术支持等特点。
选择虚拟主机主要考虑以下几点服务内容：存储空间；电子邮件；网页制作；IP地址；文件传输（FTP）；时间；速度。
3）服务器托管
服务器托管是指用户将自己的独立服务器寄放在因特网服务商的机房，即租用ISP机架位置，日常系统维护由因特网服务商提供，用户可以独立进行主机内部的系统维护及数据的更新。这方式特别适用于有大量数据需要通过因特网进行传递，以及大量信息需要的单位。
从另一个角度讲，选择服务器托管，用户可以获得一个很高的控制权限，能够决定服务质量和其他一些重要的问题，可以随时监视系统资源的使用情况。在系统资源紧张，出现瓶颈的时候，可以马上根据具体情况对服务器进行升级。服务器托管不仅能够解决足够多的访问量和数据库查询，还能为企业节约数目可观的维护费用。
相对于虚拟主机，服务器托管具有以下特点：灵活；稳定；安全；快捷。
主机托管服务选择时应考虑以下因素：可靠性因素；安全因素；功能需求因素。
4）独立服务器
独立服务器是指用户的服务器从因特网接入到维护管理完全由自己操作。企业自己建立服务器主要考虑的内容有硬件、系统平台、接入方式、防火墙、数据库、人员配备等。
2.2 网络数据库的选择
1）网络数据库的概念与作用
网络数据库（network database）是在网络上运行的数据库。网络数据库中的数据之间的关系不是一一对应的，可能存在着一对多的关系，这种关系也不是只有一种路径的涵盖关系，而可能会有多种路径或从属的关系。网络数据库数据存储量大、修改方便，能够进行动态数据组合，是为电子商务网站提供交互式服务的主要手段。
2）网络数据库的选择
选择数据库管理系统时应从以下几个方面予以考虑：易用性；分布性；并发性；数据完整性；可移植性；安全性；容错性。
3 网站内容建设
3.1 域名申请
域名可以定义为：“由人、企业或组织申请的网站使用的因特网标识，并对提供服务或产品的品质进行承诺和提供信息交换或交易的虚拟地址”。域名的命名必须审慎从事。在确定教学网站域名的命名时，应考虑以下几个方面：
1）符合规范。
2）短小精悍。
3）容易记忆。
4）不容易与其他域名混淆。
5）尽量避免文化冲突。
3.2 相关资料的收集
网站建设初期应有明确的指导方针，对信息的收集和整理工作作出统筹规划。为Web准备信息的工作通常需要多人来完成。许多网站设立文本管理员、Web管理员、内容管理员和其它职务，以流水线方式完成信息的收集、转换、和维护等工作。
3.3 网站主页和页面的特色设计
如何把握网站的整体风格，使网站呈现的形式能很好地为内容服务，是一个需要反复思考的问题。
1）依据内容确定网页风格
无论是什么类型的网站，必然有它的主题内容，网站的风格必须与它的主题相符合，同时还应考虑到浏览人群的性格特征。教学类的网站比较多的采用简明大方、温暖亲切的风格。
2）合理安排网页内容元素的位置
网页内容元素的位置安排也就是对网页的排版。一个网站往往由各个网页组成，而每个网页又由一些元素组成。对这些网页内容元素进行合理的排版设计目标是使每一网页都能重点突出、层次分明、错落有致、井井有条。
在主页中应有制作小组或单位的标志物，能让浏览者一眼就能判别出是谁的主页。网站的所有内容都能在主页中找到其链接。网页的设计应以醒目为上，一目了然为本。
3）网站网页色彩的运用
网页的色彩要为主题内容服务，一个网站应该而且只能有一种主色调。由于色彩富于感情性，因此会对浏览者产生一定的心理效应。
除了主色调之外，一个网站的颜色一般最多不宜超过5种（不包括图片的颜色）。除了颜色的心理效应之外，在进行网页设计时还应注意的是颜色的可读性，要确保挑选的颜色在通用颜色调色板中存在，同时确保浏览者在阅读时不会感到吃力。
4）网页中图片的运用
在网页中插入图片可以令网页生色不少，但图片也不能用得太多，以免让人觉得累赘，而且影响网页的下载速度。所以网站中的图片既要美观、符合网站的内容，又要少而精，放在最需要的地方，起到画龙点睛的效果，增加网站的吸引力。
注意在保证质量的前提下要尽可能地减少图片的大小。这里的“大小”不是指尺寸的大小，而是指字节数的大小。图片减肥有利于下载速度的提高。
网页中合理的运用动画会使网页更加增添生气。常见的动画格式有GIF动画和Flash动画。同样，动画图片在一个网站中也不宜出现太多。
5）网页中的背景音乐
多媒体的应用对网页的多姿多彩起了相当重要的作用，在个人网站中，应用背景音乐的网站较多。但对于一般教育类网站的主页来说，背景音乐建议少用。
3.4 网站设计基础语言
1）HTML语言
HTML（HyperText Markup Language，超文本标注语言）是WWW上的专用语言。HTML文件是简单的纯文本文件（全ASCII文件），其主要特征是在文本中有HTML标注符。HTML语言的优点是标注简单明了，功能强大。HTML语言也有一定的局限。
2）XML语言
XML（eXtensible Markup Language，可扩展置标语言）是SGML（Standard Generalized Markup Language）的优化子集，是国际组织W3C（World Wide Web Consortium）为适应WWW的应用，将SGML标准进行简化形成的标记语言，形式上类似于HTML。XML作为一种可用来制定具体应用语言的元语言，既具有强大的描述能力，又具有适合网络应用的简洁性。
相对于HTML，XML具有以下特点：
① 可扩展性。
② 灵活性。
③ 自描述性。
④ 简明性。
3）Java 与JavaScript 语言
Java语言是由SunMicrosystems公司于1995年推出的程序设计语言。Java语言吸收了smalltalk语言和C＋＋语言的优点，并增加了其他特性，Java与与平台无关，可用来创建安全的、可移植的、面向对象的、多线程的和交互式的程序。
Java程序有两种形式：独立运行程序和Java Applet。
JavaScript 是一种介于Java与HTML之间、基于对象的编程语言。它无须编译，是一种比Java简单得多的描述性语言。
3.5 网页制作常用工具
想要制作出一个美观、实用的主页，必须使用专业的主页编辑软件。
1）入门工具
微软公司的Word 2000和网景公司的Netscape，不过，它们不能完全实现“所见即所得”。
2）提高工具
微软的Frontpage 2000和美国MACROMEDIA公司开发的Dreamweaver。它们能实现“所见即所得”。Dreamweaver4.0 版本包括了所有用于创建专业化网站的功能。
3）专业工具
Adobe Photoshop是目前最流行的平面图形设计软件之一。Fireworks是一个强大的网页图形设计工具。Flash是一种交互式矢量多媒体技术。
4 具体实现过程
我们的C++教学网站包括首页、信息区、留言版三部分。我所负责的是信息区的建设，包括在线学习，在线测试两部分。
在线学习是把C++课程的全部内容分成十一章，所有授课的教程都做成HTML页面存放在服务器中，通过powerpoint课件形式在网上展现，浏览者可以通过点击链接进行任意的浏览。
在线测试系统的构思：如果是一般来访者的身份只能进行在线学习，如果是拥有学号的学生则可以在线考试并提交给机器评分。
5 在线学习课件编写
5.1 课件编写要求
因为课件不仅包含了将要在计算机上显示的大量的教学信息，更重要的是如何通过计算机为学生构建一个良好的学习环境，使学生在与这样的环境的互动中，促进学习的发生.这就要求课件提供的教学信息以及这些教学信息的展示和交互过程应能较好的体现一定的学习理论，应能充分发挥计算机的优势。课件编写应遵循如下基本原则：
1）明确教学目的和各教学单元的教学目标；
2）根据教学目标，使用的教学内容应准确无误；
3）根据教学目标和教学内容，选择适当的教学方法（CAI模式）和传递教学信息的媒体。
4）学习理论的应用。无论采用什么样的模式，都必须注意学习理论的应用，以提高软件的教学效果。
5）应考虑计算机的输出和显示能力。
6）使用的格式应该规范。课件可以使用不同的格式，但必须规范，而且便于对脚本各项内容的表达，这些内容包括：
① 显示信息。指屏幕上将要显示的教学信息，反馈信息和操作信息。
② 注释信息。说明显示信息呈现的时间、位置和条件以及连接要求。
③ 逻辑编号。显示信息常常是以屏幕为单位来表述的，为了说明它们之间的连接关系，每一个显示单位应有一个逻辑编号，以便说明连接时使用。
④ 媒体、交互信息和“热字”的表示。为了清楚地表示教学信息中使用的不同媒体（文字、声音、图形或图象等）、教学信息中的“热字”以及交互过程中呈现的各种信息，脚本中常用不同的符号表示它们。
6 测试系统程序实现
测试系统的程序结构包括以下几个部分：
1）TEST.MDB:考试系统的数据库文件（Access2000/XP格式）。
2）Login.asp:考试系统的登录界面。
3）Test.asp:考试系统的考试界面。
4）Score.asp:考试系统的评分界面。
在线测试系统的设计与开发，它所要实现的主要功能是在线考试和客观题的自动评分，实现了教师学生之间面对面的交流，使学生的学习、教师的工作不再受时间、空间的限制。它主要是有用户登录、在线测试和评分系统几个部分组成。
7 测试系统代码说明
首先进入的是登录程序，其界面如图1所示。
登录程序主要用于密码的验证，检查登录的用户是否在考试系统的用户表中，如果在而且还没有参加过本科目的考试则可以进入考试。
如果考生还没有参加考试，转到test.asp文件，利用Request.QueryString将浏览器地址栏的参数全部读取并传递到test.asp。
考题有单选题和多选题，所有试题都是从该科目的题库中读取的，利用语句“〈INPUT Type= “Hidden ”Name=”Lesson” Value=>”将考生的信息保存起来，当考生提交表单时，信息同时被提交。
当用户提交时，系统会调用Score.asp文件来对考生进行自动判分，并考生的考试信息显示出来，如图2所示。
如果考生按“返回”按扭再重新答卷的话，系统会显示考过的信息。
8 小结
信息技术的迅猛发展对现代远程教育的开展起到了极大的促进作用，设计和开发优质的网络课程是当今远程教育中面临的一个重大课题。《Visual C++程序设计》网络课程就是为适应学习者利用网络进行远程学习而设计的。该网络课程与传统的课程内容不同，它作为现代远程教育的重要教学资源，充分利用优质教学资源，为信息技术和网络技术的发展提供技术支持，创造轻松、活泼、自主的学习环境，提高教学质量和教学效益。另外，网络课程的设计也不可能一步到位，需要在网络课程的运行过程中，不断收集教师和学生的反馈意见，以及实际的教学数据，根据这些数据再对网络课程的设计做进一步修订。
摘要：针对当前一些实现信息无障碍网站存在的问题，该文设计了一个网站设计架构，利用Web日志挖掘技术提取用户兴趣和访问优先序列，采取网站页面信息动态填充至网站主页通用框架模块中，实现智能化、个性化无障碍访问。
关键词：Web日志挖掘；信息无障碍；网站设计
随着信息技术和网络技术的不断发展，互联网给现代人们获取信息带来极大的便利，成为人们工作生活中非常重要的组成部分。信息无障碍即万维网对任何人士(包括残障人士)都是可访问、可用的，残障人士能感觉、理解和操纵Web，与Web 互动。如何借助先进的技术，消除数字鸿沟，为残疾人提供有效的辅助手段，使他们能和健全人一样无障碍地获取网上信息，得到世界各国政府和组织越来越多的重视。
1 信息无障碍网站存在的问题
很多部分实现了信息无障碍的网站，用户每次访问时，网站语音都得从头到尾的播报网站内容，对于该用户曾经访问过本网站中部分页面内容，系统不能自动过滤掉这些已经阅读的内容，或者跳过这些已阅读信息，而是依然按照布局顺序重复播报。这对于阅读障碍的用户来说非常浪费时间和精力。避免重复浏览或者播报网站信息，将用户曾经阅读过的内容过滤掉，将没有阅读过的最新的感兴趣的网页内容优先播报给阅读障碍用户，提供智能化、个性化信息服务，是信息无障碍网站设计应该重视的问题。
2 Web日志挖掘
Web日志文件是在Web服务器上每隔一定的时间产生的记录文件，其内容包括访问用户的IP地址，访问时间、访问的页面、页面的大小、浏览器类型、响应状态等等。Web日志挖掘是对用户访问Web时服务器方留下的访问记录进行挖掘，得到用户的访问模式和访问兴趣。通过对Web站点的日志记录进行预处理，将日志数据组织成传统的数据挖掘方法能够处理的事务数据形式，然后利用传统的数据挖掘方法进行处理。
Web日志预处理过程：
1) 数据收集：从服务器端数据、客户端数据、服务器端进行。
2) 数据净化：删除Web日志文件中不是由用户请求，而是由浏览器自动“请求”产生的访问记录。具体包括图片和音频文件、样式文件和脚本文件、不是GET的HTTP方法、弹出式广告的记录等。
3) 用户识别：可以通过IP地址和、嵌入SessionID、cookie、软件等方法实现用户的识别，但由于本地缓存、公司防火墙和服务器的存在，要识别出每一个用户变得很复杂。可以采用一些启发式规则去识别不同用户，将IP地址，类型以及引用页面结合起来识别一个用户，也可以通过注册用户，依赖用户的合作是最好的解决办法。
4) 会话识别：用户在规定时间内对服务器的一次有效访问，通过其连续请求的页面，可以获得其在网站中的访问行为和浏览兴趣，有4种识别会话的模型：页面类型模型(page type model)，参引长度模型(reference length model)，最大前向参引模型(maximal forword reference model)和时间窗口模型(time window model)。最常采用的是时间窗口模型，以用户访问时间作为划分会话的分界，一般间隔时间取30min。
5) 路径补充：用户有时浏览的页面，是从本地缓存和服务器中调用的，不会向Web服务器发送请求，也就不会记录日志，而这些请求可能对后续挖掘的实施有重要作用，缺少这些页面记录可能会使挖掘结果不是很准确。为了能更精确的挖掘用户的行为模式，有必要把这些缺失的路径补充上去即路径补充。如果当前请求的页与用户上一次请求的页之间没有超文本链接，那么用户很可能使用了浏览器上的“BACK"按钮调用缓存在本机中的页面。如果用户的历史访问记录有多个页面都包含与当前请求页的链接，则将请求时间最接近的Web页的页面作为当前请求的来源。
3 基于Web日志挖掘的网站设计
3.1 网站设计架构
网站为每位存在访问障碍的用户建立网站访问记录数据库，用户访问网站页面，产生Web日志文件，通过对Web站点日志文件进行数据净化、用户识别、会话识别，将有用数据存入事务数据库，对该用户访问过的页面进行相应标记，再对事务数据库进行传统的数据挖掘，分析出该用户比较感兴趣的信息类型，为该用户对网站所有类型信息构造优先显示页面类型序列表和对每类信息未访问页面、已访问页面分别构造优先序列表，当该用户再次访问网站时利用离线分析所得的优先序列表和网站文件映射数据库将网页链接按照用户兴趣高低动态填充到网站导航框架，这样用户最感兴趣类型的网页链接总是弄够最先看到、听到，从而达到优先访问的目的。
网站设计框架如图1。
3.2 网站导航
网站导航是根据信息无障碍网站结构布局设计标准所设计的网站通用布局框架，除了包括信息无障碍要求的导航砖，通用切换等功能，还将页面设计成由几个通用的布局框架模块组成，每个框架模块将显示网站上某一种类型的网页信息链接，具体网页链接内容则根据序列表先后顺序动态填充。网站所包含的信息类型可以有很多，但在网站导航中只列出用户最感兴趣的几种类型的网页链接，随着用户兴趣的改变，其他类型的网页链接将动态的填充到相应级别的框架模块中。
3.3 兴趣提取
根据用户浏览的历史访问记录(内容信息和行为信息)、访问时间和访问频率等来分析计算用户兴趣度，用户的兴趣一般集中于某一个主题或者多个主题，系统在通过聚类进行分析将用户浏览的历史页面集自动地分成n个聚簇(n是聚类中聚类中心的数目)，每一聚簇的页面集体现了用户的某类兴趣，构造形成用户的兴趣类。再利用用户的隐式信息学习提取用户兴趣集，建立树状的用户兴趣模型。
3.4 序列模式
序列模式挖掘是对关联规则挖掘的进一步推广，它挖掘出序列数据库中项集之间的时序关联规则。关联规则强调的是两个项之间的关联，序列模式则加强调两者之间的先后次序。这里我们将挖掘出两种序列表：类型序列表和页面序列表。类型序列表是通过对历史访问记录进行挖掘统计出来的网站每种类型信息访问优先等级，是一组有序项集对应表；页面序列表则是以类型挖掘权值和更新时间2个指标得出的页面访问有序集对应表。可以采用基于Apfiori算法的改进算法进行挖掘得到上述两种序列表。
3.5 序列-页面映射
根据挖掘得到的序列模式对网站的静态页面文件进行一一映射，按照兴趣高低和文件序列先后动态的填充如网站导航模块框架中。
4 结束语
该文所提出对Web日志文件挖掘提取用户的兴趣类和访问类型和页面优先序列，重构站点页面之间的链接关系，动态显示网页信息的设计框架，以适应有障碍用户的访问兴趣习惯为主要目标，在一定程度上可以避免反复无用的页面浏览和语音播报所造成的对存在访问障碍用户产生的困扰和时间精力的浪费，提高了访问效率，为消除信息鸿沟，真正做到信息人人共享发挥积极的作用。
摘要：随着信息化社会的快速发展，查看网站成为人们日常生活获取信息的一种最基本手段。那么一个好的网站设计理念，直接影响到这个站点能否受到用户的欢迎。作为一个网站的设计者，最重要的一点是要有好的设计理念，一些好的设计理念能给这个网站带来灵感、带来生命，没有设计理念的网站是不成功。该文结合自身网站设计的的经验，谈谈网站设计理念的相关运用。
关键词：网站；设计理念；网页设计
网站同其他出版物，如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的理念，不同之处在于网页的非所见即所得特性和交互性。因此，熟悉一些设计的基本理念，再对网页的特性作一些考虑，便不难设计出美观大方的网站来。一般来说，网站设计所需遵循的理念有：
1 突出网站的标志
网站的标志是网站特色和内涵的集中体现，它的作用在于传递网站的定位和经营理念、同时便于人们识别。一个重点突出的网站标志，一个极具视觉冲击力的网站标志，会直接影响到客户对网站的判断，特别是网站在以日后进行推广时，优秀网站标志会吸引来更多的访问者。
2 符合简约、美观原则
有的网站页面设计得非常的漂亮，就跟杂志的封面一样吸引人的眼球。网页有不同于纸质媒体的特点，不能简单的照搬杂志的做法，它以满足人们的实用需求为目标，它比杂志封面更单纯、清晰和精确。因而真正吸引用户继续进行浏览的是主页内容，这些内容必须对读者有足够的吸引力。保持简洁的常用做法是使用一个醒目的标题，这个标题常常采用图形来表示，但图形同样要求简洁。另一种保持简洁的做法是限制所用的字体和颜色的数目。页面上所有的元素都应当有明确的含义和用途，不要试图用无关的图片把页面装点起来，对于初学者来说容易犯的一个错误是把页面搞的花俏，一个网页用很多种的颜色，文字的字体与颜色设计的乱七八糟，最终不能让别人明白他到底要表达的是什么内容，突出是什么主题和意念。
3 注重色彩搭配
色彩本身是没有任何的含义，但有时候色彩确实可以在不知不觉间影响人的心情，左右人的情绪。不同的颜色会给浏览不同的心理感受。每种色彩在饱和度、透明度上略微变化就会产生不同的感觉。在设计页面时应尽量避免选择使页面难以阅读的背景颜色，页面内容的色彩应该与背景的颜色协调。一些主页最常见问题是使用彩色文本与紫色背景，这种页面可视效果很差，还有一些页面采用黑色的文本与黑色的背景，让浏览者根本无法进行浏览。总体来说，一般每个网站使用的颜色不超过三种，太多的颜色会让人眼花缭乱。主调色要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。至于其它色彩，也可以使用，但只能作为点缀和衬托，绝不能喧宾夺主。
4 精心组织网站内容
浏览者之所以访问你的网站，大多是因为你的网站内容而来。如果站点内容太普通，不专业，而且又长时不更新，那么浏览者就不会再有兴趣访问你的站点。因而，在设计一个网页时，所的材料必须要经过精心组织，如按逻辑、按时间顺序或按地理位置进行组织，并且这种内容组织应当易于理解。当材料组织好以后，接下来就是在网页布置文本、图片、动画等相关网页内容，目的是引导浏览者在页内浏览。应该控制页面上元素的放置顺序和它们相互之间的空隙。通常人们喜欢从左到右，从上到下进行阅读，他们的眼睛首先看到是页面的左上角，然后逐渐往下看。因而，在组织内容时可以把希望浏览者最先看到的内容放在页面的左上角和页面顶部。比如：网站的标志、导航条等。
5 合理的版面设计
网页作为一种版面，有文字、图片、动画等。文字有大有小，还有标题和正文之分，图片也有大有小，而且有横竖之别。图片和文字都需要同时展示给浏览者，不能简单地罗列在一起，这样往往会使用内容杂乱无章。因此必须根据内容的需要，将这些图片和文字按照一定的次序进行合理的编排和布局，使它们组成一个有机的整体展现给访问者。网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下型、框架型和海报型。一般在设计首页时采用800*600像素，这种大小在一般的浏览器上就只有一屏。网页布局的重心和位置之间的对比关系也很重要，一般用黄金分割率（0.618），也可以用用类似中国古代的一种九宫格。这种九宫格是把一个长方形等分为九格，在这个九宫格的中间就会产生四个交叉点，这四个交叉点就是视觉的中心点。有很多初学者喜欢把重要的东西放在页面的中心，以吸引浏览者的目光，殊不知正中心属于盲点区，也就是人们的视觉经常会忽视正中心的东西。
6 灵活运用CSS样式
调用CSS样式的方法很多，可以单击鼠标右键选择自定义样式来调用样式，也可以在状栏中的元素列表上单击右键来调用样式。虽然不同的方法达的效果看似一样，但实际在html代码则完全不同。比如用自定义样式来调用样式，在网页代码就产生一个span标签，这样的标签一多就会使文件的容量显得很大，在同等网速下，打开的网页会显得很慢，所以我们应尽量使用状态栏中的元素来调用样式。
7 能够适应不同浏览器及不同的分辨率
应该站在访问者的角度，考虑网页中各种的因素。如果用不同的浏览器和不同的分辨率来访问你的站点，结果网站杂乱无章、毫无次序，浏览者就不会再访问你的站点了。因此在编写一个主页后，要事先将其放到各种操作系统，各种浏览器中去调试，检测是否会出现一些问题。
8 网页元素不能用中文名称
网页制作后，通常会给网页起一个具有代表意义的名称。一来使人一看文件名就知道文件所包含的内容，二来能够方便各个超级链接之间的相互调用。浏览器对中文名支持不太好，经常会有页面调用不正确现象发生，因此尽量采用英文作为网页元素的命名。
9 为图像链接增加动态效果
有时我们为了达到一种酷的效果，当鼠标移动到某个图片上时能有动感产生。使用Dreamweaver可以很容易实现这种效果。设计时，我们首先需要准备两幅图像，第一幅是原始图像，第二幅是鼠标移动上去后的图像，也可以增加对图片的描述和超链接。当图片如果打不开的情况下，可以让文字来代替图片，也可以实现超链接。
10 网页有良好的对比度
对比是强调突出某些内容的最有效方法之一，好的对比对度使内容易于辨认和接受。对比一般是使用颜色的对比，如内容提要和正文使用不同颜色的字体，内容提要使用蓝色，而正文采用黑色；也可以使用大的标题，形成面积的对比；还可以使用图像对比，题头的图像明确的向浏览者传达本页的主题，这里同样需要注意的是链接的色彩。还有一种实现的对比方法是使用字体变化。在文字排版中，可以使用斜体和黑体突出关键内容，但不能用得太多，否则就得不到应用的效果。
11 结束语
随着网页技术的不断发展，人们对网站会提出更多的要求，使网站的设计理念会变得越来越明确。好的网站设计理念能把整个网站相关网页元素有效的组织与通信结合起来，从而使网站主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站的个性和情趣，体现出网站的闪光点。
摘要：本文从多年网页设计经验和教学入手，提出高校艺术设计专业所学习的网站设计应更注重网站前台美工设计，更多地从视觉角度和浏览者的感受入手，使不同性质的网站按照不同的风格和创意进行处理，版面的编排和细节的处理需符合客户心理以及审美诉求，通过大量的欣赏、分析、模仿、创造和项目式教学，使学生在审美体验、规划布局、动手能力、细节处理和交流谈判等方面均达到较高水准。淡化后台程序技术，使术业有专攻，为社会培养出符合市场需求的艺术设计人才。
关键词：艺术设计 网页设计 教学 思考
一、引导学生如何与不同审美需求和设计诉求的客户沟通
设计师会接触到形形色色的客户，设计师要重点考虑主要负责人的意见和要求，主要负责人往往决定着你的设计稿能否通过，但也不可忽视与其他办事人员的良好关系。
二、通过赏析使学生了解不同网页的布局框架
了解了客户对于网站的诉求之后，接下来要确定的就是网站的框架结构和内容。这需要教师通过研究大量优秀的网站设计作品，分析出不同性质的网站其结构框架的不同之处。比如：门户类网站、政府类网站、企业类网站、行业类网站、商业类网站、教育类网站、娱乐类网站、个人类网站、BBS以及论坛类网站等。这个工作比较精细，需要花较多时间与同学一起讨论。不同的网站所选取的框架结构和内容都带有侧重性。比如本人设计的塔里木大学人文学院的网站，将其定位为：高校教育类网站。纵向结构分为首页、二级页面、三级页面等。横向结构首先确定网站的二级菜单，经过反复与客户沟通，最终确定如下：首页、学院概况、教学管理、院系设置、学科专业、科学研究、对口支援、学生工作、人才培养、党的建设、下载中心、重点课程这十二个二级菜单。设计师在确定菜单内容时，可以借鉴其他高校的网站和本学院具体实情与特色二者相结合的原则，二级菜单就很容易确定了。这一步也需要与客户进行反复沟通和确认，一旦确定后客户则不能随意更改，增加设计师的工作量。三级菜单也是如此，此处就不再赘述。设计师应在A4纸上画好结构图，也就是一级、二级和三级的相互关系图，以便于客户看得清晰而提出修改意见。
三、帮助学生整体构思，选定网页风格和色调
内容确定后，设计师需要独自思考，首先要考虑网站的风格及主色调。色彩在视觉表现中具有迅速诉诸感觉的作用，它与公众的生理和心理反应密切相关。公众对网站的第一印象往往通过色彩而得到。设计师要明确色彩定位，考虑顾客所在行业的个性特征和行业形象色。
例如：红色具有极强的表现力，是火焰、热烈、华丽、喜庆的象征。用它可以来设计一些婚礼策划公司、鲜花店或商场店铺类网站。黄色使人感到温暖和明媚，是充实、幸福的象征。它介于红色、橘色和绿色之间，由于高明度给人一种跳跃的力量，而且在中国的传统文化中还代表皇权。可以和粉色搭配来设计妇婴类网站。绿色给人生机勃勃和大自然的宁静感觉，有一种平和亲切气息，也是青春、健康、乐观的象征，可以用它来设计学校、绿植、旅游类网站。而紫色通常给人神秘、独特、与众不同和华贵之感，所谓紫气东来、紫带金腰都是尊严、高贵的意思。用它可以设计女性服装、家居床品等网站。
四、帮助学生在设计中选用合适的素材
素材的选用对整个网站设计来说非常关键，有关资料统计显示，从20世纪50年代至90年代，摄影占平面设计的比重日益增加，设计家称现在的摄影与平面设计是“蜜月时代”。学生需要清楚获取素材的渠道和办法，并且通^日积月累逐渐形成自己的素材库，以方便设计之需。而确定主题和风格后如何选取适合的素材呢？
想要体现出一个网站的人文气质，设计师需要在脑海中搜索，比如：书法、篆刻、水墨元素、木简、牛皮纸、书卷、壁画、雕塑、石刻、秦砖汉瓦、陶罐、中国象棋、脸谱、算盘、古筝、唐三彩、景泰蓝、青铜器、刺绣、皮影、剪纸，等等，从这么多体现中国文化的元素中，再重点加入体现塔里木大学人文学院网站的教育性、地域性元素，比如新疆洞窟壁画、出土绢画、胡杨、沙漠、骆驼、丝绸之路，还有经典人文代表人物的画像等元素。经过反复斟酌后，笔者选用人文初祖轩辕黄帝像的汉代画像砖和古代陶器上的渔猎农桑等图案来衬底，使网站在咖啡色的基础上铺就一层人文与历史的久远感觉；在网站头部选用水墨晕染与古代车马和新疆特有的胡杨剪影，衬着古代书法大师的作品；菜单栏选用胡杨木质，体现出厚朴的韵味；中间具体的内容底色选择淡黄，四周衬着牛皮封皮，体现出书卷气息；运用咖啡与浅黄相近色搭配的原则，使设计体现出一种和谐之美。
五、帮助学生在项目制中举一反三，融会贯通，提高成功率
苏霍姆林斯基说：“请记住，成功的欢乐是一种巨大的情绪力量，它可以促进儿童好好学习的愿望。请你注意无论如何不要使这种内在的力量消失，缺少这种力量，教育上的任何巧妙措施都是无济于事的。”教师需注意多使用项目负责制，使学生置身真实的设计环境之中，通过给定主题-思考难题-完成作品的过程，学生会收获到成功的快乐，从而有效地提高教学效果。在很多高校，艺术设计专业所授的网站设计很容易朝向后台程序方向的偏差，艺术设计类人才应强化视觉美的创造，淡化后台程序技术，使术业有专攻，才能培养出符合市场需求的设计人才。
【摘 要】本文从架构设计、购物流程设计以及界面视觉设计对现有购物网站界面设计与用户体验进行分析，并从以上三个方面对云向南微商城展开设计。
【关键词】微商城；设计
随着新媒体网络科技的快速发展，人们越来越喜爱网上购物，而顾客对网上购物的诉求也从最初的单纯追求低价格上升到追求完美、个性化、甚至与线下购物趋同的购物体验。
一、现有购物网站界面及购物流程设计分析
对现有购物网站的用户体验分析从网站的架构设计、购物流程设计、界面视觉设计三个方面展开。
良仓是一个主推设计精良的商品，面向具有一定消费能力并追求高品质生活的消费人群的网站。良仓的整体架构分为三级页面，首页、商品分类页与购买页。在商品分类中，良仓的分类是比较细致的，良仓的首页有一些专题推荐，推荐的内容往往是与节日、季节相关。而良仓的一级分类除了商品之外，还有杂志，分享和达人分类，在杂志的分类下有一些分享新鲜事物的文章，分享的内容包括时尚、文化、数码等。在这其中还有一个清单分类，类似于淘宝的特色专题，而两者相比较良仓的清单命名更具文化性。个人认为这个清单的实用性还是较高的，现代人每天的生活都很疲惫，整天处于一个压力大的环境中，没有耐心去看复杂的事物，很多人更愿意去看整理归纳好的物品。
良仓的购物流程设计首先是消费者选定商品，可选择购买颜色与数量，选定商品后可选择立即购买或是加入购物车，选择购买后进入确认订单页面，此页面为购买信息界面；提交订单后出现选择付款方式页面，确认付款后系统自动转换到第三方网站进行付款完成交易。就购物体验及服务来说，良仓在整个网站上只有一个在线客服及客服电话，而淘宝每一个店铺都配有客服，在看了一些市场调研后，发现良仓的售后做得很不全面，无法直接在订单中追踪物流去向，也没有消息发送到消费者的手机上告知订单进程，因此很多消费者认为淘宝购物体验比良仓更好。
良仓整体的界面风格是以简洁为主，整个界面的版块都是在框架中，使界面显得很规矩，整体的大色调采用了黑白灰三色，而为了使版面不会太过于无趣，在广告和促销的版块又使用了彩色纯色背景，色彩的饱和度并不高，与整个画面的黑白灰三色搭配起来显得很雅致。界面的内容则主要是以图片为主，整个界面除了广告和促销图片上的文字再无其他多余的文字，商品详情与价格则在移动到商品上时才显现。网站界面并没有太突出的图标，都是网站常见的一些图标，但值得注意的是商品图片右下角出现的促销与活动图标，设计都是由良仓logo演变而来。
整体来说，良仓整个的界面还是充满了设计感，精致又不沉闷，很符合网站的定位。
二、云向南微商城设计思路
云向南微商城是一个主打云南本地特色食品及进口食品的购物网站。市场定位是面向中等收入水平并且对生活品质有一定追求的人群，应根据市场定位及消费者喜好来进行网站架构设计分析。网站的大体设计风格理念与良仓相似。
在架构设计上，云向南微商城的大体构架也分为三级页面，首页除去放登陆、注册、广告、推荐商品此类网站基本的版块之外，还增加了吸引消费者购买的促销版块与更好地帮助消费者挑选的特色专题版块，通过市场调研结果，专题与促销版块能有效地提高消费者的购买欲。首页的搜索框应放在显眼易见的地方。二级界面则包含商品详细分类、推荐商品以及符合条件商品筛选与商品按条件排序。符合条件商品筛选功能是在购买时可将该类别下所有的商品按照价格、品牌、作用等条件来进行筛选，能帮助消费者更快地找到想要的商品，而推荐商品则是网站根据用户所浏览商品来给用户推荐同类商品。三级界面则是商品详情与购买页。此外还应在网站每个界面都提供在线客服的小窗，使消费者在购物出现问题时随时都能与网站沟通。
许多人选择在网上购物除了品种丰富，性价比高等因素外，很大一部分原因是网上购物的方便快捷以及良好的售后服务，因此购物流程这个环节对于消费者的购物体验来说是至关重要的。大致的购买流程与其他购物网站相似，要注意的是在消费者的整个消费过程中，客服以及售后服务显得尤为重要，网站应该有24小时在线客服为消费者答疑。
根据云向南网站的定位，整体设计风格以简洁精致为主，网站的所有元素统一在版块中使版面整齐。但整个网站的设计如果太过规矩又会显得太沉闷，使消费者没有购买欲望，因此在设计时要考虑到如何使界面简洁精致又不至于单调无趣。在排版方式上，可设计版块的大小变化给整个画面增加节奏感。在色彩的选择上，整个网站的主色调搭配“云向南”logo的主色调来使用，商品图片可统一用深色灰色系或原木底来着重突出商品并增加商品的品|感，但食物类商品应使用白色来搭配。单是用黑白灰色系出现在整个版面中会使版面显得单调无趣，设计可以从广告条与促销版块的色彩入手，通过网站品牌理念整理出一组色彩，将其运用在广告条的背景中。整个版面要在保持完整性的同时尽可能少地出现元素，使版面给人以精致的感觉，因此商品信息设计在鼠标移动到图片后出现。图标设计应使用线条纤细的图标，纤细的线条往往给人现代，精致的感觉。
摘要：在当前大数据火热的背景下，研究者都在思考如何应用大数据解决实际问题。文章在理解大数据思维下，设计了以数码产品价格预测、产品基本搜索功能和产品详情模块为主要功能的数码产品价格预测网站，其中重点介绍了如何实现数码产品价格预测功能。该功能的实现主要是利用分布式网络爬虫技术获取各大知名网站的数码产品价格，并利用模型对数码产品的价格走势进行预测。
关键词：价格预测；分布式网络爬虫；数码产品网站；大数据；数学建模
1概述
据《中国互联网络发展状况统计报告》显示，截至2016年6月，我国网络购物用户规模达到4.48亿，可见通过网上获取信息的人很多。在互联网+和大数据时代下，IT行业逐步成为人们热议的焦点，其发展也得到愈来愈多的人关注。而目前国内的IT类资讯网站大多没有预测产品价格这个功能，本文将着重研究价格预测的实现功能的实现。
2网站设计与开发的可行性与适应性分析
2.1从技术角度看
开发一个基于大数据的分析的数码产品价格预测网站需要大量的数据做支撑，这些数据可以通过各大电商平台进行获取。各大电商平台往往会将这些数据按照一定的格式展现在网站上，我们可以通过分布式数据爬虫技术将这些数据实时采集。数据爬虫是一种非常流行的数据采集程序，目前互联网上拥有大量的爬虫框架供我们使用，我们只需编写简单的代码便可以开始获取数据。当拥有海量数据后我们可以对各个商品进行建模，基于hadoop框架进行分布式运算，设计相关预测算法对数码产品价格进行分析并预测出价格的未来走势。
2.2从资源角度看
对于数码产品，互联网可以提供各种各样的信息，比如各大手机生产企业会在他们的网站上数码产品的配置信息、评测信息等。在网站建立的初期我们可以从这些网站获取大量的数据来填充我们的数据库。对于部分具有版权的数据，我们将采用外链的方式将原网站提供给用户浏览，这样可以节约开发资源，并让网站专注于价格预测的实现。
2.3从商业价值角度看
一个可以有效预测价格变化的网站是比较有市场前景的，目前互联网上充斥着各种各样的历史价格查看网站，但是大多没有可以对价格进行预测的网站。如果我们可以成功的预测价格走势，我们就可以引导消费，帮助消费者省钱，这也便是网站最大的商业价值。
3网站概述
网站以用户需求为出发点，利用网络爬虫、PHP、HTML5、JAVASCRIPT、MYSQL等技术设计开发。在网站里可以查询到参数、评测、价格和图片等关于数码产品的详细信息。网站的功能包括数码产品价格预测（预测到某款数码产品在未来一段时间内的价格）、信息查询（含有数码产品名称、各项参数、各角度拍摄图片等信息）、价格对比（及参数对比、图片对比和综合对比）等，目的是为人们提供一个简单易操作、具有现实意义的数码产品信息查询平台。网站技术框架如下图所示：
4网站设计
4.1网站主要功能设计
4.1.1产品价格预测模块设计
产品降价预测模块是网站的重点功能。用户可以通过网站查询某个产品的基本信息，并且能够得知该产品的历史价格走势和该产品在未来一段时间的价格走势，这对于比较注重价格的用户来说，便可以综合各类信息和自身需求，更加理性和有计划地选择性价比较高的产品。
网站利用分布式爬虫采集互联网各大平台的IT产品价格数据，形成一个较全面的价格走势图，再通过对产品价格进行建模，从建模结果中得到IT产品在未来一段时间的价格走势。需要说明的是，因为价格容易受到社会、经济条件以及国际等多种因素的影响，所以预测的价格走势会有一定的波动。另外，对于不同时期的价格预测也不同，短期内影响因素主要是数码产品的市场供应，一般采用指数平滑法。这种方法预测主要是靠历史价格数据逐步往后推导预测价格。对于较长时间，则采用二次指数平滑法较好，因为对于一些时间序列变化可能存在线性的趋势，这种方法的好处在于能减少预测值的滞后性。如果数据的变化受季节影响，预测方法应当采用温特线性季节性指数平滑较好，因为这个预测方法是根据季节的变化来进行价格预测，这样预测的价格更为准确。
4.1.2产品基本搜索功能设计
产品的搜索功能也是网站的基本功能之一。产品的搜索功能不仅仅只是简单的产品搜索，它是一个包括商品搜索、查看热门产品、查看最新产品、今日推荐等多模块组合成的一个大模块。用户通过这些搜索信息并结合自己需求，可以理性谨慎地对产品进行对比选购。换言之，产品搜索模块将完成对商品的导购功能。
4.1.3产品详情模块设计
产品详情页面包括很多内容，其子页面也非常多。其中包括：概览页面、具体参数页面、报价页面、点评页面、图片页面以及竞品对比页面等等，每一个页面的功能都不同，设计时将合理安排功能的布局，以方便用户获取自己所需要的资料。
4.2价格的采集与预测
4.2.1分布式网络爬虫
实现价格预测的前提是有大量的历史价格数据，所以W站利用分布式网络爬虫技术从各大网站采集数据，爬虫主要由两个模块组成：
爬虫引擎：分布式运行且完成下载网站页面内容，并将数据存入数据库的工作。
数据清洗：将下载下来的价格信息进行清洗处理，剔除无效信息和冗余信息。
分布式爬虫技术实现需要对于特定的网页编写用于分析其网站源码和获取信息的脚本代码，数据或许后再通过数据清洗去除掉不必要的数据信息，最后把需要的数据存放到数据库中保存。
4.2.2预测价格
在比较多种预测方法后，我们发现时间序列法较适合预测数码产品的价格。时间序列即是某些序列按照时间的先后顺序排列而成的一种特殊序列。若利用这组数列，应用数理统计方法加以处理，以解决实际问题，则称为时间序列分析法。时间序列分析是以时间序列为研究对象，分析序列的本质波动，探究其真实规律的一种定量分析法。在实际中，通常被用于预测未来现象或指标的波动情况。由于数据量庞大、涉及的商品较多，为了提高计算速度，预测模型需要构架在Hadoop等分布式平台之上。
5网站的开发
5.1数据爬虫程序
开发一个数据爬虫，需要用到scrapy框架，该框架是基于python语言编写的，用python语言开发程序最大的特点那就是简单易读。Scrapy框架非常的简单易用只需编写爬虫规则就可以开始高效获取数据，并且该框架是可分布式运行，速度可控，支持JavaScript，非常适合用来采集各大网站的数码产品数据，最重要的是该框架是免费而且开源的，故运用scrapy框架进行开发满足网站需要的爬虫系统。
5.2价格数据分析系统
对于海量的数据传统程序没办法很好的处理，传统的win-dows系统也很难有效的承载。故我们选用hadoop生态体系进行数据分析，该程序可以高可靠的运行在多台电脑上。为了程序可以长期稳定地运行，我们选择在linux上进行数据分析，这样的好处是系统稳定性强，硬件资源可以高效利用。
5.3网站搭建
和大多数网站一样，本网站采用BS（Browser/Server）架构，该架构具备以下几个特点：客户端电脑负荷大大简化、系统维护和升级成本低、同时也降低了用户的总体成本。
我们运用HTML、CSS、JavaScript开发网站前台页面，用PHP开发网站后台，MySQL作为后台数据库。网站运行在Linux系统下的Apache软件下，网站的所有软件均为免费软件，实现成本较低，也符合当下流行趋势。
6结束语
本网站是在大数据背景下建立的数码产品价格预测网站，着重在实现产品价格预测功能、提供报价资讯等内容。网站依托互联网数据建立，以满足消费者对价格预测和导购需求，未来还将继续完善研究工作，通过大数据分析提供个性化产品推荐、提供对数码生产企业的大数据服务、提供对消费者的购买预测功能。
摘要：随着近年来互联网+概念的提出，互联网应用的发展达到了一个新的高潮。越来越多的传统行业试图通过互联网平台创造新的发展生态。其中移动互联网的占有量更是逐年攀升，为了满足不同移动终端的显示尺寸，响应式的页面布局应运而生。该文利用bootstrap工具设计响应式校园二手商品交易商城的前端。
关键词：Bootsrap；前端设计；校园二手商品交易商城
移动互联网是采用移动无线通信方式通过智能移动终端获取业务和服务的，而移动终端则包括了智能手机、电子书、平板电脑等。近年来，随着移动通信和智能移动终端的发展，更多的客户会选择移动互联网这样随时随地可以上网的方式，移动互联经济也随之高速发展。而传统的网页制作方式大多只适用于PC端的浏览器，在智能终端多尺寸的显示屏上的浏览效果却不尽如人意。
1响应式web设计的趋势
响应式Web的设计注重的是实现一个网站能兼容多个终端，通过媒体查询、弹性视觉媒体、流动布局的结合，实现兼容性网站创建，一个网站能够满足不同客户端用户需要。响应式Web设计能使客户端适应用户设备环境，智能化地适应大众的需要。
相对于传统网页设计方式，响应式网页设计能够为不同终端的客户提供更好的浏览体验，带来更多的经济效益；同时响应式网页设计也能够减少网站开发和维护成本，对于搜索引擎优化也更加友好。因此，越来越多的前端开发工程师选择响应式布局设计网页。
2 Bootstrap的优势
Bootstrap是由Twitter的设计师Mark Otto和Jacob Thornton合作开发的一款简洁、直观的用于前端开发的开源工具包。Bootstrap是基于HTMl5和CSS3开发的，它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分iQuery插件。
1）Bootstrap是响应式布局的。能够根据用户的终端设备进行自适应调整，提高用户的浏览体验度。
2）Bootstrap是移动设备优先的。从Bootstrap3开始，针对移动设备的样式融合进了框架的每个角落。更适应移动互联网快速发展的今天。
3）Bootstrap是易于学习的。只要具备HTML和CSS基础知识，就能够快速上手，对于高职院校的学生能够快速掌握基本技术，搭建一个极具设计感的完整网站。
4）Bootstrap含有丰富的组件。Bootstrap有丰富的HTML组件和JS组件，并且代码简洁，可以在其基础之上个性化定制开发。
3利用Bootstrap工具现校园二手商品交易商城页面
引入bootstrap框架，利用其布局容器、导航栏、表单、按钮、栅格系统、标签、响应式工具以及轮播插件，完成校园二手商品交易商城页面的制作。
4结束语
Bootstrap是一个开源框架，提供CSS布局组件和javascript组件，对于高职院校的学生更容易掌握，从校园二手商品交易商城的开发到后期维护阶段都可以让学生参与进来，也是增加学生的实践机会。
