网页设计方案精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网页设计方案主题范文，仅供参考，欢迎阅读并收藏。

第1篇：网页设计方案范文

关键词 网络安全；物理隔离；地形图保密

中图分类号：TP393 文献标识码：A 文章编号：1671-7597（2014）09-0179-01

1 勘察设计企业网络现状

勘察设计企业在设计工作中经常会用到或产生一些文件，尤其是地形图等密级较高的文件资料。我国2000年1月1日起颁布实施的《计算机信息系统国际联网保密管理规定》第二章保密制度第六条规定：“涉及国家秘密的计算机信息系统，不得直接或间接地与国际互联网或其他公共信息网络相连接，必须实行物理隔离”。为保护国家秘密不外泄，同时满足信息化办公的生产需求，目前国内勘察类企业主要采用两种网络架构方式。一种是设置内部办公网络和外部网络，员工各自配置两台分别连接内外网络的计算机，两者完全物理隔离。这种方式建设和维护成本大，员工操控灵活度低。内部办公网络实现公司信息化办公和资源内部共享等需求，外部网络实现互联网资料查询和外部交流，同时严禁内部网络信息向外部网络流通。另一种设立指定的互联网访问区，专门人员或机构采集互联网信息复制到内部网络，或者设立专门的可访问互联网的设备或区域，这种方式实时性不好。

2 网络隔离技术趋势

物理隔离是网络隔离的一种重要形式，它是通过网络与计算机设备的空间分离来实现的网络隔离[1]。与物理隔离不同的另一种网络隔离方式是采用密码技术的VPN隔离。虚拟专用网（VPN）是通过使用密码和隧道技术、在公共网络设施上构建的、具有专用网络安全特性的逻辑网络[2]。VPN隔离追求的是数据的分离或不可读，而物理隔离强调的是设备的分离。尽管VPN的实现成本较低，但是在网络的边界点，隔离设备容易被攻击，特别是来自公共网络的拒绝服务攻击[2]。

物理隔离网闸的思路决定了它是一种比VPN更高级的安全隔离形式，因为它是在保证必须安全的前提下，尽可能互联互通，如果不能保证安全则完全断开。然而，这种技术成熟的产品还是无法摆脱“摆渡”病毒的攻击。因此，国家保密局信息系统安全保密测评中心颁发的网闸类产品检测证书中明确注明“该产品不可用于互联网和网络之间的信息交换”。

3 双网物理隔离解决方案架构

除去地形图等国家秘密文件外，勘察设计企业商业秘密的保护也是极为迫切的要求。将操作地形图资料的计算机与内部工作网络和外部互联网隔离，内外两条网络之间通过有效的隔离设备和网络安全措施建立可信连接，既能满足国家保密局对于国家秘密的保护要求，又能满足公司内部与互联网之间的资源共享需要。

利用物理隔离网闸安装在工作内网核心交换机和外网核心交换机之间，对于公司内部业务使用的计算机和服务器等设备直接或通过级联设备连接到核心交换机，公司对外交流所用计算机或外网服务器直接或通过级联连接到外网核心交换机。内外网络间数据访问必须经过网闸的“摆渡”。这样，通过内外网之间的网闸不仅实现了两个网络间的物理隔离，还能满足内外网之间实时、适度、可控的内外网络数据交换和应用服务。比如：文件交换、数据库的数据交换与同步、HTTP/HTTPS标准访问、FTP服务、邮件服务等。

图1 基于网闸隔离的网络拓扑结构

通过安全隔离网闸可以对办公网络到外部网之间的传输数据和文件严格执行格式和内容检查，检查的内容可以包括内容检测、防恶意代码、防泄密、文件类型控制等。可以对浏览器中输入的各种关键词和敏感字符串进行限制，预防内网用户因访问外网网站时，在浏览器的访问请求中出现有意或无意泄密的可能。

在公司网络建设中对于地形图等高密级资料的使用必须采取单独网络或单机运行模式，同时出台相应的规章制度，对地形图资料的复制、传递进行严格的规范，并出台相应的惩罚措施，从公司制度层面对网络安全保密行为进行约束。

4 性能分析

物理隔离网闸通过双主机之间的物理断开来达到数据隔离的目的。内外主机间信息交换只能借助拷贝、镜像、反射等非网络方式来完成。另外，根据内外网间数据交换的具体情况还可以选择不同流向的单向或双向隔离网闸，实现更高级别的数据保密要求。市场上部分物理隔离网闸支持基于文件特征库的文件类型过滤和用户自定义关键字的文件内容筛查，可有效防止商业信息的无意泄漏。

应用物理隔离网闸的双网隔离解决方案具备如下优点。

1）屏蔽了内部的网络拓扑结构，屏蔽了内部主机的操作系统漏洞，消除了来自互联网上对网的攻击。

2）内部服务器不对外部网络提供任何端口，不允许来自任何互联网主机的主动请求，降低了自身风险。

3）通过严格的内容过滤和检查机制严防泄密。

4）可根据需要选择单项或双向数据流动方向，灵活性强。

但是，采用物理隔离网闸对内部工作网络和外部网络进行隔离较采用VPN隔离在费用方面不占优势，同时，涉及地形图的计算机部分仍需单独划分网络。

参考文献

[1]网络隔离的技术分析与安全模型应用[J].数据通信，2002（3）：23-25.

第2篇：网页设计方案范文

色彩的区分，可以让信息呈现主次分明，并且引导浏览者进行积极的阅读，让网页的内容布局合理，并且具有很好的易阅读性，很好的导向性。网页设计在色彩上若进行合理系统的编排与设计，不但会让网页具有整体的设计风格，还会给浏览者留下此网页很规整、很有序的视觉感受，让人有较深的视觉印象。对网页中的内容进行色彩上的合理划分和合理布局，让它们在网页中呈现出先后主次会让人觉得视觉流程规整，并且让所有的内容在统一的色彩风格之中，形成和谐悦目的视觉效果。

在进行网页设计时，我们应当好好利用颜色的魅力，让它充分为网页页面服务，把页面妆点的无比美丽，也可以利用颜色将网页中重要的内容进行强调，吸引浏览者的目光，这对新产品、新项目是很有优势的。对那些较为重要并需要重点强调的信息进行色彩处理以将其突出，这样用户看见也会印象深刻，从而使得信息传递的效率得到提高。那些有产品需要展示的网页中，颜色的运用和其带来的效应是显而易见。

二、色彩整体性

网页设计中运用色彩，需要注意色彩的整体性，也就是说网页页面之间色彩的系统性。那些在内容上有关联的网页通过超链接保持联系，那么这些有关联的网页在色彩上也存在着相互联系并且带有一定的作用和过渡。相关联的网页之间它们的色彩应该是和谐统一、自然的。那么就要求设计人员在进行网页设计前就应当对网页的色彩进行较为系统的规划与编排，这样才会让网页在设计上井井有条，也便于后期维护。网页设计色彩的整体性也体现在其页面自身的整体协调上。一个页面所包括那些功能要素，如导航、滚动或者浮动的广告、一闪一闪的FLASH动画或者是GIF动画，那些辅助文字传达信息的图形/图像等，它们在色彩上，以及它们每动一下颜色的变化都直接的影响着页面颜色的整体性。那么要想使这些要素与网页整体色调和谐，我们应该在运用背景色上灵活处理，以背景色作为整体网页色彩的基调，以此在处理好其它各要素之间颜色的关系，便可以得到想要的效果。

三、色彩的编排

