创新网页设计赏析八篇

序言：写作是分享个人见解和探索未知领域的桥梁，我们为您精选了8篇的创新网页设计样本，期待这些样本能够为您提供丰富的参考和启发，请尽情阅读。

第1篇

【关键词】JSP；MySQL；数据库；Dreamweaver

创新创业国家越来越重视高等教育对学生所培养出来的创新能力、实践能力以及学生的自主创业能力。通过学生所接受的人文素质和科学素质的普遍提高，这就凸显出学生在学校期间所接受的创新和创业教育的重要性。但是，不少学校还秉承着传统的教学方式，这让学生很难接受到创新教育，很难提高学生的创新能力和实践能力。随着科技的不断发展，网络技术也在不断的进步，网络传播的能力也变的越来越强，特别是在传递信息和资讯方面。因此，一个促进学生更好的学习、交流创新创业的网站平台就应运而生了。

1网站功能设计

网站的动态页面很重要，它是让用户了解该网站的门面，一般情况下，该种页面包含着首页、新闻中心、创业故事、大学生创新创业、创业计划书、创新创业论坛以及资料下载等等。每一部分都有着其重要的作用，首页的作用就是为用户提供创业的热点新闻和资讯，以及帮助用户进行注册和登录以此来与各个模块进行连接；而新闻中心则是将校内外的热点新闻按照时间的顺序进行，让学生能够及时的收到最新的消息；大学生的创新创业板块能够提供给学生展现自己的机会，为大学生展开相关的课程介绍、创新创业竞赛指导，让学生了解国家为支持大学生创业的优惠政策等；创业计划书为学生提供标准的创业计划书模板，与此同时，学生也可以将自己写完的创业计划书上传到网站与大家进行交流和探讨；创新创业论坛版块让那些正在创业的用户可以在里面写下自己创业的感想或者把创业过程中所遇到的困难写上去与大家一起交流；而最后的资料下载版块则是将那些在创业过程中所用到的常用软件或者一些创业资料的下载地址上传上去，提供给大家下载。

2网站构架设计

网站在建设时，系统的构架设计是第一步也是重要的环节，在设计时采用MVC模式，并将JSP、Struts、JavaBean等技术融合到一起进行开发。这样做的可以使MVC模式充分的发挥其耦合性，并将其视图层和业务层分离，也方便了更改了视图层代码，不用大面积的重新编译模型和控制器代码。如图1所示。

3网站实现平台

3.1软件和服务器环境

在这次网站设计中以WINDOWSXP/7的系统为例，采用了Apache的服务器软件，在选用数据库的软件时，运用了MySQL技术，以及在编译器上也采用了MyEclipse,Dreamweaver8，这些成了网站实现平台的基础。

3.2Apache服务器

Apache是目前唯一一款开源的网页服务器软件，程序员通过对它进行修改后并将其与JSP进行搭配，使整个网页服务器运行起来更加高效、稳定。同时在技术运行上普遍采用LINUX+Apache方式，特别是在个人的计算机进行开发调试时，为充分体现JSP的跨平台特性，大部分情况下会选用集成开发环境XAMPP或WAMP。在设计网页过程中，所运用的JSP技术与ASP技术有很多的相似之处。通过运用JSP将Web应用成为一种跨平台的既能Linux下运行的又能在其他操作系统上运行的技术。

4网站使用的相关技术

4.1数据库的连接

在设计该网站时采用Servlet来编写出动态的网站，并且通过JDBC来建立一个新的数据库，通过使用JDBC来执行SQL语句，从而来统一完成多种关系数据库所提出的访问。

4.2Css样式表的设计

Css是一种计算机语言，通过该语言可以表现出HTML或者XML等文件样式，利用这种技术可以将网站前台的文字和样式分离开来。这样在修改文字和样式过程中就可以不用全部修改，做到了省时省力，方便快捷。

5结束语

通过以上分析，我们可以看出JSP技术具有开放性、跨平台特性并且还是完全免费的特点，同时，它能完全与MySQL进行搭配，使之完美的结合起来，也正因为这样，在网站设计过程中，成了开发人员的首选。目前，随着科技的不断进步，这种网站也已经从试运行阶段逐步进入到正式运行阶段，虽然在促进学生学习、交流创业等方面有很大的效果，但仍有很多的不足之处，需要我们一一的改进和完善，这样才会将这种创业的网站做到最好。

参考文献

[1]李秀英.运用JSP技术开发动态网站[A].全面建设小康社会：中国科技工作者的历史责任——中国科协2003年学术年会论文集（上）[C].2003.

[2]梁海燕,赵嵩正.基于JSP技术工程项目甘特图的设计与实现[J].计算机应用与软件,2006(08).

[3]郑智飞.基于JSP技术进行网络课件设计的研究与实践[J].济南职业学院学报,2009(05).

[4]王俊,杨涛.基于JSP技术的项目甘特图设计与实现[J].现代制造工程,2008(02).

第2篇

一、引 言

改革开放以来，国家高度重视科技创新。2006年，国务院《关于实施科技创新规划纲要增强自主创新能力的决定》，提出要建设创新型国家的战略。企业是建设创新型国家的重要主体，只有充分发挥企业创新的积极能动性，才能实现建设创新型国家的战略目标。然而，当前我国企业的创新积极性并不高，创新水平依然不足。据统计，2010年中国工业企业研发投资强度仅为0.93%，而同期日本、美国、德国等国家的研发投资强度分别为3.57%、2.93%和2.23%。2015年我国研发投入规模达到1.4万亿元，位居全球第二，但尚不足美国的50%，且创新综合能力仅排名第18位，这意味着我国企业的创新水平与发达国家相比，仍有较大差距。是什么因素制约着我国企业创新水平的提高呢？除已有研究发现的企业规模、社会网络等因素外，是否还存在着其他与中国特殊制度背景相关的影响因素呢？Chang等（2015）基于美国企业的实证研究发现，会计稳健性不利于企业创新[1]。在创新水平一直遥遥领先的美国，这一结论恰恰支持了FASB（美国财务会计准则委员会）和IASB（国际会计准则理事会）的决定――2008年FASB和IASB决定在其概念框架中取消会计稳健性要求。

鉴于此，本文以2008―2012年我国沪深非金融类A股上市公司为样本，讨论高管社会网络和会计稳健性分别对企业创新的影响，以及高管社会网络对会计稳健性和企业创新关系的调节效应。

二、理论分析与研究假设

（一）高管社会网络与企业创新

创新活动的主要特点是高风险、高投入、回收期长。随着技术发展的日新月异和社会分工的进一步细化，单个企业由于灵活性低、创新资源匮乏和管理能力不足等原因已经很难独立完成创新活动，于是产生了技术创新网络、供应链联盟、产业集群、产学研结合等新兴的创新关系网络。社会网络虽然不是为了组成创新团体而特别构建的，但是却能像创新团体一样从网络中获取创新资源，对企业创新活动有着不可忽视的影响。其影响具体体现在有利于企业获得信息优势、获得创新资金和提高风险承担水平三个方面。

1.高管社会网络有利于企业获得信息优势。一家企业的成败往往与经营者是否拥有广泛的社会交往和联系相关。社会交往和联系形成的社会网络是一个重要的信息沟通渠道，能够促进信息自由和低成本地通过该网络流动，实现专有信息平台的共享，为公司赢得竞争性优势并抑制特有投资信息的流出[2]。提高了创新决策质量和效率。然而，社会网络成员获取社会网络中的资本时会受到自身的网络位置约束，网络中心度越高的高管，获得信息的通道越多[3]。速度越快，做出创新决策的质量和效率越高，进而企业的创新水平越高。

