英皇体育app网站设计方案(精选5篇)

2023-12-05

  高职院校的电子商务专业目前的课程体系基本是由计算机的一些专业课程加上一些商务的课程共同构成的。各个高职院校会根据学科的偏向而进行一些取舍,有些学校会有更多的计算机专业课程,有些学校会更侧重于商务课程。从高职学生的特点来看,学习较多的计算机专业课程难度较大,因此从实际出发,高职的电子商务专业计算机课程相应地要降低难度,我们对计算机专业类的课程进行了重新的设计和整合,包括课程的标准和课程的内容。计算机专业中的《系统分析与设计》课程主要是对软件系统进行分析与设计,针对电子商务专业,则侧重有所不同,因此将课程更改为《商务网站需求与方案建设》,结合对企业的业务流程调研,归纳出本门课程的典型工作任务,并对课程进行了教学设计。

  1、对企业业务流程的调研对从事网站项目建设开发的企业流程调研后,可以归纳出基本的业务流程,描述如下:在承接一个项目后,市场部负责人与美工主要进行需求分析工作,由于需求分析成功与否与后期的工作直接相关,所以主要由负责人与项目委托人沟通,美工要进行首页面的设计,因此要对网站的总体风格和内容有一个准确的把握,所以始终参与需求分析过程。在与委托人进行充分沟通的基础上,了解该项目的行业背景和企业的实际运行情况后,完成需求分析报告,并进行一个方案设计,在项目委托人同意之后开始进行项目的设计。首页面的设计是由美工完成的,这也是一个与委托人反复交流的过程,经过不断地调整修改之后,首页面定稿。此时首页面只是一个效果图片,经过页面的切割和生成工序后,将首页面交给研发部,研发部根据需求分析报告和首页面的内容进行后台代码的编写。同时,美工进行二级页面的设计。设计完成后也交由研发部编写后台代码。代码编写完成后进行网站的测试和。综合上述流程,可得流程图如图1:在了解项目的流程时,我们也同时了解了各个岗位要求的技能,综合来说,每个岗位的人员都应能熟悉电子商务的内涵,不同的岗位在具体的知识技能要求上有所不同。如需求分析人员要求对项目的整体运作非常熟悉,能起到协调项目组和项目委托人的作用,必须具备很好的沟通交流能力,同时要有较强的文字组织能力。美工要具备较好的美术基础、审美眼光和熟练的网页制作知识,同时由于美工要充分与项目委托人沟通,这样才能做出既有特色,同时又能满足委托人要求的页面效果,因此对沟通能力也有相当高的要求。研发部门的岗位则相对要求编程能力和逻辑思维能力强。能充分领悟项目的要求,在给定的时间内完成代码的编写和调试。同时,由于程序文档和使用说明书的编写较为重要,所以也要求有一定的文字表达能力。企业一般还会提供管理咨询和培训等服务,管理咨询和培训主要有提供网站推广的服务,电子商务解决方案的咨询等。这些岗位要求对电子商务的技术有基本的了解并有较强的语言能力,熟悉各种网站推广方法和工具。

  2、分析学生必须的知识、技能、素质为了适应相关的工作岗位,学生应能熟悉电子商务的内涵,掌握网站需求调查与分析的基本方法,掌握网站开发的技术,如相应的程序设计语言和网页设计制作知识和方法,具备一定编程能力和逻辑思维能力,熟悉各种网站推广方法和工具。必须具备很好的沟通交流能力,同时要有较强的文字组织能力。一个项目通常是项目组来完成的,所以学生的团队合作能力也必不可少。

  3、分析《商务网站需求与方案设计》课程的典型工作任务本门课程对应的岗位为网站需求分析人员,需求分析研人员通常应对整个项目流程非常熟悉,他是项目委托人和开发人员之间的钮带,项目委托人不能理解项目是如何完成的,他们注重的是项目完成时交付的网站是否符合他们的预期,而开发人员的开发工作依赖于需求分析人员提供的需求分析报告,因此,网站的需求分析与方案设计是非常重要的工作任务,对整个项目的质量来说起着关键性的作用。需求分析要完成的是和项目委托人沟通交流,以专业的眼光来看待项目的可行性,为委托人分析及明确需求,在此基础上,进行需求调查与分析,形成需求分析与整体方案设计,提交相应的需求分析报告和方案设计报告。

  4.1学习情境划分原则企业在承接建站任务时,根据站点的不同会有一些不同的方法进行需求分析,教材的每章都将用一个实际的案例进行说明,并附上完整的需求分析报告。案例的挑选力求能充分说明各种不同类型网站的特色,并在需求调查与分析的方法上体现出来,并为学生的实践作出有效的指导。在此基础上,开始进行具体的情境设计,我们设想以一个项目贯穿整门课程,将项目按工作过程进行划分情境,每个情境完成一个子任务,一门课程结束时,各个子任务可以综合形成一个完整的项目任务。这样,我们就只能以一个典型案例来说明需求分析过程,为了不至于造成其他类型的网站需求分析方法不同,而学生无法了解,在每个情境中设置拓展部分,由于B2C的站点难度适中,且最为常见,因此,教材中以B2C作为案例,其他类型的站点在需求分析时如果有特殊的要求就体现在拓展部分,学生选取的案例中如果涉及到其他类型的站点,那么就可以参考拓展部分,进行自学或查找相应资料来解决问题。

  4.2学习情境的设计我们按照工作过程将课程划分为十个学习情境,分别是外部需求分析、面向用户的需求分析、企业内部需求分析、网站推广需求分析、网站软硬件环境设计、网站功能的概要设计、网站数据库结构设计、网站界面总体设计、网站系统安全性设计和网站测试。

  在学习情境的划分与设计完成之后,我们着手制定课程标准,,其中最重要的就是课程的定位及学习目标的制定。这部分我们充分地参考了企业的调研意见,了解企业的网站需求分析人员在具体工作中所需要掌握的知识和能力。并力求能够体现在学习情境的设计中。

  5.1课程的定位网站需求与方案设计是电子商务专业网络技术服务方向的一门专业课程,本门课程着重于培养学生用全局的眼光看待网站的设计需求,要求学生具备良好的沟通能力和语言表达能力,能够应用各种调查分析方法和工具,完成电子商务网站的需求分析项目,并能按规范的形式形成各阶段的需求分析报告文档。

  5.2学习目标的确定我们分别对本门课程的知识目标、专业能力目标、方法能力目标和社会能力目标进行了分析和归纳。在学习目标方面,十个学习情境分别达到理解以下概念和内容:(1)电子商务的商业模式概念;网站风格、关键字、电子支付、物流配送的概念;(2)面向用户的需求分析使用的调查方法与手段;功能性需求与非功能性需求的概念;(3)网站的盈利模式,网站的存储方式,不同数据库的特性分析比较,非功能性需求概念,网站维护内容;(4)网站的推广策略,推广方法。(5)电子商务网站软硬件环境的组成,网站软硬件设备的选择方法;(6)电子商务建站的基本过程,功能概要设计的基本方法;(7)电子商务网站内容设计的原则,页面设计的原则等;(8)网站的安全性设计方法。(9)网站测试的方法在专业能力方面,我们希望能够达到以下目标:(1)能区分不同的商业模式;进行市场需求分析;能进行同类网站的比较与分析,分析竞争优势、劣势,选择电子支付方式及物流配送模式;(2)能确定网站所面向用户的类型特征;应用各种调查方式对用户进行需求调查;分析调查结果。(3)能明确用户的功能性需求与潜在需求;确定网站的盈利模式、并进行产品分析;(4)能根据外部分析和用户需求以及企业自身定位确定网站的总体风格,语言版本;(5)能确定网站的存储方式,域名,数据库的选用;了解和确定网站维护要求;(6)能分析和确定网站的推广策略。完成相应的需求报告文档。由于本门课程的教学设计是让学生在学习过程中完成一个实际的电子商务网站项目需求分析,因此,学生要从组建项目小组开始,进行选题,到实施整个调查过程,并形成相应的需求分析报告。整个过程都需要对项目进行规划、计划和实施,并在实施过程中报告和反馈,所以对学生的实践能力是很大的考验。相应地,在方法能力方面,我们希望通过本门课程的学习,能够做到:能将所学知进行综合运用;.具有独立进行分析、计划、实施、评价的能力;具有获取、归纳、分析、交流的能力;并具有一定的自学能力、理解能力与表达能力。在社会能力方面,我们希望能够培养学生的团队意识与协作能力,并具有一定的计划组织能力。

  在课程标准的基础上开始进行校本教材的编写,在选取案例的时候,使用的是企业线C类型的站点,其业务方式是整合福建范围内的一些茶商,用统一的标识进行网上销售,由于茶叶是福建省的一个重要特色产业,而且网站的一些设想也很有特色,在校本教材中,我们就以该案例进行行动导向的教材编写。

  1.1 设计思想……………………………………………………………………………………1

  1.2 开发工具的选用及介绍……………………………………………………………………….1

  2.1网站系统分析………………………………………………………………………………………….2

  在Internet飞速发展的今天,互联网成为人们快速获取、和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上信息主要是通过网站来实现的,获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。为了更好的办学,提高学校知名度,特构建长沙市工商职业中专学校网站。

  通过网站,全面宣传,展示学校风采、优点与特色,学校的重大活动安排与招生政策,增强家长与学校之间的联系,在Internet上实现完成部分校务,提高办事效率。

  Active Server Pages:“动态服务器网页”,一般简称为“ASP”,ASP之所以能受到大家的重视与使用的原因,主要在于所产生的执行结果都是标准的HTML格式,而且这些程序是在网络服务端中执行,使用一般的浏览器(如IE 或Netscape)都可以正确地获得ASP的“执行”结果,并且将这ASP执行的结果直接在浏览器中“浏览”,不像VBScript或 JavaScript是在客户端(Client)的浏览器上执行,若使用VBScript来设计程序,客户端(Client)在IE浏览器中可以显示程序执行的结果,可是,客户端(Client)若使用Netscape浏览器就无法显示VBScript的执行结果。

  只要使用一般的文书编辑程序,如Windows记事本,就可以编辑。当然,其他网页发展工具,例如,FrontPage Express、 FrontPage等也都可以;不过还是建议你用记事本来写,既省钱又方便,若是使用那些所见即所得的网页编辑来写ASP,可能会发生一些意想不到的离奇状态。

  通吃各家浏览由于ASP程序是在网络服务器端中执行,执行结果所产生的HTML文件适用于不同的浏览器。

  如果我们在浏览器中直接查看网页的原始代码,就只能看到HTML文件,原始的ASP程序代码是看不到的!这是因杰ASP程序先于网站服务(Web Server)端执行后,将结果转换成标准HTML文件,再传送到客户端(Client)的浏览器上,因此,我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。

  ASP具备有面向对象(Object-Oriented)功能,学习容易,ASP提供了五种方便能力强大的内建对象:Request、Response、Sever、Application以及Session,同时,若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。

  根据前面的设计思想进行分析,按照系统开发的基本观点对网站进行分解,从内容上可对网站作如下划分:

  网站主页采用静、动相结合的方式,即静态的主画面和动态的图片相结合,体现学校的勃勃生气,静态主页方式介绍学校风采、优点特色、信息,对于四大校务,就得利用ASP与数据库结合的技术建立数据库查询管理系统,采用交互式的动态的web画面来实现。

  利用SQL语法过滤特定的家长留言意见,让老师可以针对某位特定学生家长所发表的意见作出独立的回答,同时,家长在发表个人意见时,若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私,都可用“悄悄话”的方式发言,这些“悄悄话”将不会被显示出来让大家看到,当然,老师拥有管理的能力,只要以密码登录管理模式,就可以进行各个学生家长的单独意见回复,而且还能看到家长们所留下的“悄悄线组成构造

  1, 意见留言结果网页guest.asp:用来显示家长发言与老师回复内容,同时还具备一般模式与管理模式两种显示方法。

  2, 家长发言表单网页addmsg.asp:让学生家长填写发言内容并选择发言性质。

  3, 家长发言数据处理ASP程序add.asp:处理家长发表的意见数据,同时将这些意见数据记录起来并将网页显示转向至意见留言结果网页。

  4, 老师回复表单网页teachans.asp:让老师针对某位特定学生家长所发表的意见作出独立的回答。

  5, 老师回复数据处理ASP程序anssave.asp:处理老师回复的数据内容,同时将这些意见数据起来并将网页显示转向至意见留言结果网页。

  6, 数据表文件allmessage:用来储存家长发言数据与老师回复数据的Access类型数据库文件。

  “数据表文件”负责存放家长发言数据与老师回复内容的数据记录,为Access类型的库文件,将它定名为:“message.mdb”。

  数据库文件”teach.mdb“中的数据表” allmessage“的栏目设置,如下图:

  家长发言与老师回复的内容数据全部储存在数据库中,要在网页中显示目前的家长发言与老师回复数据,必须先进行数据库的链接与打开,要链接数据库我们必须使用ADO对象群的Connection对象;而要打开数据库则必须使用ADO对象群的Recordset对象,程序:

  Recordset对象是负责浏览与操作从数据库取出来的数据,Connection对象只负责与数据库进行链接的动作,并不能使用数据库内的数据,因此必须建立一个可以存取数据库数据的Recordset对象,

  2, 参数二(ActionConnection):指定一个已打开的数据库对象,将此参数设为链接我们已经建立好的Connection对象“CN”。

  3, 参数三( CursorType):指定Recordset的打开类型,1为可读写且可自由移动。

  2.如果要选取的数据表数据包含了一个以上的栏位,则我们可以利用“,”逗号来栏位名称隔开。

  3. 如果要选取的数据表数据包含了全部的栏位,则可以利用万用字符“*”来代表全部的栏位。

  1. 当我们希望被选取出来的数据记录数据能够依据某个或某几个栏位的内容来排序时,只要将这些排序依据的栏位摆放在“Order By“保留字之后,然后将这处排序的语句连接在”Select…From“后面就行了。

  2. “Order By“默认的排序方式是“由小排到大”,但若是希望排序方式是“由大排到小”,则我们可在栏位名称后再加上“Desc“保留字!将排序方式改为”由大排到小“。

  功能为:从数据表“allmessage“中取出所有栏位的数据,并将取出的数据记录内容依照”留言日期“栏位使用的”由大排到小“排序方式进行排序。

  “显示留言意见”的网页就必须具备显示模式选择的功能,当显示模式在一般情况时要能显示家长们的一般性发言,同时还得将“悄悄话“的发言隐藏起来。当老师以密码登录成为管理模式时,则必须将一般性发言与悄悄话发言的数据全部显示出来,同时还得让老师们可以针对某位特定学生家长所发表的意见作出独立的回答。

  在这段网页语句中,利用Session对象来记录目前的工作模式。当我们第一次进入“显示留言意见”网页的时候,我们所见的网页画面一定是一般!因为Session尚未被建立,因此它的“变量”值一定不会是“yes”,所以网页中会出现一个输入密码进入“教师管理”模式的栏位,只有当我们输入密码按下“教师管理”的按钮组织上发ASP程序中的进入管理模式语句后,Session对象才会被建立,同时,“checkedit“Session对象变量值被设置为“yes“,所以我们就进入了能将一般性发言与悄悄话发言的数据全部显示出来,同时还让教师们可以针对某位特定学生家长所发表的意见作出独立回答的管理模式页面。

  当家长的发言与老师回复的数据笔数太多时,一次要将全部 的数据内容显示在网页中,等待网页下载的时间太长了,因此采用固定笔数分页浏览方式来显示网页。

  要进行分页显示,得先知道目前有多少笔的留言数据,而留言数据笔数可以通过Recordset对象的“Recordcount“(记录个数)属性得知,我们将每10笔数据为一单位分页显示:

  所有的发言数据采用固定笔数分页浏览的方式来显示后,还要提供一个跳页链接显示的功能,让浏览者可以选择希望浏览的页次进得浏览,ASP程序语句:

  表单的Action参数:Action参数是用来指定Server端处理此一表单数据内容的程序,此处表单处理ASP程序为“add.asp“,

  表单的Mothed参数:要将表单传送至Server端的方式有两种,设置值分别为GET及POST,若设置为POST,则浏览器会等Server端来读取数据,若设置为GET,则当我们按下送出按钮时,浏览器会立即将表单中的数据内传送出去。利用POST方法,在传送的数据上将不受限制,利用GET方法传送的数据量则大约只有2K左右。

  要将家长发言数据作后续处理及将这些数据内容存入数据库,须利用添加数据记录的Insert Into 指令,然后再写入数据库文件中:

  然后将特定的家长发言数据放在表单,方法是将数据库中的数据取出来,然后放在表单栏位中:

  老师在回复栏位中所填入的数据,必须送给处理老师回复数据的ASP程序”anssave.asp”来记录以及处理这些回复数据。当老师填写好回复发言的数据后按下“送出回复”按钮后,表单中的数据内容就会以“POST”的方式由SEVER端读取,然后将数据内容交由处理老师回复数据的ASP程序“anssave.asp”来将数据内容写入数据库。

  网上图书馆将学校图书馆图书放到网络上供人借阅,这样不仅方便了校内的学生与教职员工使用图书馆的资源,还为图书馆管理员提供了一种简便地管理图书馆的方法.

  网上图书馆系统可以进行图书的出借和归还.还可以在系统中按照多种字段对图书进行查找,还可以浏览某个种类的所有图书.该应用程序也为图书馆管理员提供了一些功能,如添加、编辑以及删除图书等,或者在分类层次结构中添加新的种类。

  下图的每个方框代表校园图书馆网站中的一个页面。除了只包含HTML的Search页面外,其他的均为ASP页面。因为每个图书的页面都不同,所以大多数的页面实际上都是多页面。

  LibBooks表包含与图书有关的所有数据。该表中的字段内容的图书的通用信息。另外,对于已经出借的图书,该表中还包含借阅该图书的用户的ID号,以及图书的状态。

  LibCategories 表包含Library中的所有类别,在访问者浏览图书列表时将会用到这些类别。每个类别都可以作为另外类别的父类别。有一个特殊的类别,Top-Level,没有出现在类别列表中,但是可以作为其他任何类别的父类别。

  LibEmps表包含可以访问图书馆网站的用户信息。该表包含一些通用的信息字段,比如用于进入图书馆的用户密码等。

  图书馆数据库的数据关系如图9-22所示。其中表LibEmps和表Lib Categories与表LibBooks之间都是一对多的关系。每个雇员都可以借阅多本图书,每个类别都可以包含多本图书。

  网上图书馆系统有两种用户,一是管理员。另一种是只允许使用图书馆系统,而没有管理功能的一般用户。访问者进入网站,首先要进行登录,如下图所示。登录页面(index.asp)

  访问者输入E-mail地址和密码来登录,然后单击“登录”按钮。输入的数据提交后与数据库中的用户表进行匹配。

  表单域EmailAddress和Password 用于Where了句中来获取一个记录。如果访问者输入了一个无效的用户名,则记录集中将不会返回匹配的记录。我们可以通过查看EOF标记来判断一个记录集是否为空。为空,则访问者将被拒绝进入该系统。不为空,则访问者的EmpID值和Manager值将从记录集中返回。写入Session 变量,变量将在整个网站的所有网页中都是有效的。这些变量的存在与否及其取值将用于确定是否允许进入一个特定的网页,同时也用于访问者进行书目的归还和借阅操作。

  图书馆菜单页面包含指向其他4个页面的链接:管理页面、搜索页面、图书列表页面和主页面。还有一个可显示用户所借书籍的按纽。如果访问者是图书馆管理员,则菜单界面如图所示。如果访问者不是图书馆管理员,则看到如图所示的界面。非管理员的访问者的界面上没有指向管理员菜单页面的链接。

  实现办法:访问者登录时在登录页面上的创建的会话变量Session 用于从数据库中获取访问者的有关信息,表示它是否是管理员。如果值为1,就表明访问者是一个管理员,则用如下代码写入一个指向管理员页面的链接:

  通过按纽B1是否为空来判断要不要显示用户所借图书,利用一个记录集来获取访问者已经借出了的所有图书的列表。

  该网站中的所有ASP页面都会在访问者访问之前对其进行登录检查。这样就可以避免访问者通过输入某个页面地址然后在没有登录的情况下直接进入该页面的情况发生。此外,每个管理页面都要确认访问者是管理员。

  管理菜单页面有一个HTML表单,根据选择的按钮的不同,可以进行5种不同的操作:图书的归还、图书的编辑、图书的删除、图书的添加和类别的添加。不管选择了哪一个按钮,该表单都提交人其自身进行处理。

  要进行图书的归还、图书的编辑、图书的删除三种操作,须先进行搜索,找到该书后,由图书Book.asp返回一个链接:

  这样就将所找到的书的书号BookID、书名Title传递管理者页面。再进行所须操作。共有3个不同的铵纽,可以进行3种操作。若单击“修改”钮:

  页面中的添加新的种类部分包含一个文本控件和一个选择控件。其中选择控件是用所有已经存在的类别列表进行填充的,包括特殊类别 Top level ,该类别表明当前类别是处于类别层次结构中的最顶层。代码如下:

  遍历RSCategories记录集中的每个记录,并作为一个选项添加到列表中,而记录集中CategoryName 同时作为显示值和传递值:

  搜索页面的代码获取与访问者查找规则相匹配的图书,然后将这些图书显示给访问者。

  搜索页面上的表单包含一个选择控件和一个文本控件。选择控件中的选项是用可搜索 的字段填充的:

  注 意:,符号%表示的是一个广义搜索。这一点类似于ACCESS中的符号*。

  如果同时传递表单中包含的变量Action不为空,则表明访问者正借阅该图书:

  在这种情况下,需要将图书状态改为 Checkout, 同时需要将Checkedoutto 字段修改为该访问者:

  如果图书已经借出,就创建一个不同的消息,并将链接设置为指向Library menu 页面:

  这个系统由3个部分组成——投票页面vote.htm ,处理投票结果的脚本,显示投票页面 。

  该页面是一个纯HTML文件,它让用户选择自己想选举的候选人,并填写自己的详细资料,以确认投票的有效性。页面显示如图所示。

  在vote.htm中各项数据都填写完毕后,单击确定投票按钮,表单的数据就被提交,

  本设计允许少选,不允许多选。通过判断Vote投票界面传递过来的复选按纽值的长度看是否多选。

  然后根据所投的票将对应候选人的投票结果字段加1,同时将该投票人的已投字段置为1。

  由于投票处理页面已经完成了绝大部分的工作,所以 显示结果页面就很简单了,其功能是从 Stud表文件中读取候选人所得票数,显示在页面上。

  该页面有自动刷新功能,使在线用户可以尽快的看到最新的选举情况。我们这里设定每隔30秒钟自动刷新一次。

  显示投票时,我们采用了while循环,把候选人及其得票数,整齐地显示在一个表格中,这种技术在数据库查询结果的显示中也经常用到。代码如下:

  它提供了在线查看成绩。考生可以在网上使用这一系统,通过输入准考证编号来查询达级考试的结果。

  该模块需要查询者输入准考证号后来查看结果。若I D1不为空时,表示有表单输入,开始查询数据库。使用 SELECT的SQL指令查询数据库的数据。先设定SQL指令,查询ID符合准考证编号Request.Form(ID1)的数据,下个“Execute”指令,即可开始执行存取、查询数据的动作了。并将查询结果储存到Recordsets组件RS中。

  若考试通过,则显示考试的结果,包括姓名、准考证编号、总分和考试结果,分别由RecordSets 组件的RS(0)、RS(1)、RS(2)、RS(3)得到。FS.Field.Count表示RecordSets组件的域的总数,由“for I=0 to RS.Fields.count-1”,取得RS(I)各域的数据。配合 表格的HTML语法,将结果填入表格的各单元格中。 若还有下一个数据,就使用RS.MoveNext 移到下一个位置。

  利用文件处理组件FILESYSTEM的强大功能来制作,比用Application对象计数器要好,Application计数器当有20分钟没有人连上该网页或关机时,计数器会被归零。而文件计数器却不会因时间而消失。我用Count.txt存放访问人次。代码如下:

  B. 运行PWS,将默认的Web站点主目录设置为该目录,如上例应为c:\y1;

  b. 单击“编辑属性”按钮,在出现的“编辑属性”对话框中的“目录”项中填入“c:\y1”,其他不变,确定;

  通过这次毕业设计,使我感到高科技、新知识的力量。这次毕业设计过程中,得到了长沙市工商职业中专学校的大力支持,给我提供了舒适的工作学习环境,也得到了科大老师、教授的精心指导,在此表示衷心的感谢!

  (福建广播电视大学晋安校区 福建 福州 350003)摘要:根据多年对“网页设计与制作”课程的教学探索,提出“课程案例”这一新概念,并设计开发出一个学生既熟悉、又感兴趣的“课程案例”——班级网站,让学生在模仿再开发该案例网站的过程中学习课程知识,从而掌握本课程的知识和运用技能,达到教与学的良好效果。

  作者简介:王淑云(1965—),女,福建福州人,福建广播电视大学晋安校区高级讲师,研究方向为计算机软件。

  中职生的共性就是对缺乏学习兴趣。笔者通过多年的课堂教学体会到:如果有一套行之有效的既适合中职生实际水准、又贴近他们学习生活、能激发他们学习兴趣的案例贯穿于整个课程教学,就有可能解决这个问题。基于此,笔者提出了“课程案例”这一新概念,设计并开发出一套“课程案例”应用于“网页设计与制作”课程教学中,学生通过案例的模仿再开发,全面掌握“网页设计与制作”课程知识与技能的基本要领,从而实现课程的教学目标,培养学生的网站开发和设计能力。下面详述这一“课程案例”教学的设计及所进行的课堂教学。

  市面上相关教材比比皆是,但从其所提供的案例方面看,没有比较适合中职学生的:要么网页主题让学生很陌生,要么网页页面设计太复杂,中职生很难掌握,而且其中的案例多是针对某一知识点或某一章节设计的,属于“知识点案例”或“章节案例”,是零碎知识,不能贯穿整个课程知识教学。所以,教科书只适合作为本课程理论知识点的参考资料。“网页设计与制作”是一门技能型课程,重要的是要教会学生如何去构建和设计一个完整的网站,而不是空泛地谈一些理论知识。“课程案例”区别于“知识点案例”或“章节案例”之处在于:该案例贯穿于整个课程教学,覆盖课程包含的所有知识,课程知识的学习以“课程案例”为线索进行,学生模仿再开发设计完该案例,课程的所有知识学习也已结束。笔者思考并设计这样的“课程案例”,并对教材进行如下处理:提炼教材所提到的知识点,将其重新排列组合,按由浅入深的学习顺序,将课程知识点结合到自主设计的“课程案例”中,分模块渐进教学,整个教学过程注重学生自身思维的开发,将个体集美术设计、课程知识学习和课程实践三者紧密结合,将学生各方的能力逐渐激发展示出来。

  学生对一门应用型技术课的学习如没有兴趣,可能是没有一个令他们感兴趣的实例吸引他们渐次深入学习,从而引导他们学习掌握课程知识。班级是校园学习生活的一个集体,班级网站中所记录的人物、活动都是学生身边的人和事,网站的主题反映的正是他们的校园生活。如果把班级网站作为教学案例,让学生以自己的学习生活为主题组建成网站,一方面能引起他们极大的学习兴趣,另一方面,作为同一个班级的学生,在设计本班级的网站过程中,能够创造很多互相交流的机会,培养互相学习的精神,也能加深同学间的友情。所以,“班级网站的设计与创作”是一个理想的课程案例。笔者应用模块教学法,将理论知识与该课程案例完美结合起来,在近似实践的学习过程中培养学生的学习兴趣,让他们在兴趣中学、在学习中增添兴趣,从而在良性循环中完成课程学习。

  再考虑学生的能力方面,他们已经有了对文字、图片和表格的基本处理能力,还学过或同步学习Photoshop、flash、计算机网络基础等相关课程,所以,只要对网页素材的处理提出具体的要求,或对他们略加指导即能自行设计处理完成。对于该课程,虽然大部分学生浏览过很多网站内容,但并没有真正了解网站是怎么回事;对互联网世界充满兴趣和好奇,却还没有网页设计与制作的理论知识和实践技能,对网站常识还比较陌生。因此,在课程学习中,重点是要力求深入浅出、尽可能直观全面地剖析一个好的网站案例,运用视、听的方法,帮助学生建立有关网页设计与制作的基本概念和基本知识,掌握建设网站的基本技能。

  鉴于此,教师如何将Dreamweaver、HTML和CSS三部分内容有机结合,让学生通过课程学习,模仿再开发出一个比较完整的“班级网站”,着力培养学生的实际建站能力、设计开发能力,从而提高他们自主学习与创新能力、信息收集与处理能力、提出问题并分析问题和解决问题的能力,成为课程教学的重要目标。

  教学手段以“多媒体机房、网络、项目开发”三项结合。多媒体机房为学生设计网站提供基本条件,网络是学生寻找素材资源和借鉴别人经验的空间,项目开发是他们学习的任务。

  采用案例讲解的教学模式 教学过程根据编排好的知识点内容和事先创建好的“班级网站”实例,逐步讲解该“课程案例”,便于学生理解和进行模仿设计开发。

  实施模块化教学方法 遵循学生“由浅入深,循序渐进,由感性到理性”的认识规律,把知识点组合后分模块渐进教学。教学过程讲练结合,以学生实践为主,完成“班级网站”这一“课程案例”中包含的每个模块的再设计与再创作;以教师引导为辅,讲解设计与创作过程中遇到的新知识,组织学生完成能力拓展训练。

  走四步教学流程,融“教、学、练”于一体 第一步,教师展示课程案例,演示创作过程,讲解涉及的知识点内容;第二步,下达任务,提出完成任务的具体要求和完成时间;第三步,学生模仿再设计再创作,完成任务;第四步,任务验收,学生自我评价,教师综合讲评。

  基于学生的现有知识技能,教师课程教学中重点讲授如何设计开发网站,在其他环节只扮演一个组织者和启迪者的角色,一步步引导学生完成本课程的目标,充分培养和发挥学生的自主设计能力、绘画能力和创新能力。

  模块二:草拟“网站地图”,设计网站“模板页”。展示课程案例网站,分析班级网站的风格、页面的布局和包含的元素,先给学生一个真实的空间印象,之后让学生模仿如何设计这样的网站。首先设计出纸质的网站空间布局和内容:包括考虑整个网站的风格、主色调、页面布局、页面的大概内容等,每一个页面设计草拟在一张纸上,其实这就是网站地图了。做足了这个功课,日后的整个班级网站的设计就有了头绪。为避免各页面出现相同内容的重复设计,提出设计制作“模板页”来生成其他页面。例如:把风格和内容相一致的部分(如班级广告图、班级徽标、导航条、版权信息等)设计出来,作成模板页保存下来,以备后面制作网站各页面时利用模板页生成,并在此基础上进行相应页面内容的设计创作。草拟“网站地图”和设计制作网站“模板页”是同时进行的,要结合着做。这个阶段都还是“纸上练兵”。

  模块三:收集和创作素材。班级网站的素材主要来源于学生自己的学习生活,可以是活动的照片、活动记录,也可以是为自己班级创作的班级广告图、班级徽标等Flash或Photoshop作品,将这些素材分门别类放入建好的站点目录树中。

  模块五:设计创建“模板页”。根据前期草拟的网站地图,利用布局表格设计模板框架。框架搭好后就是为模板页添加素材。模板上需要的素材并不太多,关键是要“精”,用精心选择和创作的素材。提醒学生,模板上大块的空间要留出来给各页面添加相应的内容,这点至关重要。

  模块六:利用模板生成网站各页面。模板设计成熟并制作出来后,就要根据模板上的导航设计生成相应的页面,并将各页面互相链接起来。

  模块七:完善各页面内容。每一两次课完善一个页面的内容,直到网站中各页面内容全部添加完成。当然,课后要为如何合理安排这些页面内容花很多时间去构思、去创作或收集相应的素材。所以,收集素材这项工作是一直贯穿于整个网页设计过程中的。

  模块八:应用一些网页特效的代码,如添加背景音乐、QQ互动、图片文字的滚动、表单等,让页面动起来,增加网页的吸引力和活力。

  评价方案 (1)学生自我评价:即每个学生对自己的评价。教师事先给出评价标准和具体要求,学生对照自己的学习态度、创作的作品,对自己给出合理评价。(2)模块作品评价:教师对每个学生的评价。教师通过对学生课堂反映、每个模块上交的作品、讨论活跃程度等方面,对每个学生进行评价。(3)期末考核:教师通过对学生一整学期模仿再设计创作的“班级网站”进行评分,考核学生的实践与动手的综合能力,对学生进行合理的评价。

  在“网页设计与制作”课程案例的课堂教学中,笔者采用的是兴趣教学和让学生贴近实战的方法,以保持学生对知识探索的兴趣并提高学生的动手能力。这种教学的重要前提是要设计一个好的案例,“好”的标准是内容贴近学生的学习生活、设计难度又适合他们的实际水平,“班级网站”这一课程案例便是好案例之一。此外,在教学过程中,笔者为学生提供了十分丰富的信息资源,教会他们信息资源该如何收集、从哪里获取、以及如何有效利用等知识。

  [1]刘瑞新.网页设计与制作教程[M].北京:机械工业出版社,2010.

  [2]唐乾林.网站界面设计案例教程[M].北京:机械工业出版社,2011.

  [3]尚俊杰.网络程序设计——ASP[M].北京:清华大学出版社,北方交通大学出版社,2009.

  [4]赵丰年.网页制作三剑客操作互动[M].北京:人民邮电出版社,2011.

  当今世界已经走入了一个信息爆炸式发展的时代,各种科技产品与各种媒体平台相互搭配合作,带给人们越来越便捷、快餐化的生活。人们通过最常使用网络类媒体了解事实,在一个房间里就能轻松达到“足不出户知天下”。

  网站是网络媒体的信息平台,是展示政府、企业、机构、产品、学校、等的网络窗口。在网站设计的时候,必须有明确的网站主题、站点目的和用户需求。在了解情况之后,设计师根据受众需求、市场状况以及网站所有者自身情况综合分析研究,以受众人群为中心对网站进行规划设计。

  网站设计就是依据网站宗旨,把造型、结构、信息、色彩等视觉元素有机地统一在网站中,并对网站风格等进行整体设计。根据艺术历史学家迈尔・夏皮罗的观点,风格是“某个个人或群体的艺术作品经久不变的形式,有时则是持久不变的要素和表现”。其目的主要是利用造型的原则和规律,合理的分配和排列文字、图形等视觉元素,以便准确、系统、有效地传达信息。

  在设计规划网站之前,我们需要考虑五点。①网站的建设目的是什么?②网站的主要受众人群是针对哪一类?③网站能为受众提供什么?④网站适合什么样表现方式?

  以《图案设计与应用》课程网站为例:(1)网站的建设的主要目的是通过网络宣传、展示《图案设计与应用》课程内容,同时让课程受众人群能在网上接受课外教育。(2)《图案设计与应用》课程网站的受众群体则是在校艺术类大学生以及高校专业老师。(3)课程网站提供课程教学相关参考资料,展示课程工学结合成果,建立师生作品展示平台以及教学互动。(4)课程网站的受众多数为在校艺术类大学生,这类人群对网络有很强的依赖性,喜欢轻松、明快、简洁、个性的艺术风格。课程网站在设计上需要迎合这些特点。

  首先,在外观上需要采用简洁明快的主题设计方案,尽可能减少繁复累赘的设计,使网站在视觉效果上富有朝气。然后,在版式上需要合理布局,年轻的视觉心理特征,布局必须能清晰表达主题以及资料分布,使其能让浏览者观看方便,容易被吸引。其次,色彩也是网站的重要视觉要素之一,在色彩的选择上,第一看的是网站主题,第二则是受众色彩心理。适当的色彩对比以及一些留白与色彩间隔等不同的色彩穿插方式,可以充分的表达网站的思想内涵意境。再次,人性化的界面设计需求,也在随着受众人群的素质提高而增加,所以人性化设计是在设计中对人的心理生理需求和精神追求的尊重和满足,是设计中的人文关怀,是对人性的尊重。

  《基础图案》课程作为桂林旅专视觉艺术系的基础设计课程,始于1988年,最初作为旅游工艺品设计专业的专业基础课程进行开设。随着系部专业的拓展、完善与更新,《基础图案》更名为《装饰图案》,并成为装饰艺术设计、公共艺术设计等多个专业的专业基础必修课之一。

  2009年,《装饰图案》通过校级评审,成为校级精品课程。在之后的教学中,课程名称更名为《图案设计与应用》,并进行了一系列教学改革,构建新型课程体系。《图案设计与应用》是一门建立在造型学和色彩学基础上,连接艺术类基础课程和设计课程的桥梁课程。本课程以图案设计与应用的一般工作流程为主线,着力从图案的理论基础、图案的设计实践与图案的应用拓展等三大模块出发,围绕着五个教学情境来培养学生的良好图案审美素养、高超的图案艺术表现及综合职业能力,以适应不断发展的行业岗位要求。

  《图案设计与应用》课程网站是展示课程教学的一个直观窗口。在这门网站的建设中,要做到以下几点:

  (1)网站界面能有效地展现“图案设计”这一主题内容,让浏览者在观看网站界面的同时就能认同了解《图案设计与应用》这门学科的概况。

  (2)《图案设计与应用》网站中含有丰富的信息资料。丰富的各类相关资料应当满足课堂内外的相应的知识、技能以及学科参考与补充帮助,从网络上拉近学生与课堂的距离。

  (3)通过浏览网站,受众在浏览网站的过程中对《图案设计与应用》这门课程有一个全面的认识,并让其对网站有深刻的印象。与此同时,在网站中还需要表现桂林旅游高等专科学校视觉艺术系在课程教学中的教学理念,让更多的浏览者了解课程的重要性,认可课程教学方式。

  课程网站设计突出艺术性、助学性和互动性。通过网上丰富的教学资源、课程论坛、课程知识库、课程练习、课程评价等栏目为学生的自主性学习搭建了一个信息化平台,充分发挥了现代化教学手段在教学中的作用。同时,学生可以在网上通过在线交流进行学习探讨,互动性强,有利地促进了教与学的改革,促进了教学效果的进一步提高。

  (1)沟通与资料收集是网站设计的第一步。在《图案设计与应用》课程网站中,首先要与课题小组人员沟通,了解网站所表达的课程内涵,以确定界面设计指导思路。收集各类网站板式、色彩、主题等设计元素资料,参照受众心理,并进行多方对比整合以及综合考虑,确定界面设计风格。

  课程网站的主要视觉风格将定位在以图案为装饰主题,明快简洁大方为主要设计风格,网站图形设计的要求就是简洁、明了的传达信息,而不是将其弄的复杂化、模糊化。这样的设计思路既能抓住“图案”这一主题,又能体现现代流行的简约设计风格。网站以绿调为主,绿色给人清新、有活力、快乐的感受,符合当代大学生内心向上的心理感受,也符合当代校园的青春气息。

  (2)总结此类网站的特点以及最新动态。同类型的网站是否受到受众的欢迎,是否能有效的对课堂进行帮助,是否能提高学生的学习积极性,是否能及时有效地更新学业、行业信息,是否能有效地促进教学效果的提高,都是在比对同类型网站之后所需要总结考虑的。在为同类型网站做调研的时候,还需要了解网站的信息动态,比对信息的新旧程度,过旧的信息会让受众有网站过期的想法,不利于增加网站点击、浏览量。知己知彼百战百胜,这是中国一句古话,同样的也可以用在我们的网站设计中。

  (3)数字技术在网站设计与制作中的综合应用。网站设计是一个团队工作,而制作过程需要统筹安排制作时间,避免时间浪费。使用各类数码软件对制作工艺进行分工,可以有效的提高网站制作效率。同时多种数码技术手段的综合运用,可使网站在视觉丰富多彩。使用Photoshop设计静态外观,使用Visual studio制作网站构架,动态信息与静态页面的结合,使得网站富有节奏感,也让整体效果更有趣味性与吸引力。

  《图案设计与应用》课程网站正式挂到校内精品课程网站中后,获得了师生们的好评。通过对浏览者抽样调查,下发调查问卷,发现浏览者对于课程网站系统构架非常满意,对其信息的数量以及信息更新的速度还有待逐步提高。在调查中发现,网站能帮助在校学生了解相关行业行情,可以为今后工作目标做出良好的参考。对于高校同行,网站提供了横向参考价值,在浏览过程中,可以了解到学校教学资源状况以及学生学习情况等做为参考,调整自身相关计划。对于相关企业,网站反映了一个学校,一个系部对于教学的态度,反映了学生在校的专业素养,对于毕业之后,企业选聘相关人才做出了参考信息。

  1、相关行业的市场是怎样的,市场有什么样的特点,是否能够在互联网上开展公司业务。

  3、公司自身条件分析、公司概况、市场优势,可以利用网站提升哪些竞争力,建设网站的能力(费用、技术、人力等)。

  1、为什么要建立网站,是为了树立企业形象,宣传产品,进行电子商务,还是建立行业性网站?是企业的基本需要还是市场开拓的延伸?

  2、整合公司资源,确定网站功能。根据公司的需要和计划,确定网站的功能类型:

  企业型网站、应用型网站、商业型网站(行业型网站)、电子商务型网站;企业网站又分为企业形象型、产品宣传型、网上营销型、客户服务型、电子商务型等。

  2、选择操作系统,用Window20xx/NT还是Unix、Linux。分析投入成本、功能、开发、稳定性和安全性等。

  4、网站安全性措施,防黑、防病毒方案(如果采用虚拟主机,则该项由专业公司代劳,例如:耐思尼克)。

  5、选择什么样的动态程序及相应数据库。如程序ASP、JSP、PHP;数据库SQL、ACCESS、ORACLE等。

  一般企业型网站应包括:公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。更多内容如:常见问题、营销网络、招贤纳士、在线论坛、英文版等等。

  如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。

  如公司简介中可以包括:总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等;客户服务可以包括:服务热线、服务宗旨、服务项目等。

  如产品中心使用动态程序数据库还是静态页面;营销网络是采用列表方式还是地图展示

  在建设网站前应明确建设网站的目的,确定网站的功能,确定网站规模、投入费用,进行必要的市场分析等。只有详细的规划,才能避免在网站建设中出现的很多问题,使网站建设能顺利进行。网站建设方案应该尽可能涵盖网站规划中的各个方面,网站建设方案流程的要科学、认真、实事求是执行。

  1、相关行业的市场是怎样的,市场有什么样的特点,是否能够在互联网络中间上开展公司业务。

  3、公司自身条件分析包括公司概况、市场优势,可以利用网站提升哪些竞争力,建设网站的能力(费用、技术、人力等)。

  1、为什么要建立网站,是为了宣传产品,进行电子商务,还是建立行业性网站?是企业的需要还是市场开拓的延伸?

  2、整合公司资源,确定网站功能。根据公司的需要和计划,确定网站的功能:产品宣传型、网上营销型、客户服务型、电子商务型等。

  2、选择操作系统,用unix,Linux还是Window20xx/NT。分析投入成本、功能、开发、稳定性和安全性等。

  3、采用系统性的解决方案(如IBM,HP)等公司提供的企业上网方案、电子商务解决方案?还是自己开发。

  1、根据网站的目的和功能规划网站内容,一般企业网站应包括:公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。

  2、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。

  3、如果网站栏目比较多,则考虑采用网站编程专人负责相关内容。注意:网站内容是网站吸引浏览者最重要的因素,无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查,并在网站后调查人们对网站内容的满意度,以及时调整网站内容。

  1、网页设计美术设计要求,网页美术设计一般要与企业整体形象一致,要符合行业规范。要注意网页色彩、图片的应用及版面规划,保持网页的整体一致性。

  2、在新技术的采用上,要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

  4、网页设计应考虑导航的设计、二级页面的内容以及网站布局、色调搭配等,合理的网页布局能给人一种视觉上的冲击力,从而为宣传、推广等奠定良好的基础。

  网站的维护要分前期和后期维护以及长久维护,相对来说后期维护耗费的人力较多,随着网站的规模越来越大,维护的费用会相对增加。

  网站建设完后需要有流量。一个没有流量的网站就如一座空房子,死气沉沉。网站如何获得流量就需要做好网站推广了。

  1、在公共场所广告,增加网站曝光。这种推广需要一些资金投入,企业可根据自身情况选择。

  3、选择搜索引擎竞价排名。目前国内主流的搜索引擎是百度,可以选择百度竞价排名。

  包括网站开始和结束的时间,以及项目预计的进度,都应该在网站建设方案书中予以体现。英皇体育app