色彩在网页中的排列是四维度的，分别为长、宽、深、时间。通常在二维平面中，色彩进行大小面积、疏密程度、是否对称、均衡、节奏等变化，再加上色彩在三维的方向上重叠进而产生深度和层次上的变化，这样对于影响色彩的感情倾向。在进行网页色彩排列时，还运用重叠、交叠、透叠等表现形式，让页面产生空间感和纵深感变化。网页的时间性对色彩的感情也具有一定的影响，就像网页页面在屏幕上流动，网页中动画帧的变化，还有网页之间的链接，从这个页面到达那个页面，这些都产生了网页的时间性变化，也让网页的色彩产生了变化，所以当我们进行网页编排时，首先，我们应了解想要往网站上传达怎样的内容，对所要的信息要有充分的了解和认识，基于此来运用颜色进行搭配。比如；此网站要想突出环保、生态，我们便可以运用绿色系、蓝色系为主调色彩；要是本网站是女性网站，则我们可以用粉红色系为主色调；如果是科技感很强的网站，可选用蓝色系、黑色系。当然，要是企业类型的网站，我们应当以其品牌形象的色系为主，因为网站也是企业整体形象的一部分。其次，设计者应该根据不同的诉求者在网页色彩上做出色彩差异，因为就算生活在相同的文化背景中，但是由于年龄的差异、性别差异、受教育程度的不同等诸多原因都将影响用户对于颜色的理解。一个网站在采用色彩时最好运用一个主色调，让整幅页面都贯穿这个主色调，在根据不同的信息内容，添加辅色以强调各个信息的不同。同一个页面运用颜色不要过多，颜色运用过多，会让人产生视觉疲劳感，会降低阅读性。

网页进行色彩设计时应有自己的流程。第一点，此网站颜色是为了表达什么，还有此网站内容适合什么颜色，这就要求设计人员首先该弄明白网站的主题是什么，还有面对的人群是什么样，最终通过色彩想达到什么样的效果。第二点，每个网页都应该有自己的主色调，这个主色调可以反映整个页面的色彩风格。先确定了主题，再确定服务人群还有色彩目标，最后确定一个主色调，让其有着自己的风格特色。主色调最好只选用一种色调贯穿于整个网页。企业类的网站，主色调可选用本企业的标准色，这样既可以充分宣传公司的形象，也可以强化人们的品牌意识。第三点，确定主色调后还应确定辅助色，辅助色可以衬托主色，使用得当可以让整个页面活跃起来。辅助色也不宜用过多，选用一到两种颜色就可以了。这样整个页面在三色之内，页面看起来不会太杂。页面色彩上也可以只运用一种色彩，可以在色彩的明度方面和纯度方面调整一下以充当辅助色，这样形成的页面如果梢在局部用点对比色或者邻近色，页面的效果就出来了，会变得很丰富。第四点，背景色、文本色的确定，背景色有的时候和页面的主色运用的是同一种颜色。背景色的运用与文本色的运用在色彩对比上应该强烈些，这样才可以使信息内容突出，但是不要色彩太鲜艳，这样会使眼睛受不了，会太过刺眼。信息的正文部分与信息的标题部分在背景色上的运用可以不同，标题部分在色彩上可以运用鲜明些的色彩，这样可以使标题更加明显。正文部分的背景色运用淡雅些的颜色为宜，如果选用白色等淡雅的颜色的为背景色，那么文本也要用明度低些的颜色，这样既搭调，也方便阅读。

第3篇：网页设计方案范文

关键词 网络安全；方案设计；方案实现

中图分类号 G271 文献标识码 A 文章编号 1673-9671-（2012）111-0142-01

计算机网络的安全运行，是关系到一个企业发展的重要问题，如何能使得企业网络更为安全，如今已经成为了一个热议的话题。影响网络安全的因素有很多种，保护网络安全的手段、技术也很多。对于网络安全的保护我们一般都是通过防火墙、加密系统、防病毒系统、身份认证等等方面来保护网络的安全。为了保护网络系统的安全，我们必须要结合网络的具体需求，把多种安全措施进行总结，建立一个立体的、全面的、多层次网络安全防御系统。

1 影响网络安全的因素

网络信息的安全问题日益严重，这不仅会使企业遭受到巨大的经济损失，也影响到国家的安全。

如何避免网络安全问题的产生，我们必须要清楚因法网络安全问题的因素有哪些。我们主要把网络安全问题归纳为以下几个方面：

1.1 人为失误

人为失去指的是在在无意识的情况下造成的失误，进而引发网络安全问题。如“非法操作、口令的丢失、资源访问时控制不合理、管理人员疏忽大意等，这些都会对企业网络系统造成很大的破坏，引发网络安全问题。

1.2 病毒感染

病毒一直以来，都是能够对计算机安全够成直接威胁的因素，而网络更能够为病毒提供迅速快捷的传播途径，病毒很容易通过服务器以软件的方式下载、邮件等方式进入网络，然后对计算机网络进行攻击、破坏，进而会造成很大的经济损失。

1.3 来自企业网络外部的攻击

企业网络外部的攻击主要是企业局域网外部的恶意攻击，比如：伪装合法用户进入企业网络，并占用修改资源；有选择的来破坏企业网络信息的完整性和有效性；修改企业网站数据、破译企业机密、窃取企业情报、破坏企业网络软件；利用中间网线来读取或者拦截企业绝密信息等。

1.4 来自网络内部的攻击

在企业局域网内部，一些非法人员冒用合法的口令，登陆企业计算机网络，产看企业机密信息，修改企业信息内容，破坏企业网络系统的正常运行。

1.5 企业网络系统漏洞

企业的网络系统不可能是毫无破绽的，而企业网络中的漏洞，总是设计者预先留下的，为网络黑客和工业间谍提供最薄弱的攻击部位。

2 企业计算机网络安全方案的设计与实现

影响计算机网络完全因素很多，而相应的保护手段也很多。

2.1 动态口令身份认证的设计与实现

动态口令身份认证具有动态性、不可逆性、一次性、随机性等特点，跟传统静态口令相比，增加了计算机网络的安全性。传统的静态口令进行身份验证的时候，很容易导致企业计算机网络数据遭到窃取、攻击、认证信息的截取等诸多问题。而动态口令的使用不仅保留了静态口令的优点，又采用了先进的身份认证以及解密流程，而每一个动态口令只能使用一次，并且对认证的结果进行记录，防止同一个口令多次登录。

2.2 企业日志管理与备份的设计与实现

企业要想保证计算机网络的安全，对于计算机网络进行日志管理和备份是不可缺少的内容，日志管理和备份数据系统是计算机运行的基础。计算机在运行过程中难保不会出现故障，而计算机中的数据和资料的一个企业的血液，如果数据和资料丢失，会给企业今后的发展带来巨大的不便，为了避免数据资料的丢失，我们就应当对计算机网络做好数据备份以及数据归档的保护措施。这些都是维护企业网络安全的最基本的措施与工作。

2.3 病毒防护设计与实现

计算机病毒每年都在呈上涨的趋势，我国每年遭受计算机入侵的网络，占到了相当高的比例。计算机病毒会使计算机运行缓慢，对计算机网络进行有目的的破坏行为。目前Internet在飞速的发展，让病毒在网上出现之后，会很快的通过网络进行传播。对于企业计算机网络，应当时刻进行监控以及判断系统中是否有病毒的存在，要加大对于病毒的检测。处理、免疫及对抗的能力。而企业使用防病毒系统，可以有效的防止病毒入侵带来的损失。为了使企业的网络更加安全，要建立起一个完善的防病毒系统，制定相应的措施和病毒入侵时的紧急应急措施，同时也要加大工作人员的安全意识。

病毒会随着时间的推移变的随时都有可能出现，所以企业中计算机网络安全人员，要随时加强对于防毒系统的升级、更新、漏洞修复，找出多种不同的防毒方法，提高企业计算机网络防病毒的能力。