2.高管社会网络有利于企业获得创新资金。创新投资需要大量的资金。高管社会网络可以帮助企业以更低的成本更便捷地获取外部资金，这是因为：一方面，社会网络的信用提升功能可以帮助企业及时获取更多的外部资金，为企业融资提供事前信用担保；另一方面，社会网络的声誉治理机制可以帮助企业降低违约风险，拓展融资渠道[4]，为企业融资提供事后违约担保。成员企业一旦违约，就很难得到后续的资金支持。因此，社会网络的双重保险作用有助于企业筹集更多的资金进行创新投资。

3.高管社会网络有利于企业提高风险承担水平。创新属于风险性的投资活动，创新水平的高低很大程度上受企业风险承担水平的影响。企业风险承担水平越高，企业创新水平越高[5]。高管社会网络可以通过提高企业的风险承担水平促进企业创新水平。一方面，风险承担必然消耗企业的资源，对资源具有较强的依赖性。社会网络的资源配置效应为风险承担提供了资源保障，提高了企业的风险承担水平，表现为负债的提高和研发投入增长加快[6]。另一方面，高管社会网络为网络成员提供了失业保障。社会网络具有劳动力市场保险效应[7]，网络成员由于其丰富的社会关系，即使被一家企业解雇，也很容易找到下一个雇主，因此，更能承受创新失败所致的失业风险，从而提高企业的风险承担水平。鉴于此，提出假设1：

H1：高管社会网络促进企业创新。

（二）会计稳健性与企业创新

会计稳健性是股东、债权人和国家等利益相关者监督和控制管理者的一种重要手段。它虽然系统性降低了企业当期盈余，但却有利于股东、债权人、国家等信息使用者了解企业当前的基本财务状况和经营成果，缓解管理者与所有者的冲突，为企业创新决策提供良好的信息基础和资金支持，促进企业创新。

1.会计稳健性可以?解管理者和所有者的冲突。大量研究发现，管理者和所有者之间的问题是导致企业创新不足的重要因素[8]。会计稳健性可以缓解这种问题，促进企业创新。理论认为股东的目标是实现企业长期发展，愿意承担风险性投资活动，管理者的目标是完成短期业绩考核，规避风险性投资活动，二者存在利益冲突。信息不对称和契约不完备导致的问题为管理者操纵利润以完成短期业绩考核和规避创新等风险性投资活动提供了可能，不利于企业提高创新水平。已有研究发现，由于人契约责任有限和契约签订依据单一（只能依据会计报告），所有者可以利用会计稳健性来缓解问题[9]。问题得以缓解后，企业的创新水平预期将得以提升。

2.为企业创新提供资金支持。融资约束是各种类型企业创新不足的重要制约因素，会计稳健性可以缓解企业的融资约束，为企业创新活动提供资金支持。首先，会计稳健性有利于企业缓解债务融资约束。会计稳健性可以完善债务契约，降低债务融资成本，有利于债权人及时获得违约信号，有利于债务人优先享受较低的贷款利率、较大的单笔贷款金额和较长的贷款期限，从而缓解企业的债务融资约束[10，11]。其次，会计稳健性有利于企业缓解股权融资约束。国内外许多学者发现会计稳健性可以缓解管理者和外部投资者的信息不对称问题，降低企业的权益资本成本。会计稳健性水平越高的企业进行股权再融资的可能性越大，再融资费用率和再融资金额也越低 [13]。基于此，提出假设2：

H2：会计稳健性促进企业创新。

（三）高管社会网络对会计稳健性和企业创新关系的调节效应

企业是一个有机整体，其创新水平是多个因素共同作用的结果，既可能受到高管社会网络的影响，又可能受到会计稳健性的影响。中国是“关系”盛行的社会，在某些时候，“关系”可能会起到关键的作用。高管社会网络关系是企业获得创新信息的重要通道，是国家非正式制度的重要补充和替代，构成了企业生存发展的外部非正式环境，对会计稳健性和企业创新的关系可能存在着一定的影响。

会计稳健性起源于会计估计和不确定性，但是产生的直接原因是利益相关者的信息不对称性，因为信息不对称是不确定性和契约各方的有限知识共同作用的结果。利益相关者的信息不对称导致利益相关者的损失不对称，理性的管理者因对企业经营真实情况更具信息优势，可能会损害其他利益相关者的利益。为了降低?p失程度，其他利益相关者除了完善契约内容，还会通过会计稳健性原则来管控管理者。会计稳健性原则明确规定，由不确定性带来的可能收益或资产，会计人员一般不予确认或必须按照严格的标准才能确认。但是，由不确定性带来的可能损失或负债，除非概率极小，否则应予以确认。因此会计稳健性通过报告最低的资产和收入，以及报告最高的负债和费用，实现会计信息的可靠性、相关性和一致性，从而降低股东、债权人和国家等其他利益相关者的损失。按正常的信息获取速度和流量来说，会计稳健性可以弥补契约治理的不足，成为重要的公司治理工具，降低股东和管理者以及债权人和管理者之间的信息不对称程度，防止管理者的决策行为背离企业价值最大化目标，为企业缓解问题和获取创新资金提供保障。然而，高管社会网络加速了企业获取外部信息的速度和数量，使得企业确认收入和费用的证据更充分，导致当期利润进一步降低①，不利于企业进行创新活动。

首先，高管社会网络不利于会计稳健性缓解问题。高管社会网络关系为管理者躲避会计稳健性管控提供了职位担保。中国企业对管理层的激励主要是在位激励。职位是管理层的主要利益来源，理性的管理者为了稳固其职位，更偏好短期项目。高管社会网络具有劳动力市场保险效应[7]，为网络成员提供了潜在的高管席位。网络中心度高的高管可以认识更多其他公司的高管，获取社会资本的能力更强，社会声誉更高，更容易获得潜在的高管职位。因此，社会网络中心度高的高管面临在位激励和短期业绩压力时，为了实现个人利益，更可能不受会计稳健性的约束，虚增企业利润，减少创新投资。

其次，高管社会网络不利于会计稳健性缓解企业融资约束。高管社会网络通过加速信息的流通速度和流通量使得会计稳健性对企业当期业绩进一步系统性低估，可能导致债权人和投资者增加逆向选择、增强监督力度，不利于企业缓解融资约束。（1）不利于企业获得债务融资。债务契约的订立通常以会计指标为依据，高管社会网络中心度较高时，会计稳健性要求的及时确认损失会使会计指标恶化，可能无法达到债务契约的要求。债权人为了保护自己的财产安全，会加大对公司的监督力度，提高公司的外部融资成本，减少对公司的资金供给，加重企业的融资约束，甚至干预公司的经营活动[14]。（2）不利于企业获得股权融资。高管社会网络中心度较高时，会计稳健性加大了公司出现亏损的可能性，表现为会计盈余的下降而非现金流，而连续的会计盈余下降有可能导致公司失去股权再融资资格，不利于企业从资本市场获得融资[15]。基于此，提出假设3：

H3：高管社会网络关系削弱了会计稳健性对企业创新的促进作用。

三、实证研究设计

（一）样本选择与数据来源

本文的初始研究样本为2008―2012年深沪两市所有A股上市公司，按照下列标准进行剔除：（1）金融行业的上市公司；（2）样本期间被ST和*ST公司；（3）管理者信息和公司财务数据缺失的公司；（4）资产负债率大于1的公司；（5）当年IPO的公司。经过筛选，最终的研究样本为2815个观测值。样本期间之所以截止于2012年，是考虑到中央组织部在2013年10月《关于进一步规范党政领导干部在企业兼职（任职）问题的意见》后许多上市公司独立董事纷纷辞职，这使得上市公司高管社会网络在此前后的可比性大幅降低。本文的高管社会网络数据根据CSMAR数据库中的高管简历经过手工整理和Pajek软件处理后获得，其他财务数据均来自CSMAR数据库。为了消除极端值的影响，对所有连续变量使用箱线图探测其是否存在离群值，若有离群值，进行缩尾处理。