2.4 防火墙技术设计与实现

Internet使用过程中，要通过内网。外网的连接来实现访问，这些就给网络黑客们提供了良好的空间与环境。目前，企业计算机网络系统，采用防火墙技术，能有效的保证企业的机密不会受到网络黑客以及工业间谍的入侵，这种方法也是维护企业计算机网络最有效、最经济的方法，因为防火墙系统是企业计算机网络安全的最前面屏障，能有效的组织入侵情况的发生。所以企业计算机网络第一个安全措施就是安装以及应用防火墙。防火墙一般是安装在内部网络出口处，在内网与外网之间。

防火墙最大的特点是所有的信息传递都要经过它，这样就能有效的避免企业网络遭到非法入侵，防火本身的具有很高的可靠性，它可以加强对企业网络的监督，防止外部入侵和黑客攻击造成的信息泄露，

2.5 网络安全设计的实现

在企业网络运行中，与用户和各个系统之间，存在着信息交换的过程，这些信息包括信息代码、电子文稿、文档等，所以总会有各种网络安全的问题出现。为了保障网络的安全性和客户使用的合法性，就要去严格的限制登录者的操作权限，增加口令的复杂程度。当工作人员离职要对于网络口令认证做出相应的调整，以避免带来的不便。

3 总结

现今网络在现代生活中发展迅速，然而网络安全的系统也日益突出。作为一个企业如何的保证自己网络的安全性，使自身能够更快更好的发展，面对着网络入侵的行为要进行如何的防御，已经是一个越来越迫切的问题。我们只有从实际出发，去构建一个完整的安全的网络防御系统，才能保证企业网络的安全。

参考文献

[1]唐红亮.防火墙设计浅析[J].中国科技信息，2009，06.

第4篇：网页设计方案范文

关键词：无线局域网；设计；方案

中图分类号：F251 文献标识码:A 文章编号:1005-6432(2008)36-0153-02

The Design of Campus Wireless Local Area Network in Logistics Vocational Education Institutions

Xia Xiukun1,2 Li Cun2

(1.Math and Computer Department, Hebei University; 2.Hebei Software Vocational and Technical Collegle)

Abstract: The logistics of vocational education institutions campus cable network can only access in some regions, andcan not be taken into account in all regions. Through rational design of a wireless network to meet the teachers and students“anytime, anywhere access to information” needs.

Key Words: wireless local area network; design; program

基于信息技术的研究成果和信息化进程加快的现状，信息电子化交换和信息资源共享已成为当今各行各业的基本需求。近年来，网络的发展极大地推动了教育系统的信息化进程，各物流职业教育院校在大力建设有线网络的同时，也日益关注无线网络在校园的应用。

一、校园局域网现状

校园网将院系学生与从事社交、学术、业务活动的行政人员紧密地联系在一起，是教职员工和学生获取资源和信息的主要途径。

无线网络技术具有无缝覆盖、可移动通信等优点，可与有线网络互为补充，但就目前无线技术的发展状况，无线最大的优势仍在于对现有有线网络的补充。在校园网络中，完善的解决方案将开辟无线网络在教育行业的应用，进而引发深刻的网络教育变革。

二、校园无线局域网设计方案

根据校园网络实际应用环境的特点，无线网络设计方案大体分为两种情况：室内和室外。

(1)室内无线局域网设计方案：室内无线局域网主要针对不方便进行大规模布线或不宜布设太多信息点的建筑，在室内部署无线局域网首先要确定无线接入点的数量和位置，也就是要将多个AP形成的各自的无线信号覆盖区域进行交叉覆盖，各覆盖区域之间无缝链接。所有A P通过双绞线与有线骨干网络相连，形成以有线网络为基础，无线覆盖为延伸的大面积服务区域。利用无线接入点来支持移动终端的移动和漫游。配有无线网卡的台式P C机、笔记本电脑或其他设备就可以与无线网络链接起来，所有无线终端通过就近的AP接入网络，访问整个网络资源。

(2)室外无线局域网设计方案：室外无线局域网主要针对分布较远的校区之间、布线不甚方便的校园建筑物之间以及适合学习的室外场所，如草坪、操场空地等。在网络的每一端接入A P，并在距离远或信号弱的地方，同时外接高增益天线，这样就可以实现几公里以内的两个网段之间的互联了。

搭建远距离无线局域网主要有以下几种结构：点对点型、点对多点型、桥接中继型和混合型。各种结构都有不同的适用场合，应根据实际情况慎重选择。

点对点型：点对点无线桥接模式常用于固定的要联网的两个位置之间，是无线联网的常用方式，使用这种联网方式建成的网络，传输距离远，传输速率高，受外界环境影响较小。这种类型结构一般由一对桥接器和一对天线组成。

点对多点型：该类型常用于有一个中心点，多个远端点的情况。其最大优点是组建网络成本低、维护简单，其次，由于中心使用了全向天线，设备调试相对容易。这种网络的缺点也是因为使用了全向天线，波束的全向扩散使得功率大大衰减，网络传输速率低，对于较远距离的远端点，网络的可靠性不能得到保证。

桥接中继型：当需要连接的两个局域网之间有障碍物遮挡而不可视时，可以考虑使用无线中继的方法绕开障碍物，来完成两点之间的无线桥接。无线中继点的位置应选择在可以同时看到网络A与网络B的位置，中继无线网桥连接的两个定向天线分别对准网络A与网络B的定向天线，无线网桥A与无线网桥B的通信通过中继无线网桥来完成。

构建中继网桥可以有两种方式：单个桥接器可以通过分路器连接两个天线构成桥接中继和采用背靠背的两个处于不同的频段的桥接器相连接，并同时工作于无线网桥模式，每个无线桥接器分别连接天线构成桥接中继。单个桥接器可以通过分路器连接两个天线。由于双向通信共享带宽的原因，对于对带宽要求不是很敏感的用户来说，此方式是非常简单实用的。

混合型：这种类型适用于所建网络中有远距离的点，近距离的点，还有建筑物或山脉阻挡的点，在组建这种网络时，综合使用上述几种类型的网络方式，对于远距离的点使用点对点方式，近距离的多个点采用点对多点方式，有阻挡的点采用中继方式。

三、网络安全问题

在任何通过无线媒介传输数据的环境中，都必须具备安全保护措施，I E E E 802.11b标准能提供保密机制，学校还可以同时借助一些管理策略和V P N来强化安全性能并对其实施有效管理。就无线局域网而言，由于不能信赖媒介的基本物理特性来提供最低层次的保护，其信任模式就与有线局域网不同。换句话说，单是因为无线的关系，无线局域网就容易招来窃听。无线局域网的安全系统要做到有效，需解决下面三个安全问题：

(1)提供接入控制:验证用户，授权他们接入特定的资源，同时拒绝为未经授权的用户提供接入。

(2)确保线路的保密与完好:防止未经授权的用户读取、引入或修改在网络上传输的数据。

(3)防止阻断服务攻击：确保没有一个用户或一小批用户可占用某个接入点的所有可用带宽，阻断其他用户的正当接入。

四、结束语

无线局域网的架设门槛很低，但是想真正做好，做精，尤其要注意三点：①无线网络要和应用结合，要根据应用去选型；②妥善考虑无线网络的支撑系统，否则无线设备之间的不兼容性，或者网络管理的混乱会导致大量问题出现；③无线网络基础构建的时候要考虑采用专业的设施，聘请专业的队伍去操作，否则在规模扩大到一定程度时就会遇到功率控制、频率选择、环境噪声等很多问题。

作者单位：

夏秀坤 河北大学数学与计算机学院河北软件职业技术学院

李　存 河北软件职业技术学院

第5篇：网页设计方案范文

网页设计（webdesign，又称为WebUIdesign，WUIdesign，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

（来源：文章屋网 ）

第6篇：网页设计方案范文

关键词 信息设计；情境模型；网页设计

中图分类号：G642.4 文献标识码：B

文章编号：1671-489X（2015）10-0079-03

Construction of Situation Model Cultivation of Thinking Ability in Teaching of Course//XIONG Kejun， ZHENG Ning， HUANG Qin

Abstract In the web design teaching， simulation design works using

context， for finding out the better design scheme intuitively who meet the requirements of using case. Transfer efficiency from the angle of information， the construction of situation model design based on the cultivation of information ability of thinking， aims to cultivate the students’ information design thinking ability， pay attention to the application of research methods.

Key words information design； scenario model； web design

1 思维能力的培养在网页设计课程中的重要性

基于网站信息架构需要的抽象逻辑思维能力 网站本身是一个信息聚合体，信息架构就是针对网站信息繁多进行的一种对信息体的综合设计和整合处理的方法。网站信息构建活动的对象和产物就是网站的信息空间结构，即网站的信息架构，网站信息架构的核心是组织系统、标识系统、导航系统和搜索系统[1]。

信息架构设计是需要分析技能和创造技能的问题解决活动，信息架构以用户为中心作为其设计原则，致力于提高信息环境的可用性[2]。网站信息架构设计的产生，本身是市场的需求促进下产生的专门设计，由于网站以及整个网络的信息量巨大，需要信息架构的设计，将相对于不同用户的不同需求而言的各种信息进行整理，即使是同一个网站，也有相对于部分用户不需要的信息存在。因此，必须有一种方法去设计和管理网站的信息，便于用户寻找网站上的信息，而建立这种管理网站信息的研究，必须有人类认知行为的共同逻辑思维为基础。

基于页面信息视觉形式创意需要的具体形象思维能力 网页的页面信息表达的设计，即网页上的视觉信息艺术设计，将页面上的主要信息内容运用具象思维方式设计，进行有助于用户视觉方面容易理解的表现层次的改造，这也是对信息的一种深度设计。人对视觉形式效应的感知，分为以悦目为特征的视觉生理上的本能反应、以生活体验和视觉经验为具体内容的关于形式在视觉心理上的综合反应、形式的社会化影响三个层面[3]，基本的信息单位的表现均是借助图文形式进行表达。同理，这三个层次的形式感知的划分对信息表达的设计方法有着重要的借鉴价值。

对于视觉信息艺术设计的展开，设计师需要具备三个基本条件。

其一，对文字信息体的内容信息有着先于用户的充分阅读，对文字信息体陈述的内容充分理解，根据易读性原则在设计上引导用户阅读。

其二，信息图形化是人类信息传递的本源[4]。对表达信息内容的手法要有积累，同样的信息内容，图解信息比大段的文字更容易被用户接受和理解，即文字信息图形化，更易于用户对网页信息的获取效用。

其三，对信息的设计中，对于信息内部关联关系的信息等信息内容的深度部分，必须在信息的设计中体现出来。如何以信息艺术设计的视角和方法表现在页面上，设计者对信息的内在关联的理解程度，很大程度上影响到了发掘信息体内在联系的深度，以及将信息内部关联关系的信息呈现在用户或者读者面前的准确性。

网页信息的创意性表达如网页中文字信息涉及某些流程的描述，交由设计者以更高的传递效能的方式去设计，会节省更多的用户时间成本，也是艺术设计向前发展的一个新领域。

2 网页设计课程教学中信息设计的思维能力培养与其他专业课的关联

前置课程中的基础思维训练准备 以传统的三大构成为代表的设计学的基础课程，组成对学生艺术感知力培养的基础预备课程，这种课程极大开拓了学生的具体形象思维的视野。构成课最大的特点是将视觉原色归纳成抽象的视觉符号，通过研究彼此之间的相互关系，探讨视觉审美原则[5]。随着社会技术的进步，艺术设计的工作平台呈现多元化发展，三大构成已经不能满足网页设计的专业设计需求，已经出现以运动形式存在的运动构成、明显异于以往纸质设计艺术的光影构成和以交互行为为主体的行为构成，被提出并有意识地运用于网页设计之中。

创造性思维训练相关的基础课程准备 图形创意类课程包括图形创意、装饰绘画等，都是图形形式创意与图形信息表达方式的设计为主，与之前的构成课在知识内容方面也有着紧密的承接关系。图形创意课程教学用以开发想象力，培养设计观念，创造多元的设计思维方式与方法[6]。具体的思维方式训练分为逆向联想、发散联想、聚合联想等，为网页内容信息的图形视觉化设计奠定了基础。

3 基于信息设计思维能力训练需求的情境模型的构建

信息设计思维能力训练的情境模型的构建分为角色模型构建、故事情境模型构建、问题情境模型构建、问题解决方案模型构建四部分。通过模型的构建，让学生在解决设计问题的过程中意识到在模型整体构建过程中逻辑的一般规律的重要性，信息的整体构建必须以此为依托展开架构，方可被用户从逻辑认知层面所理解和接受。

创建基于目标用户群的网站访问的角色模型

1）目标用户群的调查对情境模型构建的重要性。在产品设计中，目标用户即为使用产品的用户，在网页设计中，即为对网站有信息需求的访问者。划分用户群是理解用户需求的一个重要步骤。在设计初期对产品用户进行准确的划分，根据不同的用户群体的需求分析，从而准确获知用户需求以及产品定位，更好地帮助开发者理解用户需求[7]。在教学过程中可以安排学生先设计用户需求的调查问卷、用户访谈等形式，完成对用户需求的分析，然后相互交叉完成调查问卷。作为课程的练习阶段，结合艺术学本科教学实际情况，在可控制的课时安排前提下，有必要保证学生一定的实践整体参与度和课时保障，才不至于让教学流于形式。

2）基于案例项目的网站设计定位对典型用户的描述。以授课选定的案例项目为蓝本，开展目标用户群的调查结果分析，确定目标用户群的基本特征，并提炼出一个有代表性的典型用户角色，用来确定情境模型，直接承担展示网站信息的浏览和使用过程的叙事。

创建基于用户需求的故事情境模型 根据用户需求分析的结果，明确用户的需求状态，根据用户的需求状态创建一个关于用户访问网站、使用网站功能的模拟情节。基于需求的故事情境需要描述三个方面内容：第一，描述用户因为何种需求访问网站；第二，描述用户在何种环境何种状态下实施访问网站的行为；第三，用户访问网站时最关注何种信息。

创建用户访问网站时的问题模型与问题解决模型 在网络业已普及的今天，用户在访问网站面对各种问题时，绝大部分用户必定已具备一定的操作技能和访问经验。用户在访问一个陌生网站时，经常借助自身已有经验中与之相似的经验部分为基础去推理这个陌生网站的操作，这种基于经验的推理方式有助于用户的学习和积累，也为网页设计课程教学中关于分析用户如何做问题推理提供了分析依据。目标用户访问网站，最关切的是关于目标信息满足其需求的程度，目标信息的位置搜寻以及相关交互操作的展开成为用户寻找目标信息的核心行为。同时，搜寻过程与交互操作过程也成为问题产生源地，如何引导用户快速寻找到自己所需要的目标信息以及相关过程，成为问题模型的主要构成部分。

以目标用户群体为蓝本创建的典型用户角色，为用户操作网站时进行问题推理和解决所遇到问题的方案，提供了明确而具体的设计思路。问题解决模型以典型用户角色为分析对象，结合网站的设计定位，按照一定的情境条件去开展设计，是解决用户模式下网站设计的常见的求解方式之一。某种程度上可以将典型用户寻找问题解决方案的过程看做一种基于已有案例实践的经验事例，所以在教学过程中将问题推理过程与问题解决方案的陈述部分，结合已有具体案例的分析，指导学生进行该环节的任务练习，更容易被学生理解。