（二）主要变量设计

1.会计稳健性（Consv）。尽管会计稳健性至少已经影响了会计行为500多年，但目前尚无统一的度量方法[16]。Basu（1997）率先对会计稳健性进行实证研究，认为市场回报是经济收益，会计盈余是对经济收益的确认，会计稳健性意味着会计盈余对差的市场回报更加敏感，于是提出了盈余―股票报酬计量模型[16]。考虑到我国资本市场的发展尚不完善，借鉴张金鑫和王逸（2013）的做法，采用盈余波动程度来度量企业的会计稳健性。他们认为会计稳健性对坏消息的更及时确认导致盈余的负偏分布和盈余波动的增大，盈余的波动程度反映了盈余对坏消息的增量确认，可作为会计稳健性的变量[17]。

2.高管社会网络中心度（SN）。现有文献关于社会网络的研究主要集中于董事网络，很少涉及监事会与管理层。但是，董监高的社会网络关系都可能影响企业创新，因为如果企业创新缺少某种资源，只要某一个董监高有这种资源，公司就会很容易从他们手中获取这种资源。因此，本文的高管指上市公司的董事会成员、监事会成员和管理层成员。

关于社会网络中心度的度量，借鉴陈运森和谢德仁（2012）的做法，用程度中心度、中介中心度、接近中心度和特征向量中心度四个指标的综合指标来衡量每个高管在整个上市公司高管网络中所处的位置[18]。具体来说，按以下步骤计算高管的社会网络中心度：（1）从国泰安的公司治理数据库中，分年度下载上市公司高管个人资料，按姓名字段排序，找到同名高管，手工识别同名高管是否为同一人，并做同名标记处理；（2）剔除已离任或者原任高管数据，剔除董监高以外的其他职务数据，分年度计算每一个高管的网络中心度（程度中心度、中介中心度、接近中心度和特征向量中心度）；（3）为了消除四个中心度指标之间量纲上的差别以及异常值的影响和更加突出指标的差异性，再分别对四个网络中心度指标进行分年度排序并分成十组，赋值 0～9；（4）以公司为单位计算每家公司所有高管的网络中心度均值、中位数、最大值和最小值，以得到公司层面的高管网络中心度；（5）对四个网络中心度标准指标求平均数，计算得出综合的公司网络中心度指标（SN_median和SN_max）。

3.控制变量。参考余琰和李怡宗（2016）、潘越等（2015）的研究，将企业规模（Size）、经营业绩（ROA）、成长机会（TQ）、经营现金净流量（OCF）、上市年限（Age）、负债水平（Lev）和产权性质（Sh）等影响企业创新的因素作为控制变量纳入回归模型[19，20]。此外，还控制了年度和行业效应。预期规模越大，企业越具有资源优势和竞争优势，越可能忽视创新的重要性。企业经营业绩越好，经营现金净流量越充裕，越有充足的资金开展创新活动。处于成长阶段的企业，急需拓展市场，因此更有动机进行技术创新。而上市时间较长的企业则更有可能进入到成熟期甚至是衰退期，其创新的动机将下降。负债水平高的企业，财务风险大，为降低企业整体风险，此时企业更不愿意进行高风险的创新活动。国有企业与政府具有天然?系，获取银行资金和研发补助相对较容易，有利于企业进行创新投资。具体的变量定义说明见表1。

（三）模型构建

为了检验高管社会网络对企业创新的影响，借鉴鲁桐和党印（2014）的研究构建如下多元线性回归模型（1）[21]：

四、实证检验与结果分析

（一）描述性统计结果分析

从表2报告的主要变量的描述性统计结果可知，50%的企业创新投入强度在1.4%以下，这说明我国上市公司的创新水平普遍较低。高管社会网络中心度（SN_median、SN_max）的最大值和最小值相差都较大，这说明企业之间的高管社会网络中心度水平差异较大。以中位数为划分依据，会计稳健性水平较低组的创新水平显著低于会计稳健性水平较高组，这初步说明会计稳健性与企业创新正相关。

（二）回归结果分析

采用多元回归分析模型和普通最小二乘法对研究假设进行了实证检验，模型的具体回归结果见表3。由表3可知，高管社会网络中心度（SN_median和SN_max）的回归系数均在1%水平上显著为正，这说明高管社会网络中心度与企业创新高度正相关，即高管社会网络中心度促进企业创新，假设1得到证实。会计稳健性的回归系数均在5%及以上水平上显著为正，这说明会计稳健性与企业创新正相关，即会计稳健性促进企业创新，假设2得到证实。高管社会网络和会计稳健性变量的交互项系数显著为负，这说明高管社会网络削弱了会计稳健性对企业创新的促进作用，假设3得到证实。

控制变量的回归结果与预期基本相符。经营业绩（ROA）和成长机会（TQ）与企业创新正相关，上市年限（Age）、负债水平（Lev）与企业创新负相关，与预期相同。但经营现金净流量（OCF）和产权性质（Sh）与企业创新负相关，与我们的预期相反，这可能是因为当经营现金流量较大时，现有产品盈利能力较强，企业更可能把内部现金流用于现有产品的生产而非新产品的研发；国有企业承担着国有资产保值增值的重任，在发展过程中以稳定为先，从事创新活动可能不利于具有行政职务的国有企业高管升职。

（三）稳健性检验

为了进一步证实上述结论的可靠性，采用以下方法再次对研究结论进行了检验。（1）为了消除高管社会网络的衡量偏误，借鉴陈运森和谢德仁（2012）的做法，以平均数和最小值计算的高管社会网络中心度作为高管社会网络的稳健性检验指标[18]；（2）为了消除会计稳健性的衡量偏误，用资产减值损失和非经营性应计模型作为会计稳健性的稳健性检验指标。具体的回归结果分别见表4和表5（控制变量与表3相同，限于篇幅，未一一列出各控制变量的回归结果）。根据表4和表5报告的回归结果可知，上述两种稳健性检验方法的回归结果与表3的回归结果基本一致。这表明本文的研究结论是稳健的。

五、研究结论与政策建议

以2008―2012年我国沪深非金融类A股上市公司的面板数据为样本，运用多元回归模型，实证检验了高管社会网络和会计稳健性对企业创新的直接影响，以及高管社会网络对会计稳健性和企业创新关系的影响。研究发现：（1）高管社会网络中心度促进企业创新；（2）会计稳健性促进企业创新；（3）高管社会网络中心度削弱了会计稳健性对企业创新的促进作用。为提高企业创新水平，企业应将长期激励落实到分期奖励。我国企业主要实行在位激励和经营业绩激励，这种短期激励方式的客观存在，加之管理者的自利与短视，会计稳健性可以帮助所有者管控管理层，抑制管理层短视，促进企业创新。但是，普遍存在的高管社会网络关系却不利于会计稳健性对管理层短视的治理，因此，认为企业提高创新水平的重要途径是加强长期激励，并把长期激励落实到短期奖励上。创新是一项长期活动，且具有较高的风险性，如果管理者只有在创新成功时才能获得奖励，长期激励很难起到创新激励效果。因此，企业在激励管理者进行长期创新时，应该重视长期激励，更应该把长期激励落实到分期奖励上，长期激励让管理者有动机去从事长期的创新活动，分期奖励让短视自利的管理者在短期内享受到自己的创新努力成果。

第3篇