4 基于情境模型的课程作业设计方案描述

模型构建的目标是训练学生在课程设计练习中有意识地运用思维为作品中信息的设计和表达服务，所以在课程作业完成后，建议以角色模型构建、故事情境模型构建、问题情境模型构建、问题解决模型构建四个部分对设计作品展开课堂陈述，让学生以设计者的角度自我阐述作品的设计过程，也能更好地发现学生在设计过程中的想法与实践之间的差异产生的原因。

目标信息的分析和设计实施过程描述 目标信息即用户对网站的需求对象，但因为网站本身信息的多面化，不能只满足单一的用户目标需求，在用户访问过程中需要对用户的访问行为进行引导，引导的过程需要分析和设计来实现其功能的可用性与易用性，所以在学生的设计方案描述中必须予以体现。网页设计每一个细节都有可能影响到用户的最终使用结果，在引导学生对目标信息进行分析和设计时，很多设计细节与情境模型的构建过程没有明显的直接关联，即不存在于构建本身的特殊性范畴中，但存在于设计的一般性现象中，在设计方案描述的课程作业中不能忽略对细节的描述。

用户访问网站过程的描述 用户访问网站的过程，按照网站访问情形发现问题解决问题的顺序对用户访问网站时的三个阶段进行描述。可以建议学生在阐述网站设计方案时，以典型用户角色对网站的访问为贯穿主线，在课堂讲解任务中描述用户对网站设计作品的访问过程，更容易把各种设计分析联系起来，以便于学生做课堂作业的陈述。

5 结语

在网页课程中，设计教学的首要任务并不是解决用户对视觉的需求问题，而是解决网站信息架构的合理性，进而解决用户对目标信息的需求引导问题。基于信息设计思维能力培养目标的情境模型构建，核心在于引导学生对目标决定过程原则的理解和把握，将站点信息架构的设计分析和实践过程分解为角色模型构建、故事情境模型构建、问题情境模型构建、问题解决模型构建四个阶段，使教学训练的目标明晰化，提高用户对网页信息的易读性和搜寻效率。

参考文献

[1]张新民，胡亮，王艳，等.网站信息架构的评估[J].现代图书情报技术，2004（3）：51-52.

[2]莫罗根.信息架构学[M].詹青龙，吴战杰，郭桂英，译.

上海：华东师范大学出版社，2008：136-137.

[3]王令中.视觉艺术心理[M].北京：人民美术出版社，

2005：21-23.

[4]乔柳，顾慧史.浅议网页设计中的信息图形化[J]，艺术与设计：理论，2009（11）：104.

[5]徐丰.从包豪斯的构成课谈设计基础训练思维方式的转变[J].美术教育研究，2014（1）：160.

[6]高俊虹.图形创意与创造性思维的培养[J].前沿，

第7篇：网页设计方案范文

关键词：网页设计与制作 网页与网站设计原则 教学改革

中图分类号：G71 文献标识码：A 文章编号：1672-3791（2014）03（a）-0209-02

内蒙古科技大学是地方高等院校，毕业生大多到企业从事设计、生产、管理等技术工作，故人才培养定位于“工程实施型人才”，要求学生具有扎实的基础理论和专业基础知识，能够教深入地掌握专业知识和流行生产技术，具有较强的工程实施能力，因此内蒙古科技大学的毕业生具有“上手快，留得住，后劲足”的特点，毕业生就业率连续多年位居自治区高校前列，被国务院授予“全国就业先进工作单位”光荣称号。该校的计算机科学与技术专业在学校人才培养思想的指导下完成了专业定位，重新制定了人才培养方案和课程体系，在此背景下，计算机科学与技术专业开设了《网页设计与制作》课程。

1 《网页设计与制作》课程现状及存在的问题

根据企业用人标准及对毕业生的回访调查，总结出了网页设计师的从业要求：具备优秀网站设计能力，能综合运用各类软件设计视觉创意网站，能独立进行平面网页的创意设计，具有良好的艺术触觉和美术色彩搭配功底，深刻理解web标准，熟悉CSS+DIV模式，能手写XHTML及CSS样式代码，懂得javascript应用，精通设计与网页设计软件，如photoshop、fireworks、dreamweaver等，能独立完成网站的规划和静态页面制作。可以看出一个优秀的网页设计师能够对网页的构成元素进行艺术规划和创造性思维活动，通过网页制作技术实现网页设计的目的，达到了艺术与技术的和谐统一。[1]为了培养大一新生对计算机专业的学习兴趣和热情，许多高校包括我校在内，将《网页设计与制作》课程规划为必修课安排在大一下学期开课，目的通过本课程所见即所得的特点，激发新生对计算机专业的学生兴趣和热情。可在以往的本课程教学内容安排上，重网页制作技术的讲授，对网页设计相关知识涉及甚少，即便学生掌握了XHTML、css+div、JavaScript等网页制作技术，可没有遵循网站与网页设计原则，致使学生制作出来的网页粗糙拙劣，毫无美感可言，这样的教学安排，难以培养学生的专业学习兴趣和热情。

2 《网页设计与制作》课程改革思路

以适应企业需求为导向，以培养学生网页设计能力为根本，以项目教学和案例教学为手段，以实际网站为目标，进行课程内容的编排和改革。[2]紧跟当前市场需求，及时对教学内容作出调整，特别强调网站与网页设计原则理论知识，在讲授网页制作技术的过程中注重网页设计基本理论与基础知识的渗透，努力提高学生的审美情趣，在潜移默化中让学生形成“技术为设计服务”的思想，让这种思想指导其网页设计与制作行为，最后将这种认识转换为能力，最终体现在其网页设计作品上。

3 《网页设计与制作》课程教学改革方案

以“技术为设计服务”为指导思想，以项目教学和案例教学为手段，通过项目驱动，[3]让学生在32学时讲授+32学时上机的学习过程中，独立完成上机项目。上机项目按照具备知识水平由易到难，需求由低到高，设计方案由局部到整体的梯度进行，符合教育教学的基本规律。结课后，以一个综合项目的开发作为对学生学习效果的最后的评价。综合项目的开发，实际上是学生实践和独立探究的过程，在此过程中，增长了学生的知识，培养了学生创造性思维和发现问题、解决问题的能力。

3.1 教学内容的编排

按照WEB标准，网页由三部分组成：结构（structure）、表现（presentation）和行为（behavior），因此，在教学内容的编排上，将《网页设计与制作》课程分为四大模块进行讲授和实践。分别为：网页与网站设计原则、XHTML基础知识、css+div、javascript。

网页与网站设计原则模块：在本课程的教学过程中处于指导地位和核心地位。通过该模块的教学，首先让学生掌握网站的3C设计原则，即简洁、一致性、对比度。通过一些优秀网站设计案例的展示，使学生对3C设计原则有初步的体会和认识。其次让学生掌握页面设计要点，包括：精心组织的内容、格式美观的正文、和谐的色彩搭配、较好的对比度、生动的背景图案、页面元素大小适中，布局均匀、不同元素间的留白等。通过优秀网站设计案例的讲解，让学生初步体会每一个页面设计要点。在随后的课程讲授及上机实践中，通过具体案例，强调网页与网站设计原则，让学生对3C设计原则及页面设计要点有更深的体会和认识，在潜移默化中，学会用网页与网站设计原则指导自己的网站制作行为。

其他三个模块为《网页设计与制作》课程的技术范畴。通过XHTML、css+div、javascript的讲授及配合各类上机项目的实践，使学生具备认识网页创建站点应用网页元素对网页布局应用CSS美化页面给网页添加动态行为的能力。最后以网页与网站设计原则为指导，设计开发一个综合项目。该综合项目要求要有鲜明的主题，内容与形式统一，个性突出、布局合理、配色美观。可以看出，通过本课程技术层面的学习，为学生奠定了制作综合项目的技术基础，而其掌握的网页与网站设计原则又将反作用于其网页制作的行为上，提高其网页制作水平，逐步达到技术与设计的和谐统一。

4 《网页设计与制作》课程考核体系

本课程的考核方式为考察，主要考察学生的实践能力及学生网页与网站设计原则的掌握情况。将平时表现，上机项目完成情况、综合项目的开况相结合，从而得出学生的最终成绩。

考核方案设计如下。

平时表现10分：包括上课出勤，上机出勤。有课堂主动回答问题的额外加3分。

上机实验40分：内容包括：包含文本、图像、超链接、多媒体的简单网页设计（3分）；包含表格的简单网页设计（3分）；包含表单的简单网页设计（3分）；利用框架进行简单网页设计（3分）；利用CSS样式表美化网页（10分）；利用表格进行网页布局（3分）、利用DIV进行网页布局（5分）、利用DIV嵌套表格进行网页布局（5分）；利用javascript实现网页特效（5分）。

综合项目开发：通过本课程掌握的网站设计原则及制作方法，完成综合项目的设计与制作。（50分）

设计要求（25分）：需求分析充分，栏目设计合理，功能完善，网站深度不低于3级别（5分）；主题鲜明，页面布局合理，配色和谐，形式美观，风格统一（10分）；logo、banner的设计应突出主题，与页面风格相协调（5分）；要有便捷的导航信息。网站内容丰富，具有良好的可读性（5分）。

技术要求（25分）：站点文件组织规划合理，主页必须以index命名（2分）；代码书写符合XHTML语法规范（3分）；用Div对网站进行总体布局，局部布局可用表格（6分）；用css进行页面的美化，对样式的定义统一写在外部样式表中（6分）；多媒体元素运用得当，适合网络传输（3分）；页面中包含有JavaScript实现的特效（5分）。

5 结语

改革后的《网页设计与制作》课程重视学生网页设计能力的培养，在每一次的教学实践环节中，都在强调网页与网站设计原则，在潜移默化中让学生学会用网页与网站设计原则来指导自己的制作行为。在此原则的指导下，74名学生完成的综合项目开发作品中，符合网站与网页设计原则的作品有62.3%，其中优秀作品比例为 12.6%，较未实行教改前学生的设计与制作水平有了明显提高。实践证明，以“技术为设计服务”为指导思想的《网页设计与制作》课程教学改革实在可行，提高了学生网站设计与制作水平，为其以后的就业打下了良好基础。

参考文献

[1] 邵小兰.浅析网页设计中的艺术设计[J].科技资讯，2011（15）：14.

第8篇：网页设计方案范文

【关键词】网页设计；教学方法；实践

拥有自己的网站是政府机关、企事业单位以及广大网络爱好者的共同需求，制作精美的网页来吸引浏览者，提高网站的知名度，是大家共同的目标，而这一切都依赖于网页的设计和制作技术的运用，因此，也说明了网页设计与制作课程的重要性。《网页设计与制作》是近年来计算机领域发展最快和应用最广的课程之一，现阶段急需培养掌握网页设计、面向不同应用层次的人才。

1.《网页设计与制作》课程的特点

《网页设计与制作》课程的特点是涵盖知识面广，综合性和实践性较强。《网页设计与制作》不是作为一门课程孤立存在的，它需要依靠多门课程的知识给予支撑。它们相互渗透和依赖，构成一个科学的、完整的课程体系。

《网页设计与制作》课程的教学以“实用、必须、够用”为原则，强化培养学生的实践操作能力及分析应用能力，做到“讲、学、练”统一协调。课时分配上注意将理论与实践进行科学、合理的安排。突出实践环节，注重培养学生的实践动手能力，提高理论服务于实践的意识。

2.《网页设计与制作》课程的教学方法

2.1 项目教学法

将《网页设计与制作》课程的总项目确定为开发一个具有一定实用功能的网站，并根据其中涉及到的知识点，将课程总项目划分为若干子项目。项目以任务书的形式下发给学生，按制定计划、实施、评价、和实际运行等阶段写出时间和目标要求。

2.1.1 制定项目计划

对项目涉及的问题进行分析，确定操作步骤，选择方法，制定计划。在此阶段，学生的主要任务是制定项目实施计划。教师的主要任务是关注学生的做法是否正确，启发和指导学生。在教学中采用分组法，将班级学生分成多组，每组人数约8人，选派一名“项目负责人”，为了让大家都能得到锻炼的机会，一般让团队的学生轮流当项目负责人。学生以团队为单位制定项目计划。例如，在做“学院主页”这一项目时，教师将此项目的学习目标和能力目标告诉学生。然后和学生一起分析项目，制定完成项目的基本步骤：首先确定网页的主题、内容、布局结构、色彩设计方案等以及团队人员的分工安排；然后根据设计绘制草图；最后写成项目计划书。项目教学注重学生主体作用的发挥和综合能力的培养，在制定项目计划过程中，教师要重视学生个性发挥，鼓励学生形成自己的特色。制定好计划后，教师要让每个团队的“项目负责人”介绍制定的计划，并说明设计理由。通过对项目计划的介绍，一方面可以提高学生的表达能力，另一方面，学生之间可以互相启发和学习。教师适当的把自己的见解和意见告诉学生，帮助提高计划的可行性。

2.1.2 实施项目计划

在实施过程中，要求学生注意两点：一是团队的合作精神和工作效率；二是要求学生认真记录每个操作步骤和过程。教师不仅要为学生提供充足的资源，而且要在学生实践操作过程中边观察边指导。学生在制作网页时，由于分工不同，处理图片的学生与设计版式的学生往往不是同一人，处理出来的图片经常会与布局规格不一致。教师要及时指导学生按照计划书的设计图进行设计，指导“项目负责人”组织好团队，与同学做好交流和沟通。有时候，计划书里一些预期的设计效果学生不能完成，如层的精确定位、FLASH动画的透明显示等，教师可及时进行指导，一方面可加深和巩固所学的知识点，另一方面，提高学生的学习积极性。

2.1.3 项目评价

学生在完成项目后，教师要求他们进行自评和互评。学生对各自项目自评，不仅有利于学生的自主学习，而且可以改进课程或教学的设计，其作用是重视学生学习主体，重视学生的反思，以促进学生的发展。学生互评是让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见，教师要引导学生尽量客观地从正面进行相互评价。

首先让每一组同学进行自评，完成自评过程后，请每一组以项目负责人为主，介绍本组设计的网站，在介绍过程中要求说明各自网站的设计的过程，遇到过什么问题，这些问题是如何解决的。其他组的同学可提出问题，让设计者解释网站所用的相关技术及特点，随后进行互评。在评价过程中要充分发挥学生的评价能力，适时引导学生通过自我反思和相互评价了解自己的优势和不足，学习别人的特长和优点，以评价促进学习，让学生在互评中相互学习、相互促进，共同提高。最后教师对各项目组的网站进行综合评价，这一工作很重要，是必不可少的。教师在评价学生网站时不能只进行优劣评价，而应该要指出问题所在，给出具体改进及修改建议等，让学生去完善网站。

2.1.4 项目归档及