2002年初，投身广告装潢行业十年的王涛在当地已是名声远扬。但是，为了承揽业务每天东奔西跑、请客送礼、低声下气地和客户周旋，让内向的王涛非常厌倦，加之本地装潢广告市场竞争激烈、效益整体下滑的形势慢慢的使他有了改行的想法。2002年3月，他出差到北京，遇到了一位在清华大学任教的同学，在听完他的想法后，同学半开玩笑半认真地说：“现在最火的就是互联网了，而且区域性的地方网站初显端倪，将来必成大气，文登的门户网站掌门人就是你了！”；同学的话有如黎明的第一道曙光照醒了王涛，催促他走上了互联网的道路。

提升网站技术含量

加强网站市场开发

2002年6月，“文登之窗”网站技术部正式成立，没有网页设计师怎么办？在王涛的指挥下，三个原来干广告设计师的老部下拿着在北京买回来的网页设计教程，边学边干，开始建网站。在奋斗了两个月后，他们发现了一个问题，后台程序才是网站建设的关键所在，光是页面漂亮没有用，一个大型的综合性网站必须要有一套般配的后台管理程序，这可不是广告设计师能干的工作啊。最后，王涛不得不再次赶到北京求助清华大学的同学，在这位同学和清华大学许教授的帮助下，一套适合地方门户网站使用的后台程序开发出来了，许教授还为他推荐了一位后台程序员，这可真解决了王涛的后顾之忧。有了稳定成熟的后台，网站建设速度明显加快。2002年底，“文登之窗”正式与网民见面了，为了让更多的人知道及创造经济效益，经过策划与探讨，王涛与他的团队采取了几种行之有效的推广宣传办法，迅速让“文登之窗”第一时间走进了千家万户，三个月之后，日均点击率就达到8000多人次。

与此同时，“文登之窗”网站的市场运营部成立，利用两条途径盈利：一是，利用技术优势，为本地企业和商家建设网站、制作网页，收取服务费，价格一般在几百元到几万元不等。二是，利用“文登之窗”点击率高、信息量大的特点，开展网络广告业务，价格根据放置时间和位置决定，最好的位置每月是5000元。

运营初期，“文登之窗”的网络广告业务举步维艰。梦菲思蛋糕城是文登之窗的典型客户，2003年，业务员去找经理时，态度非常排斥，说在网络上做广告一点作用都没有。随着时间的推移，经过网站员工的共同努力，“文登之窗”的点击率不断攀升，到了2005年初，梦菲思的经理竟然主动找上门，心甘情愿地交了6000元的网站建设费和1万元的网络推广费，并表示将长期与文登之窗合作；网站的宣传使梦菲思蛋糕城的生意一天比一天好，借着红火的势头，2005年5月，梦菲思开了第二家蛋糕店，更方便了市民订购。

现在，因为宣传效果明显，“文登之窗”上的商家越来越多，文登三里河家居装饰材料市场是其中的一个大客户，每年出8万元的推广费在“文登之窗”上进行宣传。只要打开文登之窗，就会发现像这样的商家举不胜举，在经历了3年的发展期后，“文登之窗”的年收益已经达到了60多万元。

方便实用受关注

引来同行取经

“文登之窗”运营到2006年底，在当地的点击率每日均在5万人次以上，真正成了地方门户网站。随着网站名声的提高，王涛被冠以网络俊才的身份，被电视、报纸等媒体纷纷报道，“文登之窗”一跃成为关注的焦点。

刘先生是烟台人，两年前，他花了3万多元找专业网络公司给建了个一个县级市信息网站，网站建成后，因为不懂经营，一直在烧钱，他在看到王涛从对网站知识一窍不通到现在的网络龙头的经历后，钦佩之余产生了学习的念头，2006年8月，他和网站的技术人员及业务人员接受了“文登之窗”工作人员为期一周的培训，从网页设计到后台管理，从网站推广到广告运营。课程结束那天，刘经理满含谢意地对王涛说：“你的经验适合在全国推广，现在，很多人都知道做地方门户网站赚钱，可却不知道如何赚钱，你正好教授经验和技术。”此番话给了王涛很大的提醒，他想，建设和推广都已成熟的“文登之窗”正有条不紊地运营着，广告业务从找客户变成了客户找，趁着这个时候正好做县级城市门户网站推广工作，让每一个县级城市都有一年收益50万元以上的门户网站，王涛深深地意识到，选择县级城市进行网站运营，一是：避开省会城市及中心城市的繁华和竞争，二是：县级城市由于人才外流的原因，很少有人涉入互联网行业，而随着网民的增多，人们又急需一个服务式的门户网站推动城市信息化进程，享受互联网的轻松和便捷。

2007年，王涛和他所率领的团队，正蓄势待发，满怀激情的期待下一个您成为县级市门户网站的合作伙伴，他们将会使有高中或者中专学历的人在半个月就能掌握网站建设技术，并用心传授广告运营方法，文登之窗竭诚欢迎广大同行及投资者前来取经考察。

互联网是一个不以出身论英雄的行业，只要有一颗执着的心，谁都能缔造传奇的网络创富神话。

地址：山东省威海文登市香山路10-1号（网通四楼）

电话：0631-8985020

13306314558

第4篇

关键词:计算机网络专业;实训基地;创新;校企合作

中图分类号:TP393文献标识码:A文章编号:1009-3044(2009)33-9216-02

根据教高[2006]16号《教育部关于全面提高高等职业教育教学质量的若干意见》文件精神,“加强实训、实习基地建设是高等职业院校改善办学条件、彰显办学特色、提高教学质量的重点”。实训基地在人才培养中的地位十分重要,因此,校企合作,加强实训、实习基地建设是高等职业院校,特别是示范建设院校的一项十分重要的建设任务。

1 实训基地的建设思考

1.1 实训基地定位

高职计算机网络专业综合实训基地建设,坚持围绕工学结合人才培养模式改革,与企业深入合作,多元化建设,以项目为载体,共建、共管、共享实训基地,为学生提供针对工作岗位的项目实训,培养学生组网、用网、管网三大技能领域的职业能力。

实训基地的主要职能:一是面向职业院校在校学生,担负院内外学历教育(高职和中职)的计算机网络类专业人才的实践教学任务;二是面向社会,担负非学历教育的计算机网络类专业高技能人才的培训任务;三是面向企业,向企业充分开放,担负先进技术向生产力转换的院企合作共赢的任务。

1.2 实训基地的创新建设模式

计算机网络专业综合实训基地建设遵循“三共、二同步、一开放”原则。

“三共”指共建、共管、共享实训基地。共建就是学院主体、政府扶持、企业参与;共管就是管理机制具有可操作性;运行体制具有高效性;共享就是实训资源具有共享性,实训场所具有开放性;教学体系具有针对性;教学模式具有灵活性。

“二同步”指硬环境与软环境同时建设、生产性实训中心与常规实验室建设同步建设。硬环境与软环境同时建设就是在建设硬件环境的同时抓软件环境,即同时开发课程、开发实训项目,或直接引入厂商培训体系,或引入企业的培训课程。以软件环境为重点。生产性实训中心与常规实验室建设同步建设就是实训基地的主要目的是为了培养高技能人才。在满足常规计算机网络实践教学的同时,加强建设生产性实训中心,实现“工学结合”的人才培养模式,实现学生顶岗实习。以生产性实训中心为重点。

“一开放”指建设开放式远程平台。利用现代信息技术,建设开放式远程实训平台。通过远程实训平台,学生的实践操作将不受时间和空间的限制,学生可以自己选择合适的时间完成实验;极大地提高实验室网络设备的利用率,网络互联设备可以在无人监管的情况下持续为学生提供实验服务;可以建成开放式网络实验室,给社会学员院提供实验环境,服务于社会。

2 实训基地创新建设

实训基地的建设依托常州市科教城(高职教育园区),校政企联合共建。实训基地充分体现先进性、共享性、特色性、产业性,具备多类网络架构的真实环境,集实训、展示、科研、工程、服务、技能鉴定等多种功能于一体。

2.1 共建实训基地