项目完成后，归档工作也是网站工作的一部份。要求每个项目组对各自网站设计时的书面材料的右上角标注编号，并做好各种材料的目录表。对文本文件，图像文件，Flas文件、声音文件、视频文件，以统一的格式保存，做好这些文件材料书面记录。记录好在网站设计过程中使用过的软件名称、型号、版本号和相关参数手册、说明资料等。最后刻录好光盘，做好用户手册，并制作好电子文件的备份。

每个项目组，申请一个域名及网站空间，并把各自的网站传送至Web服务器中，完成站点的工作。进行市场化运作的项目交用户验收使用，并要经常对用户网站进行维护和更新，以提高网站的访问量，达到好地宣传效果。

实践表明，以项目为驱动的教学方法，有效地建立了课堂与社会现实生产生活的联系，使学生学习更有针对性和实用性，为以后进入实践和实习打下了基础；同时也有效调动了学生的积极性，充分发挥了学生的主动性和创新精神。

2.2 案例教学法

从《网页设计与制作》课程的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，层与导航、书籍专卖、旅游网站、房地产公司网站、个人网站等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学布局。在案例教学中，首先要确定掌握哪些基本原理，然后，再选择出能够说明这些原理、理论的案例来。具体实施步骤如下：

2.2.1 收集和整理素材

这是实施案例教学法的基础和前提。信息是网站的根本，根据网站主题内容收集各种信息资料。如学院网站包括：学院简介、专业简介、招生就业等内容资料。整理资料则是根据将上述收集到的资料进一步挑选和细化，收集到的网页素材应落实为站标、内容、导航栏等页面元素。将收集到的资料转换成网页所能识别的文件格式。我们可以在各类网站收集或自己制作所需的网页素材，以便在教学案例中使用。

2.2.2 选择和设计网页案例

在选择和设计教学案例时应注意几点：一是案例必须具有教学性：通过直观的网页案例可以形象生动的展示学习的目标，也使学生能明确所学知识的实用价值，从而提高学生学习的兴趣和积极性，这也是运用案例教学的主要目的。二是案例必须具有典型性：所选择的案例要能充分地考虑理论知识点和操作技能等学习目标，应遵循由简到繁，由易到难，循序渐进地原则。所选择和设计的网页教学案例更要能突出重点，突破难点，真正起到帮助学生理解如何制作和设计网页的作用。三是案例必须具有针对性：选择和设计教学案例应针对学生的实际兴趣和接受能力来选择，这样学生就会学得兴致盎然，教师的点拨也会事半功倍。

2.2.3 演示和讲解网页案例

通过案例演示，提出问题，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。将案例分解为若干个可行的任务，然后在一个个任务的驱动下，逐步完成案例的演示。一个网页案例往往包含了多个知识点，授课教师在讲操作时如果一口气把整个案例过程讲完，学生虽然能听懂，但不能记住。因此必须分步骤讲解，新知识点越多，步骤应分得越细。教师每讲完一步就要让学生练习一步，学生练完、练会后，老师再接着讲。这样直到学生一步一步地跟着老师把整个案例完成为止。教师在授课时一定要注意控制好速度，在讲到一些新知识点或学生操作比较生疏时，速度要尽量放慢些。一段时间后，学生有了一些基础，讲课速度可稍快些，特别是一些已经学过的知识点，可以快速讲解，甚至可以略过而只讲新知识点，以便多节省点时间给学生练习。

2.2.4 总结和应用

在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。

案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。

在《网页设计与制作》课程中采用案例教学法，让学生对网页设计的基本理论知识的理解和技巧的掌握更具体化。案例教学法对激发学生的学习兴趣、提升学生的学习效率作用十分明显。

3.网页设计实践环节

当学生已基本掌握了本课程的大部分内容时，可以布置一份综合作业，要求每位学生设计一个网站。要求学生对自己的网站要做到既有鲜明、统一的风格又有完善的内容，将页面的结构、图片的位置、链接的方式设置合理，做到网页布局的和谐统一，并且还要做到容易更新等。要做到这些，就必须在制作网站之前，对网站进行一个总体规划，然后再逐步进行设计。

为了让学生有良好的创作技巧和独特的风格，把综合作业布置之后，先让学生进行选题，构建出自己的网站结构，再上网查询相关的资料，然后对网站进行规划，写出书面的网站设计方案，教师对每个学生的方案进行审查和评阅，及时指出应改进的地方和存在的问题，符合要求了，学生方可开始制作。

3.1 培养自主学习能力和基于问题式学习能力

综合作业里贯穿着问题式学习方法，完成综合作业需要学生发现问题，带着各种问题，考虑自己要学习哪些内容，在课后自行学习课堂和书本上未曾讲过的知识，需要自行查找大量的资料，确定设计方案，独立完成从设计、测试、排除问题到实现的全过程，通过综合作业，培养学生灵活运用所学知识解决比较复杂的实际问题的能力。

3.2 培养团队合作精神

在实际工作中，很多工作都不是一个人能独立完成的，这就需要团队合作，以集体的智慧攻克难关。学生在完成综合作业的过程中，势必要遇到一些相对比较棘手或者百思不得其解的问题，这个时候同学之间的沟通与交流乃至合作是非常必要和有益的。在对问题的讨论过程中不仅能了解对同一问题的不同解决方法，更能加深对知识的理解，同时学生自身的能力也在这一过程中获得了提高。

3.3 鼓励学生勇于创新

在布置综合作业的时候，要给学生留有充分发挥的空间，鼓励学生勇于创新，最大限度地接触最新技术，鼓励学生敢于向难题挑战。在满足综合作业基本设计要求的前提下，鼓励学生自行添加附加功能，为自己的作品“锦上添花”。在网页设计综合作业中，个人网页设计精彩纷呈，有些没有讲过的技术，学生也能应用。学生的思维是非常活跃的，只要加以正确的引导，在建立了兴趣的基础上，他们总能带给我们“意外的惊喜”，甚至是惊叹，教师在这一过程中也能从学生那里学到一些新知识。

学生在完成综合作业以后，不仅仅增强了动手能力，巩固和提高了对知识的掌握和理解，更是极大地培养了创新意识与创新思维。我们只有让学生在快乐的基础上主动学习、实践，让学生在学习的过程中尝到成功的喜悦，感受到自身能力的提高，增强学习的主动性，才能够真正达到学习的目的，才能最大限度地将“以学生能力发展为本，培养学生的创新意识与创新思维”的教学理念渗透进教学中去。

4.结束语

《网页设计与制作》课程教学内容活泼多样，教学方法灵活多变，目的明确。实践证明，以上教学方法及实践环节，都充分调动了学生的学习积极性，体现了以学生为主体的思想，充分体现了理论与实践的紧密结合，学生既学到了理论知识也掌握了实践技能，提高了学生的技术应用能力，收到良好的教学效果。

参考文献

[1]刘英晖.探索项目导向法在《网页设计与制作》中的运用[J].制造业自动化,2011

(6):188-190.

[2]韩勇.案例驱动教学法在《网页制作》课程分阶段教学中的运用[J].电脑与信息技术,2010(4):68-70.

第9篇：网页设计方案范文

关键词:行动导向 教学方法 网页设计与制作

行动导向教学法以职业活动为导向,以人的发展为本位,是世界职业教育中比较先进的教学法。本文对行动导向教学法在网页设计与制作课程中的应用进行了探索,目的是通过教学改革,找到更加适合高职计算机应用学科的教学方法。

一、行动导向法的概述

1.行动导向法的概念

行动导向法以学生为中心,以能力为本位,以教会学生“学会学习、学会工作”为目标而开展教学活动。行动导向法是教师营造一种仿真环境和气氛,通过师生共同确定学习任务和目标,引导学生在学习过程中,心、手、脑并用,教、学、做结合,以达到培养学习兴趣、掌握专业知识和技能、提高解决实际问题和互助合作等关键能力的教学方法。行动导向法的核心是注重学生个体行为能力的培养,注重激发学生自主学习的积极性,引导学生在学习中自主承担责任、自主决断、自主选择和向实践学习,对于培养人的职业素质和关键能力有着十分重要的作用。

2.行动导向法的基本特点

(1)“以学生为中心”是行动导向法的基本理念

“以学生为中心”是行动导向法的一个基本出发点。教学过程中,学生是真正的“主角”。行动导向法提倡学生积极、主动参加到学习过程中来,对自己的学习负责。教师多以指导者和协调者身份出现,从教学过程的主要承担者淡出。

(2) “以能力为本位”,强调关键能力培养的重要性

行动导向法在培养学生发展专业技能的同时,特别重视培养关键能力(也称通用能力,即跨职业的、可迁移的、有助于终身学习的、可发展独立性的能力),使学生成为岗位适应性强和积极上进的高素质劳动者。关键能力是指与专业内容相联系的核心能力和技能,包括专业、方法和社会能力三个方面,具体表现为解决问题的能力、掌握学习技能、独立学习和团队合作等能力。行为导向法重视教学过程中学生的参与性和探索性,使学生的学习过程成为获得积极、愉快和成功体验的过程。

3.行动导向法的常用模式

行动导向法在教学实践中形成了多种模式,如案例分析、项目驱动、情景模拟、角色扮演等。行动导向法其目的在于有效地提高学生的关键能力,使学生学会学习、学会应用、学会创新。

(1)案例分析:是指把实际工作中出现的问题作为案例,交给学生研究分析,培养学生的分析能力、判断能力、解决问题及执行业务能力的培训方法。

(2)项目驱动:这是行动导向法中的一种代表性的教学方式。它以“项目”为形式,“成果”为目标,采取团队合作的方式,指导学生完成与教学内容密切相关的仿真学习项目。将一个相对独立的项目,交由学生自己处理。信息的收集、方案的设计、项目的实施及最终的评价都由学生自己负责。学生随着该项目的进行,了解并把握整个过程及每一环节中的基本要求。

(3)情景模拟:是指通过对事件或事物发生与发展的环境、过程的模拟或虚拟再现,让受教育者理解教学内容,进而在短时间内提高能力的一种认识方法。采用这种方式,学生可以在教师指导下,通过情景模拟,充分发挥主观能动性和聪明才智,培养分析解决问题的能力。模拟训练给人一种身临其境的感觉,更重要的是提供了许多重复的机会和随时进行过程评价的可能性,且成本较低。

(4)角色扮演:在职业教育培训领域引入角色扮演法,既可让学生体验未来职业岗位的情感,从而深化对学生职业能力的培养,又可使学生在感悟职业角色的内涵中,调动学习的内动力,把职业知识与职业技能与职业心理有机地结合在一起学习,形成良好、规范的职业行为,所以具有良好的教育教学效果。

4.行动导向教学法实施过程

行动导向教学法实施包括资讯、计划、决策、实施、检查、评估。每个环节都有教学目标要求、能力培养要求、工作方法要求和完成时间要求。在行动教学中,教师可以将一个合同项目分成若干个任务,每个任务可以作为一个教学小单元,每个教学小单元都按照这6个环节展开教学。

(1)资讯:教师布置任务,帮助学生理解工作任务的要求。引导学生用什么方式来获取完成一个具体任务所需要的专业知识和职业技能。

(2)计划:学生一般以小组方式工作,寻找与任务相关的信息,自己制定计划,进行工作过程步骤的设计,拟订检查、评价工作成果的标准。

(3)决策:学生自己比较计划,最后确定一个好的工作计划上交,师生通过讨论、交流共同找出设计方案的缺陷加以修正。

(4)实施:学生根据计划独立开展工作活动,完成设计和模拟,做好有关文字记录,教师监督纠正大方向。

(5)检查:在工作任务完成后,教师引导学生自查,师生依据先前拟订的评价标准检查工作完成的完整性、正确性和准确性,并逐项填写检查单。

(6)评估:任务结束后,学生首先自我评价所承担任务的过程和结果,然后与教师一起讨论评价结果,提出不足及其改进建议。

在行动导向教学中,学生直接参与学习过程。从收集信息、制订计划、选择方案、实现目标、反馈信息到评价成果,学生参与整个过程的每个环节,既了解总体又清楚每个细节,行动导向教学创造了使学生充分发挥潜能的宽松环境。

二、行动导向法在网页设计与制作课程中的应用案例――项目教学法

项目教学法是师生通过共同实施一个完整的项目工作而进行的教学活动。在职业教育中,项目是指以生产一件具体的、具有实际应用价值的产品为目的的工作任务。在网页设计与制作课程中使用项目教学法的实施过程是:

学习领域:网页设计与制作;

学习情境:静态网页设计;

目标群体:电子商务专业的学生;

授课时间:第一学年第二学期;

教学环境:多媒体机房、Dreamweaver 8、Photoshop、Flash、Fireworks;

教学目标:使学生能够依照要求使用网页制作软件工具自行制作、设计、编辑静态网页。

表1能力目标

行为

专业

能力 依照要求掌握网站建立的基本方法,能设计制作网页

方法

能力 正确使用电脑和网页设计软件对网页素材进行加工、处理,并符合W3C规范

社会

能力 小组间协同合作,完成各个项目

表2 教学策略

学习材料 组织

形式 教学方法 教学媒体

网页设计与制作

Photoshop图形

处理与应用 分组

形式 行动导向项目法 使用电脑,投影仪、网络、多媒体电子教室等

教学过程:

1.确定项目(教师向学生下达项目书)

全班每5~6人为一小组。组成原则为自由组合,每个小组选择一个主题制作一份网页,制作过程要求体现分工协作精神。

制作要求如下:网页设计一般要与企业整体形象一致,要符合CI规范。要注意网页色彩、图片的应用及版面规划,保持网页的整体一致性。要求体现对字体、颜色的使用技巧;能够体现对网页背景的设计技巧;能够体现网页文字排版的设计技巧;要求网页具有美观、实用性。时间15天。

2.制定计划

每个小组按要求分工,进行市场分析、网站目的及功能定位、网站内容规划、策划网站结构,网页设计的技术方案选择。制定工作计划和评价标准。

3.计划审核

小组内讨论审核工作计划,并上交教师,师生共同找出所设计方案的缺陷,并加以修正。

4.实施计划

上网搜索相关图片和文字素材,进行网页制作。

5.检查评估

(1)小组自评(20%)

整体构思与

制作是否相符(满分3分) 主题是否突出,是否紧扣要求(满分2分) 网页的实用性、美观性,创新性(满分3分) 分工协作

(满分2分)

(2)小组互评(40%)

组别 美观性

(满分2分) 实用性

(满分5分) 创新性

(满分3分)

(3)教师评分(40%)

组别 美观性

(满分2分) 实用性

(满分5分) 创新性

(满分3分)

三、对行动导向教学方法的几点体会

1.教师的工作重点应放在基于行动的教学设计上。课堂教学中,教师是咨询者和组织者,是课堂学习舞台的导演。

2.行动导向是通过“步骤”和参照所要完成任务的实际“工作过程”来导向老师和学生的行为。它改变了“一人讲,多人睡”的传统教学模式。

3.行动导向教学法的教学情境在教学内容方面,要对知识的选择有明确的指向性,要善于获得经验(怎样做)和策略(怎样做更好)的过程性知识,以适应行动导向教学方法的要求。

参考文献

[1]史平,秦旭芳,张研.高等职业教育的有效模式:行动导向教学法[J].辽宁教育研究,2008,5

[2]宋威. 行动导向法在高职金融专业中的应用[J].社会纵横,2009,1