共建实训基地主要体现在投资多元化和创新的建设理念。投资多元化指计算机网络综合实训基地建设投资主体多元化。开辟学校、政府、企业多元化的投资渠道,充分发挥高校、政府与企业三方面的优势,多种渠道、多种方式筹集资金,资源共享,共同投资和建设高职实训基地[2]。

创新建设理念指改革以往由一个学校自筹的单一模式,探索多校共建、政府拨款和企业赞助等多渠道筹集资金、共同投资的方式。计算机网络综合实训基地由常州信息职业技术学院牵头,联合高职教育园区其他4所高职院,争取了省政府、常州市政府的投资,包括国家示范高职院的建设投资,同时与思科、华为、深圳讯方、北京正阳天马、江苏宏信、常州电信、常州移动、常州蓝联科技有限公司等企业深入合作,多方联合共建。合作内容如表1。

2.2 共管实训基地

共管实训基地主要体现在管理机制具有可操作性;运行体制具有高效性。

2.2.1 管理机制[3]

实训基地的管理机制采用多样化的管理形式,改变了实训基地建在高校内部,由高校自己管理的单一模式。本着共建、共享、共管的原则,由政府、行业、院校和投资企业派出代表,共同组建实训基地管理委员会(简称基地管委会)或领导小组。计算机网络综合实训基地的日常运行、管理与协调工作由管委会负责,并委托主体院校(常州信息职业技术学院)实施。具体职责如下:

1) 管委会(或领导小组)负责基地建设中的重大决策和投资资金的分配与使用方案的审核;对基地建设项目进行审批;对基地建设进程进行检查;对资金使用情况进行监督和审查。实训基地的日常运行、管理与协调工作由管委会负责并委托主体院校(常州信息职业技术学院)实施。

2) 实训基地实行管委员领导下的主任负责制。原则上实训基地主任由常州信息职业技术学院计算机系主任兼任。

3) 基地所属各个实训中心主任由基地主任聘任并报管委会批准,原则上由计算机系相关教研室主任或教研室副主任兼任。组织管理如图1所示。

图1 实训管理框架

2.2.2 运行机制

实训基地的运行机制包括:

1)建立相对灵活的用人机制,实训基地指导教师实行固定制员工与聘用制员工相结合的人事制度;

2)建立网络化的实训教学与管理的信息平台,开放共享实现网上申报,最大限度地发挥实训资源的使用效益;

3)针对不同培训对象建立相应的实训教学体系和培训计划(如职业院校师资培训、高职学生、中职学生、技工学校学生技能培养、转岗人员的再就业培训、在职人员的技术培训等,都应建立不同的实训教学体系和培训计划);

4)建立基地有偿使用机制、价格机制、费用机制;

5)建立基地实验实训安全操作规程及相应的管理制度;

6)建立科学的实践教学与技能培训考核评价体系。

2.3 共享实训基地

共享实训基地包括开放型共享和全方位服务。开放型共享就是向大学城内所有院校开放、向常州各级各类职业学校(包括技工学校)开放;向周边企业开放;向社会开放。

全方位服务就是开拓实训、培训、咨询全方位的服务功能,融职业技术教育、职业技能培训、科技与社会服务为一体,实现教学、培训、服务一条龙[2]。

3 实训基地建设成效

为了加强学生的实践能力和创新能力的培养,加快实践教学和实验教学改革,促进优质资源整合和共享,提升办学水平和教育质量。同时,结合常州市科教城(高职教育园区)计算机网络实训中心工程的规划,我们按照“教学工厂”的模式建设计算机网络专业综合实训基地。这样可以改变长期以来在校内一直利用实验室训练学生的实训环境,从而有效减少学生毕业后的就业恐惧,缩短学生从学生到员工的过渡期;采用“车间是课堂,师傅是老师,工人是学生”的教学形式,实行“学中练、练中学”,提高整个学生的动手能力。

通过多方合作,自2006年3月开始制定建设方案至今,为期两年多,经过两期工程,我们终于建成了计算机网络专业综合实训基地。实训基地包括综合布线实训室、网络安全实训室、Cisco网络实训室、华为网络实训室、网络综合应用实训室、现代通信综合实训室、核心交换实训室、网络互连设备远程实训室、实训指导室和考试中心。这些实训室的功能各有侧重点、设备集全、功能完善。实训室的设计完全按照“教学工厂”的模式规划,在任何一个实训室,教师都可以让学员以分组形式独立完成实际项目案例。

在软环境建设方面,我们与企业合作为每个实训室开发了实训项目,而且合作编写了项目实训指导,共计。每位到实训基地上课的老师都参加了相关的培训,并取得了资格证书(包括国际、国内和行业认证)。同时,我们还为实训基地制订了相关制度,如计算机网络专业实训基地实践教学管理规范、实践教学人员岗位职责、学生实验实训守则、实验实训室安全管理规定、实验实训室工作档案管理制度等。

计算机网络专业综合实训基地中的实训室陆续投入使用,为我院、大学城其他院校、中职学校、周边学院共享,为学生提供良好的实训、实习工厂化环境,为教师提供提高教学水平及产品研发能力提供条件,从而为江苏乃至全国培养具有综合能力的技能型技术人才。为企业多层次人员(员工、管理人员、高层领导)培训提供场地,为企业的计算机网络发展提供平台,达到促进电子信息产业发展、电子信息产品开发与推广应用、实现制造业信息化的目的。

参考文献:

[1] 《教育部关于全面提高高等职业教育教学质量的若干意见》文件.[2006]16号.

第5篇

互联网作为连接世界各地计算机的全球性信息化网络，它的传输内容是非常丰富的，涉及到全球的各个领域，是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好网站，对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。

2网站设计分析

文字、图形、色彩是展示网站内容的重要组成部分，是构成网站传达信息不可或缺的手段，同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站，只有多为用户着想，认真地以用户的切身体会出发去完成网站的整体设计。当然，在设计过程中需要考虑的因素很多，用户群因素和界面因素是首要考虑的两个方面。

3网页制作

3.1选择合适的网页设计软件当前能使用的网页设计类软件很多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。此外，制作网站还要用到边缘性软件，如photoshop、flash等，网页设计过程中可根据自己的需要灵活运用这些软件。

3.2选择网页内容前期的框架设计好后，就要为这个网站选择内容了。网页内容影响着网站的成败，所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的，这些可以从图书、报纸、互联网等信息媒介搜集素材，素材通常分为三类一一文字、图片、影像。素材准备得越多越好，再从这些素材中粗中取细，以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。

3.3运用网页设计中的色彩不同的色彩搭配产生不同的效果，反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击，所以确定网页的色彩是相当重要的一步。在网页的色彩设计上，除了要表现心理和感情联想之外，还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值，使网页更有效和准确地把信息传达给我们的视觉。

4结语

第6篇

关键词：网站；设计分析；制作

随着科学技术发展和网络的运用，计算机网络为人们的生活打开了一片新的天地创新了人们的生活方式而网站为人们提供了丰富多彩的信息。一个网站不但要做到操作方便，引人入胜，趣味盎然，还要告诉浏览者它的用处，这些设计都是有讲究的。

1 网站建设的作用和意义

互联网作为连接世界各地计算机的全球性信息化网络，它的传输内容是非常丰富的，涉及到全球的各个领域，是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好网站，对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。

2 网站设计分析

文字、图形、色彩是展示网站内容的重要组成部分，是构成网站传达信息不可或缺的手段，同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站，只有多为用户着想，认真地以用户的切身体会出发去完成网站的整体设计。当然，在设计过程中需要考虑的因素很多，用户群因素和界面因素是首要考虑的两个方面。

3 网页制作

3.1 选择合适的网页设计软件

当前能使用的网页设计类软件很多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO～EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。此外，制作网站还要用到边缘性软件，如photoshop、flash等，网页设计过程中可根据自己的需要灵活运用这些软件。

3.2 选择网页内容

前期的框架设计好后，就要为这个网站选择内容了。网页内容影响着网站的成败，所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的，这些可以从图书、报纸、互联网等信息媒介搜集素材，素材通常分为三类一一文字、图片、影像。素材准备得越多越好，再从这些素材中粗中取细， 以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。

3.3 运用网页设计中的色彩

不同的色彩搭配产生不同的效果，反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击，所以确定网页的色彩是相当重要的一步。在网页的色彩设计上，除了要表现心理和感情联想之外，还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值，使网页更有效和准确地把信息传达给我们的视觉。

4 网页制作中的注意事项

⑴网页要一页一页制作，切不可图快，没考虑清楚就下手只会让后面的修改工作更辛苦，首先要制作主页，把主页上的页面的编排、色彩的搭配、链接的方式都设计好后，再以 它为基础，通过变更文字和图片等内容建立其它子页，可以利用模板批量创建子页，使用模板的好处是一一同一个模板创建下的网页，对它的更新和修改可以一次性完成。这样可以大大提高制作效率，使网站形成统一的风格。

⑵特效制作网页时，能尽量用javascript替代的就不要使用java，java会使网页速度减慢，在加入诸如声音、动态网页等小技巧时，最好也不要太多，这都会影响网页的运行速度。

⑶使用链接到每张图片的缩略图是提供有大量图片的图库时常见的一种策略。缩略图也就是图片的缩小版本，可以让浏览者看到众多的图片。但是，在展示缩略图时，切记不能将缩略图做得太小，因为缩略图做得太小网站的访客就无法从中获取有效的信息。

⑷合理采用JPg和gif格式也是至关重要的，色彩鲜艳高分辨率的用JPg，图片色彩单调的及在256色以内的最好把它处理成gif图像格式。图片大小尽量不要超过30k，小图片（1OOx40）一般可以控制在6k以内，较大的图片可以“分割”成小图片。

⑸为图片加注解。图片的下载较慢，在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片，是否需要等待，是否可以点击。

5 结语

网站的设计与制作谈起来很简单，但要制作出真正有创意、经典的网站不是一件容易的事情。网页设计需要不断的实践，不断的学习，不断的丰富、创新网页制作的方法，不断完善、提高自己网站设计的能力。

[参考文献]

[1]赵锡源.论网站艺术设计[J].新闻爱好者。2010（1）.

第7篇

关键词：网站规划；网站设计；布局

中图分类号：TP393文献标识码：A文章编号：1009-3044(2008)31-0829-03

Site Planning and Design

JI Lei

(College of Finance and Economics, Qinghai University, Xining 810001, China)

Abstract: The rapid development of Internet, a web site to promote the emergence of the website is the business or individual in the image of the show on the network platform, is here to understand the businesses or individuals a way. This paper describes the process of building the web site, site planning, principles, the layout of the website.

Key words: Site Planning; web site design; layout

1 引言

Internet已成为当今时代人们获取信息的重要途径，它改变了人们的生活、工作和学习的各个方面。人们可以Internet信息，交流思想，推广科技，检索行业信息等。它所具有的数字化、多元化、全球化、多媒体化、实时性、交互性等众多特征使它也具有了越来越广泛的商业用途。但是离开各种网站，Internet的众多应用都无从谈起。

2 网站规划

在网页设计前，首先要给网站一个准确的定位，是属于宣传自己产品的一个窗口，还是用来提供商务服务或者提供资讯服务性质的网站，从而确定主题与设计风格。网站名称要切题，题材要专而精，并且要兼顾商家和客户的利益。建设一个有影响的商业网站，从结构设计、页面设计到时数据库的集成，每一个环节都非常重要。

2.1 网站的基础规划

在Intenet中，网站成千上万，浏览者常常是走马观花，一带而过，只有精彩、内容极其丰富的网站，才能吸引住浏览者。这种结果首先要归功于网站的规划。独具匠心的网站规划就像一幢宏伟的建筑前期的规划设计一样，要进行认真、科学的总体规划，之后才可以“破土动工”。网站规划主要有两大部分：一是规划涉及的内容，包括每一步的目标、内容；每一步的人力安排；每一步生成的文档。二是网站的要素，包括网站的内容、网站的功能和网站的表现形式。网站建设的基本流程如图1。

2.1.1 明确网站设计目标

展示公司形象，公司信息和提供服务，宣传公司产品是商业网站建设的要求。所以在设计网站时必须明确目标，从而做出切实可行的计划。

2.1.2 迎合客户需求

会有越来越多的人使用Internet，Internet也将成为人们生活中不可或缺的部分，越来越完善的网络服务走进千家万户。我们的网站必须能满足众多网民的需求。

2.1.3 产品宣传的需要

通过Internet进行产品、宣传无疑是最理想的途径，人们越来越习惯到Internet上查找所需要的信息，并且作为首选的途径。宣传单、产品介绍，这些都只是一张静止不动的纸。而网站，在代表公司的网页上，客户却能听见公司真诚的声音，看到友好的笑容，而且它是动态的，可以随时加入最新的内容。这无疑接拉近公司与客户间的距离。

2.1.4 与客户沟通的桥梁

客户对公司产品的意见，对公司的建议，可以通过客户留言板即时得到并迅速反应，然后通过网站中的站长回复功能再反馈给客户。还可以通过信息交流论坛与客户在线交流。

2.1.5 优化工作提高效率

行业资讯提供公司最新的动态介绍，公司的一些最新决策、促销活动等，还可以将客户经常关心的问题在网站上，不必再为重复答复这些问题而苦恼，从而使工作更具效率。

2.1.6 和谐页面

要将丰富的内容和多样的形式组织成统一的页面结构，形式和语言都必须符合页面的内容，体现丰富的内涵。运用对比与调和，对称与平衡，节奏与韵律以及留空白等样式，通过文字、图像相互之间的关系建立整体的均衡状态，产生和谐的美感。

2.1.7 网站信息更新与维护

当访问者与网站进行信息交互、用户信息时，该网站才会动态显示，才具有生命力。要把网站规划为动态网站，具有后台数据库的支持和远程维护的功能。 这样只有当网站投入运行后才能及时地更新网页信息。一个网站必须要保持经常性的更新，才能不断吸引访问者再次光临，使潜在消费者变成客户。如果网站一成不变，是无法获得更多商业机会的。

2.2 网站规划原则

在设计之前，先画出网站结构图，其中包括网站栏目、结构层次、链接内容。首页中的各功能按钮、内容要点、友情链接等都要体现出来，一定要切题，并突出重点，应把大有大段的文字换成标题性的、吸引人的文字，将单项内容交给分支页面去表达，这才显得页面精炼。也就是说，首先要让访问者一眼应能了解到这个网站能提供什么信息，使访问者有一个基本的认识，并且有继续浏览的兴趣。要细心周全，不要遗漏内容，还要为扩容留出空间。分支页面内容要相对独立，切忌重复，导航功能要好。网页文件命名开头不能使用运算符、汉字等，分支页面的文件存放于自己单独的文件夹中，图形文件存放于单独的图形文件夹中。

2.2.1 明确建设网站的目的

建立网站之前，要有明确的目的，即所要建立的网站的作用是什么，服务的对象是哪些群体，要为浏览者提供怎样的服务，只有找准了网站的定位，才可能建成一个成功的网站。

2.2.2 进行可行性分析

可行性分析就是分析是否有能力、财力建设和维护这个网站；分析网站建成以后是否有一定的经济效益或社会效益；分析网站建设需要花费多少时间、精力、人力，性价比是否合算。

2.2.3 网站的内容设计

建设网站就要为用户服务的，根据网站建设的目的，分析浏览者的需求，确定网站的内容。例如一个电子商务网站，就要根据消费者的需求、购买力、购买习惯等要素设计网站每个网页功能，以满足客户的需要。

2.2.4 网站的表现形式设计

有了好的内容，还要有好的表现形式，这就是网站本身的设计。例如设计网站的CI标志、网站的文字排版、平面设计、三维立体设计、静态无声图文、动态有声影像等。

2.2.5 技术需求

提供网站建设的技术综述。利用什么样的工具，运用什么样的语言。例如HTML、JavaScript、ASP等。

3 设计布局

布局就是以最适合浏览的方式将图片和文字编排在网页的不同位置，使得浏览者的视觉效果与使用效果达到最佳状态。网页的整体布局在网站设计中占据着关键的位置，起着主导作用。

网页设计首先涉及到的就是网页的编排问题。网页作为一种版面，有文字和图片。而文字有大有小，有标题与正文之分；图片也有大小，有横幅与竖条之别。文字和图片要同时展示给浏览者。如果只是把它们简单的罗列到一个页面上，会使得页面零乱不堪。因此必须根据内容需求，将文字和图片按照一定的次序进行合理的编排和布局，使它们组成一个有机整体，展示给浏览者。

3.1 布局设计元素

网页布局设计就是在有限的空间内，合理安排组成网页的各种元素的位置，使页面美观，达到最好的视觉效果和艺术效果，把网页要表达的信息有效地传达给浏览者。网页布局必须以网站主题和页面内容为依据，以准确、有效的表达信息为目标，达到形式与内容的统一。一般网页都包含页面标题、网站标志、页眉、导航栏、内容版块和页脚等部分。

3.1.1 网页标题

每个网页都有一个标题，用于标识网页，指示网页的主要内容。网页标题显示在浏览器窗口的标题栏中。在设计网页时，网页制作软件一般自动为网页文件指定“未命名”作为网页的默认标题。显然， 这样的标题是毫无意义的。在设计网页时，应该养成给网页指定标题的习惯，使浏览者看到标题就能了解网页的主题内容。

3.1.2 网站标志（LOGO）

LOGO是网站特色和内涵的集中体现。如果是企业的网站，网站标志常常采用企业的标志或者注册商标。一个好的LOGO可以给浏览者留下深刻的印象，在网站和企业的宣传推广方面起着十分重要的作用，一看见LOGO就能联想起该网站。

3.1.3 页眉

页眉指页面的顶端，通常水平放置于导航栏上面。有些网页的页眉比较明显，有些网页则没有明确的划分，有的甚至没有页眉。通常，页眉左边放置LOGO，右边往往安排网页的服务宗旨或者广告口号，或者放置商业广告。页眉是浏览者打开网页首先看到的部分，一些商业网站大多作为广告们出租，可谓黄金位置。页眉的设计风格应该与页面的整体风格协调一致。设计独到的页眉也可以像LOGO一样，起到标识网站的作用。

3.1.4 导航栏

导航栏是网页的重要组成元素，它的任务是帮助浏览者在站点内快捷查找信息。好的导航系统应该能够引导浏览者尽情浏览网页而不会迷失方向导航栏的形式多种多样，可以是简单的文字链接，也可以是设计精美的图片，或者是形态多变的按钮，还可以是拥有下拉菜单的导航系统。导航栏在页面中的位置相对不定，一般分布在页面上、下、左、右，在页面上部的居多。设计自由的页面，导航栏的放置位置比较灵活。

3.1.5 内容版块

内容版块是页面的主体，往往根据内容的多少划分为几个栏目。每个栏目中放置内容标题的链接或者内容摘要，具体内容包括文字、图像、动画等。页面的内容才是浏览者关注的根本目标。拥有丰富的内容，才能吸引众多的浏览者。因此，对应内容版块应该合理安排、精心设计。

3.1.6 页脚

页脚指页面的底端部分，通常放置版权信息、联系方法，有时也把导航栏、友情链接安排在页脚位置。

3.2 布局设计的过程

布局设计的过程也就是一个创意的过程，在设计的过程中把布局设计元素合理化、有序化地应用到网页的制作和编排上，达到点、线、面相互穿插，相互衬托。布局设计过程比起整个网站的设计要容易得多、有规律得多，它可分为以下6个阶段。

3.2.1 方案设计

方案设计就是在布局设计前，对网页的整体布局进行的构思，画出页面的结构草图。在这个阶段，可以借鉴他人的布局设计经验，参考他人的布局结构吸取精华融入到自己的整体构思中。充分发挥自己的艺术想像力，结合网页素材，进行整合创作。

3.2.2 初步设计

初步设计是在方案设计的基础上，确定如何把功能模块安排到页面上。功能模块主要指网站标志、导航栏、动态新闻、搜索、留言板、交流论坛、版权信息等。在这个阶段必须遵循主次分明、突出重点、平衡协调的原则，将网站标志、导航栏等重要模块放在最醒目的位置，然后再考虑其他模块的排放。

3.2.3 技术设计

技术设计的主要任务是在初步设计的基础上，进行草图细化和方案确定，在绘制出的草图上，具体运用页面元素，包括网站标志、导航栏等。进一步解决各部分的技术问题，在确定了功能模块的大致位置后，需要对网站标志、导航栏和背景图片进行设计，然后把设计好的模块放在初步设计中确定的位置上。

3.2.4 定案设计

将初步的页面布局精细化、具体化，也就是一个调整的阶段。如网页的颜色搭配，文字和图片是否搭配平衡等。

3.2.5 量化描述

量化描述就是确定各种页面元素的具体大小。主要包括以下几种：

网页外形大小网页外形大小受计算机显示器的大小和分辨率制约。

图片大小：图片大小应该根据具体的布局要求确定，以像素为单位。

字体大小：指定网页文本，如标题文字、段落文字大小。

色彩搭配：在网页的制作过程中往往采用多种颜色搭配，包括背景颜色、文字颜色等。

网页文件大小：初步估计网页文件的大小，一般应该控制在500KB左右。因为网页文件过大会影响下载速度。

3.2.6 方案实施

根据上面几个阶段确定的网页布局方案使用网页编辑软件（如Dreamweaver）和图像处理软件（如Photoshop）进行布局设计。Internet上的网页风格万千。常见布局类型有同型布局、框架布局、自由式布局等。

4 结束语

网站的规划、设计看起来很简单，但要制作出真正有创意、精美的网站不是件容易的事情。它需要我们不断的实践，不断的学习，不断的丰富、创新网页制作的方法，不断完善、提高自己网站设计的能力。

参考文献：

[1] 胡剑锋,赵怀明,淦述卫,等.网页制作与设计[M].北京：清华大学出版社,2004.

[3] 腾飞科技.Dreamweaver 8完美网站建设从入门到精通[M].北京：人民邮电出版社,2007.

[3] 陈笑.Dreamweaver 8实用教程[M].北京：清华大学出版社,2007.

第8篇

一、任务驱动教学模式的理论研究

（一）针对高等教育和计算机课程的特点，研究适合高等院校教育计算机课程的教学模式

计算机课程是一门创造性与实践性很强的工具性课程，在很大程度上决定着学生在以后的学习生活以及工作中应用计算机的水平和对信息技术的掌握能力。高等教育下的计算机课程具有应用性（突出实践环节，以培养、提高学员的计算机应用能力为目的）、职业性（教学内容必须要满足高等教育的需求）、多样性（根据教学对象的层次不同选取不同的教学内容）等特点。再者，高等教育下的计算机课程更加重视计算机基础知识、基本原理和基本方法的介绍，为此，我们采取了“集体研究、分步试点、总结归纳、全面推广”的思路，以重点课程《计算机技术与应用》为改革试点，进行了教学模式专题研究，并打造了典型课例组织集体观摩，取得了初步成效。在此基础上，对“任务驱动”教学模式的有关理论和具体做法进行了更深入的探讨，逐步形成了以“任务驱动”为主，“案例教学，讲练结合”为辅的教学模式。

（二）“任务驱动―案例教学、讲练结合”教学模式的内涵

“任务驱动―案例教学、讲练结合”教学模式是教员根据学员的学习需求和教学主题设计并提出“案例”，在多媒体网络机房，采取演示、讲解等方式，给出完成“案例”的思路、方法、操作和结果，然后引导学员边学边练，并完成相应的学习任务。其显著特点是贯彻因材施教的特点，充分考虑学生各自的特点、能力等因素，给学生分层次安排任务。在教师的引导下，学生围绕实例任务，通过对学习资源的积极应用，进行自主探索。教师在方法上给予指导，给予适当提示，启发学生思维，调动学生的操作欲望和好奇心，引导学生完成任务，使他们在操作中体会和领悟所学知识，然后查漏补缺，对共同的难点、疑点以及重点进行分析、讨论、讲解、总结，启发学生思考，并触类旁通，给出应用实例，加深学生对所学知识的进一步理解与领悟，并且做到轻松接纳与吸收。

二、“任务驱动―案例教学、讲练结合”教学模式的实施

（一）实施步骤

“任务驱动―案例教学、讲练结合”教学模式的实施主要有以下四个步骤：一是提出案例，二是讲解演示，三是学员实做，四是归纳拓展。

（二）任务案例

以“二氧化碳灭火瓶网页制作”案例为例，具体实施过程如下：

（1）提出案例：根据课程标准中对知识和能力的培养要求，教员课前事先设计好任务案例“二氧化碳灭火瓶网页制作”。在课堂上教员根据学员的学习任务需求，引出案例“二氧化碳灭火瓶网页制作”。

（2）讲解演示：由于该案例较大，可采取化整为零的方式，先将案例分解成网页设计和网页制作两部分，然后再分析每一部分的具体操作步骤、网页设计步骤如下：

1.制作文字稿本。依据教材组织网页中要展示的内容如下：

①组成与用途。用于扑灭机体内部、发动机失火和低压电路故障引起的火灾等。

②使用方法。使用时取掉铅封，拔出开关处的保险销，将喷射管对正火源，按下开关，气体即可从喷射管喷出。

③注意事项。使用中应注意不要使手接触喷管以防冻伤。当空气中的二氧化碳含量达8%到10%时，会使人昏迷窒息，因此，洞库起火时不能使用。在室内使用时，人应该站在高处，火熄灭后，应立即通风。

2.制作脚本。设计网页中内容的展现形式。依据制作脚本，教员边操作边讲解网页制作步骤。

①确定制作工具。Dreamweaver8.0是使用较为普遍且简单实用的制作工具。启动Dreamweaver，熟悉窗口。

②制作前准备。先规划目录，准备所用素材，如图片、文件、flash等，最后创建新网页并命名保存。

③插入、编辑表格，并设置属性。

④输入文本、插入图像和Flash等，并设置属性。

⑤保存和预览网页。

“二氧化碳灭火瓶网页制作”文字稿本如下：

①组成与用途。用于扑灭机体内部、发动机失火和低压电路故障引起的火灾等。

②使用方法。使用时取掉铅封，拔出开关处的保险销，将喷射管对正火源，按下开关，气体即可从喷射管喷出。

③注意事项。使用中应注意不要使手接触喷管以防冻伤。当空气中的二氧化碳含量达百分之八到百分之十时，会使人昏迷窒息，因此，洞库起火时不能使用。在室内使用时，人应该站在高处，火熄灭后，应立即通风。

3.学员实做。要求学员根据制作脚本完成“二氧化碳灭火瓶”网页制作。在学员实做前，针对制作过程中可能遇到的共同性问题提醒学员注意。在学员实做过程中，教员要耐心回答学员提出的问题，对有困难的学员个别指导、示范。观察每个学员的操作情况，随时掌握整体进展，如果有学员快速完成任务，则为他们布置新任务。

4.归纳拓展。学员完成任务案例后，教员要总结网页制作的要点，以及注意事项，并进行必要的操作、能力拓展。另外，还可展示学员作品，交流做法和体会。

三、“任务驱动”“案例教学”教学模式的区别

所谓的“任务驱动”就是在学习过程中，学生在教师的帮助下紧紧围绕一个共同的任务，通过对学习资源的积极主动应用，进行自主探索和互动式学习。计算机课程中的任务驱动教学方法就是让学生在一系列具体任务的驱动下展开学习，由教师引导学生由浅入深、循序渐进地完成各项任务。在完成任务的过程中，学生会不断获得成就感，激发他们的求知欲望。教学过程中，学生在教师的指导、组织下通过不同方法完成一系列任务，还可以使学生得到清晰的思路、方法以及知识脉络。

案例教学法则是一种建立在建构主义理论基础上的教学方法。建构主义理论认为学生是教学活动的主体，学生靠自己学习、构建知识；而教师起帮助、引导、促进的作用，教师负责调动学生的积极性、提高学生的学习兴趣，并为学生提供良好的学习环境与学习氛围，使学生全面掌握所学知识。具体来说，案例教学是教师创设一个或多个案例（其中隐含所要教学内容的知识点），让学生充分发挥主观能动性，通过完成每个案例熟练掌握课堂知识，灵活运用所学知识解决实际问题，从而完成课堂教学目标。案例教学法是学生主动学习、教师加以引导的教学方法，它打破了传统教学方法的老套路，是以完成一个案例来进行教学安排。

任务驱动―案例教学则是综合上述两者的一种综合性教学方法，通过两者的结合不仅使学生轻松地掌握基本技能，同时也能熟练地运用所学知识解决实际问题。

四、任务驱动―案例教学模式的要点

（一）明确任务，把握原则

教师在引导学生学习的时候一定要使同学们明确所要学习的任务以及必须遵守的原则

1.学习性原则：设计的案例必须贴近学员学习实际要求，例如“试飞卡片”“机务人员业务卡片”“飞机有寿件信息工作表”等案例均来源于学员的学习要求。

2.典型性原则：学生学习需求范围很广，案例选取不可能面面俱到，要选取其中具有代表性的个例。

3.实践性原则：案例必须具有较强的操作性，以提高学员的计算机操作和应用能力。

4.层次性原则：鉴于学员的基础参差不齐，要进行分层次教学。设计案例时既要按照课程标准的要求，满足大部分学员的需要，又要考虑到少数基础较好的学员，为他们设计提高性案例，实现因材施教。

（二）构建良好的网络教学环境

1.以科学教学网络为平台，构建网络化教学环境，为保证“任务驱动、案例教学、讲练结合”教学模式的顺利进行，我们把课程授课全程安排在网络机房，并依托校园网和计算机学科网站，构建网络化教学环境，不仅每个教员建立了个人的教学网站，而且为学员提供了个人空间，以方便其保存课堂作业，实现课内向课外、教室像网络的延伸，建立起以现代教育技术为支撑的立体化、多层次网络教学环境。

2.加强教学资源信息化建设，促进教学方法和手段的融合。为保证网络化教学环境有充足的教学资源，近年来我们先后研制多种媒体课件和网络课程6套（其中1套获得全国多媒体教育软件评比二等奖，1套获全校优秀网络课程二等奖）、电子教案6套、涵盖高等教育各层次的教学案例70多个、一大批与教学配套素材和辅助学员自学的多媒体课件，形成了多媒体教材、网络教材、电子教案、教学案例、学科网站、专题网站为一体的综合化、系列化、多层次的教育训练教学资源系统，促进了教学方法和教学手段的融合与创新。