高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网站设计的方法(汇总11篇)

网站设计的方法 第1篇

关于地方性的宠物网站和社区的机遇:我们都知道,就算是对运营资金和团队要求非常强的招聘网站,即使存在了几大巨头,但仍然阻止不了地方性的招聘网站在当地的成功。对于统一性远不及招聘性网站的宠物网站和社区,即使存在更多几个大型的已成功站点,但仍然无法做到“一统江湖”,特别是宠物的交流与买卖较多地受到地域限制,对于发展地方性的此类站点的站长提供了难得的机遇,因此,如果你所在的当地有较多的人养宠物,而当地还没有专门的宠物网上交易、交流站点的话,那么你尽可把做站目光投到这个领域,抓住当地的“先发优势”。而随着人们生活水平不断提高和许多独生子女无法陪家中父母情况的发展,人们对于宠物的需求必然呈快速上升之势,为市场的繁荣提供了保障。

当决定开始运营一个地方性的宠物类站点时,需要按照用户的需求和使用习惯来开设相应的网站模式,一是具有在线信息展示、图片展示和留言咨询的网站,二是具有方便交流的论坛型站点,这两种形式的站点类型能够满足宠物爱好者的实际需求。以下谈一谈如何全面地开展宠物类型站点的营销,从运营、推广到赢利一一解析:

1.网站的运营:对于地方性的网站的运营和发展,要充分依靠当地用户的支持和管理,特别是论坛的运营上,要积极地选拔和作用用户来做版主,这样能够激发用户对论坛管理和网站的热情,并通过口碑传播帮助网站推广。在网站的内容方面,则以宠物话题为主,同时兼顾本地生活和日常交流等增强用户凝聚力的话题,为了不断加深论坛对用户的吸引力,站长还应该隔段时间策划各种论坛线上和线下的活动,在增强论坛向心力的同时,还能利用活动举办的过程达到宣传论坛的目的。另外,在网站的版面设计上,要充分照顾不同年龄层次和不同电脑水平的用户,以简洁易用为主,防止走入到“好看却不好用”的误区。

网站设计的方法 第2篇

关键词:工学结合;教学改革;项目课程

Combination of Engineering-Based _Dynamic Web Design and Development_ Curriculum Implementation Methods

LOU Feng

(Tourism College of Zhejiang, Hangzhou 311231, China)

Abstract: _Dynamic Web Design and Development_ is a computer science an important professional compulsory vocational education, this paper, the teaching objectives, from the students point of view of practical skills, to explore the combination of engineering mode, how to better the completion of the teaching contents, in order to develop advanced applications to achieve the objective of fostering talent.

Key words: engineering integration; teaching reform; project course

高职院校是教学、服务类的院校,以服务为宗旨,以就业为导向,以能力为本位作为办学方针,实行工学结合、校企合作的教学模式。

然而现实中,高职院校的校内实训基地存在着缺乏职场化的实战环境,难以培养学生的实际岗位能力;校外实训基地又不能被很好的掌控,为教学服务,学生往往成为廉价或者免费的劳动力,从事的岗位工作往往和实际教学相脱节。这些都制约了高等职业教育特色的体现,也成为深化改革的“瓶颈”。

1 课程介绍

《动态网站设计与开发》是计算机专业必修课之一。该课程的教学目标就是培养学生独立设计与开发动态网站的能力。在国内,很多高职院校都开设了类似课程,并且把它作为了计算机专业的主干课程。然而,现在网站方向毕业生的就业情况却是毕业生找不到企业,而企业又找不到合适的人才,出现该问题的直接原因就是学生的网站建设能力不能满足用人单位的要求,所以我们必须认真探讨一下这门课程应如何教学的问题。

2 进行基于“工学结合”教学改革的必要性

经过几年来的实践,证明了《动态网站设计与开发》的“以案例开发为支撑,学生为主体,教师辅导、讲练相结合,小组协作完成”的课程理念与课程的性质和特色是十分契合的。虽然几年来《动态网站设计与开发》课程采用这样的教学模式应用取得一定的成效,但受实践条件限制,影响了学生的参与度和积极性。具体表现有如下几点:

1) 缺少实际的开发项目

因为,长期以来没有与企业有较多的业务往来,也没有较多实践机会接触企业网站,不了解他们的实际需求,因此在教学过程中主要的实践手段是虚拟开发,即虚构一个某某公司网站,以自己的主观意见代替企业的客观需要来完成需求分析,开发相应网站。这样,往往造成开发出来的网站无法满足企业需要的问题,并没有真正的可利用价值。

2) 缺少测试的环境

网站项目开发完成后需要有实际的运作平台来测试才能保证网站的正常运作,并能发现其中的问题和不足,但目前,在项目开发完成后只能进行简单的错误测试,以专业人员的操作去检测网站,往往不能考虑到普通用户的需求,造成测试结果存在较大的偏差。

因此,研究基于工学结合的《动态网站设计与开发》课程教学模式的应用,对于解决目前人才培养中存在的问题具有重要的现实意义,对于促进课程教学质量的提升无疑具有重要的意义。通过基于工学结合的《动态网站设计与开发》课程教学模式的应用研究,我们不仅可以实现了课程资源的优化整合,提高学生自主学习积极性,开展学生互动的效果评价,并实现教学模式在其他课程的推广应用。

3 基于“工学结合”模式的教学实施过程

本方案充分利用学校和校办旅行社的教育环境和资源,把以课堂教学为主的学校教育和直接获取实际经验的校外工作有机结合,贯穿于学生的培养过程之中。

多元化课程教学团队建设

教师是实现课程改革的关键。首先,课程开发和教学实施主体由“教育专家主导”转变为“社会需求主导”,即由企业、行业技术人员和学院教师组成,在课程开发和教学实践的不同环节中三部分人员发挥各自特长:

1) 企业、行业技术人员

工作任务:提出网页设计职业(岗位)或职业群(岗位群)包含的工作项目,以及完成这些项目需要的步骤。聘请部分企业、行业专家担任兼职教师,完成部分教学任务。

2) 职业教育课程研究人员

工作任务:指导团队对企业、行业技术人员提出的工作任务或项目进行分析,从而完成课程内容体系的构建分析。负责对改革过程的监控和组织改革效果评价。

3) 学院教师

工作任务:在职教课程研究人员引领下以工作分析为基础,按照工作任务模块对课程体系、课程内容进行转换,构建以工作体系为基础的课程内容模块化结构体系。承担主要教学实施工作。

在团队中,专兼职教师互为导师,取长补短。专职教师在兼职教师的帮助下提高工程实践能力;兼职教师在专职教师的指导下提升教学水平,形成了互补型的教学团队建设机制。

模块化项目教学模式

本课程构建了以“旅行社网站开发过程”为导向的模块化的课程结构。如图2所示。

本课程整个模块以典型的网站项目为核心,将一个真实旅行社网站分解到各个教学单元,强化知识点和技能点的训练,各个教学单元独立起点、前后相关、有序叠加,最后整合成一个完整的项目。在教学中采取多级项目教学,重视项目的完成,并实施情景导入、葫芦藤式的任务驱动、学做合一、小组协作学习等教学方法。

网络辅助教学模式

在整个教学过程中遵循“开放、自主、灵活、互动”的原则,即以网络环境为支撑,学生为主体,教师助导、讲练相结合,小组协作学习为补充。其基本框架如图3所示。

该教学模式包括学生自主学习、教师导学示范操作,小组专题协作学习和评价四个环节。

多元教学评价方式

由于采用了全新的教学模式,因此教学评价也应该改变以往“平时成绩+期末考试”成绩的评价方式,根据本课程的特点进行教学评价, 同时考核学生的知识、技能和态度等几个方面:

1) 考核学生项目团队的项目完成效果,主要考核内容是学生的网站设计方案书、建成的网站及运行维护效果,占40%;

2) 各个项目组及成员分别陈述自己在项目团队中的工作及实际效果,占20%;

3) 期末考试,主要是网站开发综合知识,占20%;

4) 平时学习态度,如出勤率、工作责任、团队配合、自评及他评等,占20%。

4 教学改革成效

在教学改革的实践中,为了更好地配合教学过程以及完善了实习内容,编写了完整的实习指导书。通过对教学过程的改革探索,极大地提高了学生的学习积极性,对解决学生的厌学问题很有帮助,学生的学习成绩和动手能力都有很大提高,得到实习单位和用人单位的好评。

参考文献:

[1] 娄淑敏.基于工学结合的高职计算机专业“网页设计”的课程改革探索[J].电脑教育:计算机教育,2009(6).

网站设计的方法 第3篇

随着网络技术的不断发展,人们的衣、食、住、行均与网络产生密切联系,网站设计蓬勃发展起来。影响人们视觉效果的因素较多,网站色彩是一个重要的因素,从某种程度上来讲,色彩搭配的好坏直接影响网站设计的成功与否。从色彩搭配在网站设计中的应用角度出发,先分析其具体原则,然后探讨具体的策略,旨在为网站设计的色彩搭配提供一定的参考。

关键词:

网站设计;色彩搭配;应用

色彩的魅力是无限的,即使是平淡无奇的东西,恰当运用色彩搭配后,同样可以变得漂亮起来。在当前的网站设计中,人们不再是单纯采用文字、图片等,而是要求更加美观、舒适,进而给网站的访问者留下深刻的印象[1]。鉴于此,在网站设计中,需要充分应用并发挥色彩搭配的作用。下文主要分析色彩搭配在网站设计的应用。

1色彩搭配在网站设计中的应用原则

在网站设计中应用色彩搭配时,需遵循以下四个原则,进而提高网站设计的效果,让访问者产生舒适、美观的感觉。

突出主题

不管是什么网站,它都有自己的主题,且设计操作均要服务网站主题。因此,在网站设计中应用色彩搭配时,需要了解网站的主题,以突出主题为目的,选择合适的色彩,形成自身独特的风格。比如对于从事金融经济的公司来讲,其色彩以蓝色、灰色为主,既可以体现公司文化,同时还能让访问者感到专业、沉稳[2]。

色彩搭配合理

网站属于一个开放式的平台,在网站设计的过程中,不仅要结合主题内容,而且还要确保色彩搭配合理,不能一味盲目求新。比如在女性购物网站中,如果选用灰色、蓝色等冷色系,则会给人一种沉闷的感觉,但如果以粉色为主色调,再合理搭配其他暖色系,则会让网站访问者感到温馨、柔和,愿意去浏览网站内的产品,产生购物的欲望。

具备艺术性

无论是色彩搭配,还是网站设计,其中都包含着艺术性[3]。因此,将色彩搭配用于网站设计的过程中,需要遵循艺术的规律,凸显网站主题时,需要满足人们的审美要求,使其具备良好的艺术性,进而可以具有艺术特色的网站。

2网站设计中应用色彩搭配的具体方法

做好色彩的调和

所谓色彩调和,指的是≥2种的色彩搭配,进而形成统一、协调的效果[4]。在色彩调和中,需结合实际情况,采取不同的方法,让网站的页面生辉,激起访问者的浏览欲望。第一,同种色彩调和。在色彩搭配中,对于同一种色相,在调和的过程中,可以充分利用不同的明度和纯度,有效弥补相同色相的单一感。比如在同一种色相中,利用明度的黑白灰,可以进行有效区别,并且产生一种微妙的韵律感。第二,类似色的调和。在色环中,如果色相之间比较靠近,那么在调和的过程中,其难度会比较低。因此,在网站设计中,当采用类似的颜色时,可以让网站页面更加和谐。此外,在类似色的应用中,其搭配度更大。第三,对比色的调和。所谓对比色,就是在色环里处于相对位置的颜色。在调和对比色时,需确保其具有强烈的对比,避免让网站页面显得太过突兀。第四,渐变色的调和。所谓渐变色,指的是颜色层次渐变的色彩。简单来讲,在两种颜色之间的混色,其实就是一种渐变色彩。在调和的过程中,需根据网站的需要,适当调和渐变色。通常情况下,黑暗和明亮的色彩会产生立体感和距离感,一方面,可以柔化视觉感,另一方面,还能增强空间感,让网站更具韵律和节奏。

注重色彩的对比

在色彩搭配的应用中,对于不同的颜色而言,其对比度不同,产生的效果也存在差异,并且还会让人在心理、生理上产生不同的感觉。第一,色相对比。在网站设计中应用色彩搭配时,需做好色相的对比。在确定主色相后,还要综合考虑其他颜色与主色相之间的搭配,凸显网站主题。通常来讲,两种色相越接近,就越能体现出柔和的对比。第二,明度对比。在明度对比度中,包括彩色差与非彩色差。在不同的色彩中,其明度差也会存在差异,它主要是不同色彩明暗间的差别。在人们的视觉中,主要是通过色彩的层次、空间等,造成明度对比,比如柠檬黄明度高,蓝紫色的明度低。因此,在色彩搭配的过程中,需注重色彩的明度对比,使其更加符合网站设计的要求。第三,纯度对比。所谓纯度对比,指的是在不同的色彩间,其纯度差别形成的对比。通常情况下,纯度对比可分为三种,即高、中、低。利用好纯度对比,可以更加明确色彩效果。第四,面积对比。在色彩搭配中,对于同种色彩来讲,其面积范围比较大时,纯度、明度就比较强;当面积范围较小时,则相反,人们将其称为色彩的面积效果。因此,在网站设计中应用色彩搭配时,需要结合不同色彩占据的面积大小,合理应用面积对比。

色彩搭配的相关注意事项

在网站设计的过程中,不仅要注重色彩的调和色彩的对比,同时还要注意以下几点:第一,注重网页颜色的设计。网页设计是网站设计的一个重要组成部分,若设计不当,比如色彩搭配混乱,则会造成网页缺乏协调感,让人觉得眼花缭乱,缺乏内在美。因此,在网页的色彩搭配中,并非是颜色越多越好,而是要尽量控制在3-4种颜色,并且以某一种颜色为主色调,然后利用其他2-3种颜色,让网页显得和谐、统一。第二,合理选择图案。在网站设计的过程中,要想让网站更加吸引眼球,在选择背景色时,应选择比较简单的图片,同时搭配一下可以产生对比的色彩,以此来提高网站的可视效果。

结束语

综上所述,在信息化背景下,网站设计行业日渐繁荣。在网站设计中,色彩不仅可以体现网站的外表,而且还能体现出网站所要传达的公司文化等。因此,在应用色彩搭配时,需要符合其应用原则,即突出主题、色彩搭配合理、具备艺术性。具体来讲,设计者需要做好色彩的调和,注重色彩的对比,同时注意网页颜色的设计、合理选择图案,提高网站设计效果,吸引访问者的眼球,并产生深刻的印象。

网站设计的方法 第4篇

一、我国普通高校门户网站总体概况

目前,我国普通高校大部分采用的是比较先进的网络技术PHP结合DIV+CSS布局研发而成的学校类大型网站,根据学校的发展理念及办学宗旨设置网站的主色调,建立图文结合、前台简洁大方、后台功能强大、操作简便的大型门户网站。网站各个栏目分类明确、细致,主要内容涉及学校行政工作、党建工作、教学工作、学校简介、招生宣传、教学科研成果等。

二、我国普通高校门户网站建设中普遍存在的问题

1.信息更新不及时

我国普通高校门户网站中普遍存在信息更新不及时的问题,导致了上网查看的部分信息与实际信息不符等现象。更新不及时的信息包括:学校热点新闻、招生信息、办公信息等。学校的热点新闻体现学校整体办学的活力;招生信息尤为重要,如果招生信息与事实不符会遭到学生质疑;办公信息是对外建立合作的接口,学校想要长足发展对外联系必不可少。所以这些信息不及时更新将会导致门户网站逐渐失去用户群体。

2.用户群体的体验性

一个优秀的高校门户网站必须给用户群体更好的体验。有些高校门户网站为追求整体效果,设定过于复杂化的链接以及过多的图片或广告,导致浏览者失去了浏览的兴趣,进而导致学校生源流失。

3.网站运行的安全性

确保学校网站的安全性,才能够长期为师生提供优质、稳定的服务信息,也是学校和谐发展的必要条件。当前各高校网站存在的安全隐患主要有计算机的系统漏洞、计算机病毒的传播、外来系统的攻击、内部用户的攻击以及垃圾邮件和不良信息的传播等。这些安全隐患对学校网站安全构成了严重的威胁,也对网站运行造成了不利的影响。

三、我国普通高校门户网站存在问题的解决方法

1.提升网站更新的即时性

(1)学校领导的高度重视是网站运行的保障。高校门户网站建设以来,领导的高度重视是不可或缺的,学校领导针对学校网站的更新能提出关键性的意见及建议,可以说是学校网站内容的总规划师。

(2)各个部门的积极配合是高校门户网站能够顺利运行的基础,如果没有每个部门的大力协助,网站管理员是无法管理网站的。

(3)全体师生的大力参与是网站运行的动力。全体师生的参与也是极为重要的。他们在浏览网页中发现的问题或者有什么新的提议都应及时进行反馈。针对反馈意见,进一步完善网站相关问题,可将学校网站做得更好。

2.需求用户的体验性提升

(1)优化网站图片,减轻网站运转负荷。高校门户网站如果图片过多、过大则会导致网站运转负荷增加,加载缓慢,影响用户体验。那么我们必须对网页上的图片进行优化。

网站设计的方法 第5篇

关键词:项目教学;主题网站;设计

一、引言

《主题网站设计》是苏科版初中信息技术必修教材最后一章的内容,其目的是希望通过网站设计,将信息获取(确定主题、搜集资料)、信息处理(文字处理、表格处理、图片处理和多媒体信息处理)、信息(在因特网上网站)综合运用于网站设计中,既复习巩固信息处理的基本知识和基本技能,又培养学生综合运用信息技术的能力,通过实践活动提高学生的信息素养。

在以往的《主题网站设计》教学中,教师基本上按照课程的教学大纲进行授课,在授课的方法上又基本以讲授为主。在这类教学模式下,学生一直处于被动地接受信息的状态,学习的自主性和相互合作的能力难以培养,学习的兴趣也难以持久;而且由于教师过分重视网页制作工具和方法的讲解,过分强调学生为完成教师布置的任务而学习,导致各知识点之间的学习是割裂的,学生在实际参与网页制作的时候不能灵活运用所学的知识。结果常常会出现这样一种现象,直到本章学习结束时学生仍不知道如何设计与制作一个主题网站。

针对目前学生的学习情况,笔者在教学中大胆引入了项目教学法,取得了较好的效果。

二、项目教学法概述

(一)项目教学法的概念

项目教学法(Project-based learning,PBL)指的是学生围绕所选取主题进行的一系列探究和实践、展示并分享等的学习活动[1]。它最早是由杜威的学生基尔帕特里克于1918年首先提出的。20世纪70年代,美国伊利诺斯大学的丽莲·凯茨教授和查德等人提倡将项目教学活动引入教育中,并在实际运用中取得了很好的效果。项目教学法要求在教学过程中,以完成一个个具体项目为线索,把教学内容巧妙地隐含在每个项目中,让学生在实践中发现问题,并经过独立思考和教师指导解决问题,学会自我学习的方法[2]。

(二)项目教学法的作用

项目教学法是一种以学生为中心的教学方法,其最显著的特点是“以项目为主线、教师为主导、学生为主体”,改变了以往“教师讲,学生听”的被动教学模式, 创造了学生主动参与、自主协作、探索创新的新型教学模式。项目教学法不再把教师掌握的现成知识技能传递给学生作为追求的目标,或者说不是简单地让学生按照教师的安排和讲授去得到一个结果,而是在教师的指导下,学生去寻找得到这个结果的途径,最终得到这个结果,并进行展示和自我评价,在这个过程中锻炼各种能力[3]。

(三)项目教学法的一般流程

项目教学法强调以学生为中心,注重小组交流合作,要求学生借助真实世界中的多种资源探究生活中的真实问题。通常,其流程/操作程序分为 6 个步骤(如图1)。

1.选定项目

项目是以制作一件具体的、有实际应用价值的作品为目的的学习任务。项目可大可小,一般是教师根据本阶段的教学内容和教学目标制定出一个个任务,在创设的实际或虚拟的情境下,和学生一起探讨、选择主题,最终确定要实施的项目任务。

2.制定计划

项目计划主要指学习时间的详细安排和活动计划,教师在整个项目教学过程中对学生起到引导的作用,学生对项目安排要有整体的布置。在项目教学的实施过程中,事先要对相关知识的内容做一个系统的计划。有了详细的安排计划以后,便于教师的布置和学生的自我调整,教师在整个活动中起到监督、调节、辅导和评价工作。

3.活动探究

活动探究是指学生通过实地的调查研究、考察和参观、课堂学习等形式,在学习基本知识的同时探讨项目制作所需的素材和资源,同时掌握最基本的技能。在活动的过程中,学生对活动内容、活动时间和活动感触进行必要的记录,对收集到的信息进行处理和加工,最终得出问题解决的方案或结果。

4.作品制作

作品制作通常会与活动探究交融在一起,边探究边制作作品,学生运用在学习过程中所获得的知识和技能来完成作品的制作。通过作品反映他们在项目学习中所获得的知识和掌握的技能。

5.成果交流与展示

项目教学法区别与常规教学的典型特征就是成果交流与展示,在作品制作阶段学习小组要展示项目成果,并讲述项目活动的过程。在此过程中,分享项目学习过程中的收获和感受、发现的问题及解决的办法等,同时弥补自己的不足。

6.活动评价

对于项目教学的方法来说,评价包含两个方面:一是对项目结果(项目作品)的评价,如计划的合理性、项目完成情况及作品的质量等;二是对项目过程(完成项目的整个过程)的评价,如小组合作精神、参与意识以及每个步骤的完成情况等。对这二方面的评价可以自己做出对自己成果的评价,也可由教师来作出评价。通过相互之间的评价,有助于提高学生的观察能力和自我认知能力,还有助于学生对项目的理解和对同伴的理解。

三、项目教学法在《主题网站设计》课程中的实施

(一)精心选择熟悉而又感兴趣的项目主题

在采用项目教学法来制作主题网站时,首先应该要求学生能够精心选择既熟悉而又感兴趣的项目主题——网站的主题,再通过完成项目来使学生掌握设计与制作网站的知识与技能。

项目主题的选取应选择范围比较小,比较直观、贴近生活的主题。这样可以方便学生收集与整理制作网站的素材,有利于学生相互之间有共同的话题进行探讨,充分地激发他们的学习兴趣,并有助于维持学生学习制作主题网站的动力。在选择合适的主题时,可以本着学生自愿、教师统筹调整的原则,把班级的学生分成若干小组,每个小组5-6人。每个小组成员尽量“高低搭配”,让学习基础和能力高的学生与能力弱的学生组成一个小组,小组成员自行商量所要设计与制作的主题网站项目。也可以以小组为单位,直接在教师事先准备好的一些主题网站项目中进行选择。通过这种方法,学生所选出的主题基本上都是学生比较感兴趣且熟悉的主题,如“舌尖上的南京”、“我们的班级”、“南京的老城墙”、“南京的民国建筑”……而且由于小组成员间的高低搭配,使得学生在后面的学习过程中,小组成员之间可以互帮互助,以优带劣,共同完成自己的项目。

(二)认真做好项目计划

选定设计与制作网站的主题后,接下来是各小组独立制订项目计划了。项目计划制定的好坏将直接影响到后面的网站设计与制作的开展与实施,因此,在做计划之前,教师要带领学生认真学习如何进行网站的规划,让学生了解设计、制作一个网站的基本步骤。同时,教师要根据设计与制作该主题网站学生需要掌握的知识点情况、班级学生的学习与制作能力状况及留给学生来设计与制作主题网站的课时数,综合给出项目计划的参考的建议。学生根据教师给出的参考建议,结合小组成员讨论的结果制订出本小组设计与制作主题网站的详细计划,并以表格的形式列出。例如:可以制订“项目进度计划表”、“网站总体设计与资料收集任务分配表”、“网站栏目划分及后期任务分配表”等(如图2)。

网站设计的方法 第6篇

我国电子商务的发展情况还处于起步阶段,存在着物流发展滞后、应用范围狭窄、安全性较低、诚信度良莠不齐等问题,而有政府属性的区域电子商务平台因其具有广泛的公信力,得到企业与消费者的青睐。当地企业能够利用电子商务平台掌握经济数据,了解政策信息,提升企业的全球市场竞争力。

一、长吉图开发开放先导区概况

长吉图地区是中国图们江区域的人口经济核心区,包括吉林省长春市、吉林市部分地区和延边州,区域面积有万平方公里,人口达1100万。2009年,_正式批准了图们江区域合作开发规划纲要,以长吉图为开发开放先导区带动吉林地区一体化发展。长吉图开发开放先导区建设正式提升为国家级战略,成为第一个国家批准的沿边开发开放区域的综合规划,长吉图开发开放先导区建设成为引领带动吉林省经济社会发展的核心战略。

二、长吉图开发开放先导区产业结构特点

吉林省的三大支柱产业是汽车、石化、农产品加工,吉林省的优势产业有医药和电子是。自2004年以来,这五大产业的增加值和利润比始终稳定在全省整体规模以上的工业值70%左右,在全省经济中发挥着十分重要的作用。

除此之外,旅游、金融、电信、物流、会展等现代服务业快速发展,对全省经济增长的贡献的比例明显上升。

现代高新技术产业,如光电、生物与医药、新材料、新能源等也得到进一步的发展。将传统工业产品升级为精细化工商品,例如将石油化工延伸到煤化工品、气化工品、生物化工和化纤材料等。推进高附加值的深加工业的发展,如延长农产品的产业链等。加强特色加工,如特殊矿产和特殊农牧产品的精细加工,吉林省的矿产加工、人参、貂皮、鹿制品、雪蛤等珍贵特产药材的深加工等,以及工业技术的研发产业与高端制造业所需要的相关上下游服务业。

三、长吉图区域电子商务的优势

随着电子商务技术与理论的发展,我国的区域化电子商务平台体系已经初步形成。在区域化电子商务模式中,消费者通过对商家的多角度了解后,直接到商家的商铺消费,成为忠实消费者;商家拟定消费者群体后,进一步明确消费需求,再次开拓消费者的潜在需求,使商家的品牌核心价值在区域性的潜在消费者中得到深度认可,区域化电子商务平台的优势就更加明显。

(一)区域化电子商务加速产业的全面发展。基础设施的建设是长吉图地区产业发展的重要支撑之一。结合长吉图产业发展建设布局和对外经济贸易的需要,充分发挥长春、吉林的大城市带动作用,加速延边地区的商品与服务的市场化进程,为长吉图地区的商品流通与经济发展提供有力的支撑。

(二)区域化电子商务加速产业发展的城市化进程。推进城市化进程与提高居民生活质量是长吉图产业结构升级的初衷,发挥城市群优势对长吉图区域的有序升级起着载体与标致的作用。加强长春、吉林大城市的经济先导职能,依托中心城市周边地区构建产业一体化的城市功能,增大中心城市化的产业辐射半径,促进长吉图产业空间地域体系的迅速形成。

(三)区域化电子商务加强国内国际分工合作。长吉图开发开放先导区电子商务平台可以为边界贸易增长做出更多的贡献。完善投资环境,促使日本、韩国资金、技术与产业的转移,促进传统工业与现代服务业领域的紧密结合,为长吉图地区招商引资提供智力支持。

(四)区域化电子商务能够促进企业经济发展。在区域性的综合电子商务平台中,所有企业、产品、服务都聚合在以城市为单位的网络商圈中,形成区域性的企业集群、区域性的产品市场和区域性的服务市场。

(五)区域化电子商务更能满足企业需求。区域化电子商务平台上的大多数实物商品都具备切实的使用价值,商家在日常经营过程中,具备天然的地理优势,因此在定位消费者需求以及制定市场战略方面,区域性电子商务能够让企业寻找到适合自身的出发点与经营模式。

(六)区域化电子商务能够宣传本地文化。区域电子商务平台主要集中汇集区域特色行业与产品,是区域经济、文化、地域品牌宣传的一张名片,充分展现了区域经济优势和地方文化特色。

(七)区域化电子商务能够为消费者提供目的明确的特色服务。不论是区域内还是区域外的消费者可以在这个区域电子商务平台上找到自己有针对性的商品和优化的服务,并得到更加专业化的一条龙服务,得到最大的实惠,提高了消费者的消费品质和购买效率。

(八)区域化电子商务能够促进物流网络的建设。区域化电子商务既可以活跃区域经济又可以降低物流成本,进而提高物流公司效益、促进物流行业发展。区域化电子商务与物流网络的建设的相互促进的良性循环。

四、长吉图区域电子商务的发展前景

随着长吉图区域经济布局的进一步完善,加快区域经济的发展,提升区域的竞争能力成为地区发展的首要问题。在这一过程当中,以吉林特色为代表的区域化电子商务平台对整个区域经济发展的促进作用开始显现,并逐步成为经济发展引擎。区域化电子商务促进了城市电子商务的发展,优化了区域产业结构,提高了区域生产效率,并推动了整个区域的经济发展。

长吉图开发开放先导区电子商务网站的建设,将消除传统企业以往所赖以立足的划分局限,使企业在面对本地同行业企业竞争的同时,还要面对外省市乃至国外同行业企业的竞争。因此,长吉图开发开放先导区电子商务的发展利用互联网和信息技术优化商业服务模式,获取长远竞争优势,帮助特色企业发展成为吉林地区的行业龙头,并成为经济发展的重要引擎。

网站设计的方法 第7篇

Three Psychiatric Specialist Hospital Website Group Design and Realization

Wang Bo

(Xi'an City Mental Health Center Shaanxi Xi'an 710061)

【 Abstract 】 objective to: The hospital site for the public to provide one-stop service. Method: Application of the fourth generation website group thought and technology management system, Website development tools Visual studio Net 2005, Windows Server 2008 operating system, Microsoft SQL Server 2003, Oracle 10G database and CA digital certificate technology development. Result: Integration of existing hospital resources, integration, information sharing, service for patients with hospital website group solution, greatly improving the physician-patient interaction information efficiency, promote the development of hospitals. Conclusion: Hospital website group application is the hospital achieved very good social benefit and economic benefit, but also for the future to realize the regional medical information sharing and lay the foundation for.

【 Keywords 】 website group; data sharing; resource integration; character design; database.

1 引言

目前,西安市精神卫生中心医院网站建设模式和服务方式已不能满足公众的需要和卫生事业发展需求,建立三甲精神专科医院网站群是加快院门户网站建设,整合信息服务资源,建立院务公开和服务项目目录,为公众提供一站式服务的必然要求。

网站群建设技术发展已经很成熟,从第一代的自然网站群系统发展到第四代网站群内容管理系统。医院建设的“三甲精神专科医院网站群”着力解决目前建设中存在的信息不能充分共享,不能统一管理,不能统一升级,不能实现全网联合检索的问题。网站群建设过程中我们积极借鉴使用第四代网站群思想和技术。

2 建设思想和目标

网站群的建设是以服务我国卫生改革与发展为出发点,以保护人民健康、满足人民群众需求,向社会公众提供优质服务为建设思想。

网站群建设以实际需求为导向。实现医院网站信息资源和服务资源的有效整合,达到网站群统一部署建设,统一建设标准、内容管理、数据存储、受理公众意见的技术目标,并采用集中管理与分级分类的服务模式,给公众提供网上办公、解答疑问等互动交流服务,最终达到提升和改变工作服务方式,提高工作效率的目的。

3 建设原则

1)统筹规划、分布实施:充分考虑现已有的信息和资源,兼顾长远发展,采用统一规划,分布实施的办法进行及建设。

2)及时准确、方便群众:依法及时分布与医院有关的信息,确保信息权威、准确、全面。

3)美观大方、实用好用:网站群的页面要美观、简洁、大方,体现更好地服务于公众、方便群众的设计思想;按照面向用户对象和生命周期设计网站内容。在栏目的设置、版面布局、内容层次、浏览操作、搜索引擎等方面方便使用者,并有所创新和探索。

4 网站群设计

建设内容和技术特点

网站群建设将综合运用计算机技术、网络技术、通讯技术、信息安全技术,本着实用可行着眼未来的原则,建立运行维护制度、质量考评标准、服务质量控制体系等内容。达到互动交流、资源共享、一站多用的目的,实现医院网站群服务的现代化、规范化、科学化。着重建设好几个应用系统:网站服务平台、信息管理系统、互动交流系统、后台管理系统、互联网应用系统入口、网站质量控制平台、督查督办系统、邮件管理系统。

安全性:网站设计形成在各层次之间,呈立体状的全面安全管理与控制体系、

先进性:系统网格结构、硬件设备选型、技术架构设计、软件平台选型、开发工具软件选型符合技术发展的先进技术产品和平台,确保系统的先进性。

实用性:在满足功能需求的前提下,要适应医院各个部门、各个科室的工作特点,做到简单、实用、个性。实现统一身份的资源管理、统一认证、个性化界面和内容定制。

可扩展性:系统结构充分考虑现有和将来系统的连接及应用的扩展。

稳定性:系统应在高效性能的基础上保证系统的稳定性,兼顾平衡、协调高效与稳定指标。

美观性:在突出医院工作严谨风格的基础上,实现具有医院文化色彩、独特的专业设计。

可伸缩性:系统采用积木式结构,整体结构要考虑现在和将来的发展,为其留有增减余地。

开放和可移植性:选用开放的应用平台,采用互联网与平台无关的.NET技术开发,以标准的接口与各种数据库相连。

网站群架构与栏目设计

医院网站群系统整体架构图,如图1所示。网站群基础设计建设主要从网络、硬件、软件三个方面考虑。

网站群建设要从长计议,系统网络的设计以高可靠性、高安全性、高性能、良好的可扩展性和管理性为原则,考虑技术的成熟性、先进性,采用层次化、结构化的设计方法。路由器、局域网交换、安全设备要考虑使用医院信息化统一平台网络安全设备来接入。网站硬件数据库服务器和存储设备采用双冗余方式,网站WBE服务器使用两台互为热备,用VPN保障应用系统的开展。流量控制服务器上一定要部署防篡改系统,这一点非常重要。医院基础网站群架构拓扑图件,如图2所示。

服务器的设计和选型按高可靠性、高安全性、开放性好的原则配置应用服务器、数据服务器,采用目前市场上的主流机型,并通过配套的软件组成双机互为备份,服务器支持CPU的板级升级和节点的平滑扩充。

系统软件选用微软的Windows Server 2008企业版作为操作系统软件,使用Oracle 10G企业版为主要的数据库平台,兼用SQL Server 2003企业版上开发的业务应用。其他应用平台按照高可靠性、高安全性、开放性好的原则来选择配置即可。

网站群数据库设计

数据库是网站信息存储汇集的地方,是网站建设的关键所在。医院网站群的数据库结构是以实现医院各级业务部门及相关单位的信息系统网络互联互通、信息资源共享,以及与医院综合信息管理平台的互联和数据交换为基础建设的,该数据库采用Oracle+SQL,对网站群大量增加的访问信息、文本文件、图片信息等进行管理。

医院网站群的数据库模块结构包括:总站整体管理模块、子站管理模块、信息管理模块、用户互动交流管理模块、部门机构管理模块、新闻类型关联管理模块、网站质量评价评估管理模块、用户权限管理模块、用户角色管理模块、业务扩展管理模块。数据库设计要充分考虑服务平台统一性、级别权限划分的灵活性的应用系统的融合性,按照统一考虑、分期开发、科学规划的原则进行分模块的设计规划和实施。

为了保证医院网站群互联互通的平滑性,并使得系统群的管理、统计、分析、数据采集、整理、传输等功能的运行稳定安全,结合医院网站群建设实际的需求,应用了多种开发工具。

网络平台软件:Microsoft Windows 2008 Server;Web服务器:Microsoft IIS Server;客户端平台:Microsoft Windows xp/ Microsoft Windows 7;客户端浏览器:IE/360浏览器等目前主流浏览器;Web数据库:Microsoft SQL Server 2003、Oracle 10G;MAIL服务器:Microsoft Exchange Server 2000;网站群开发工具:Visual studio Net 2005;整合网站群数据库开发工具采用Visual InterDev数据库系统。

网站群安全性设计

网站群系统是接在医院综合信息管理平台上,底层安全由医院综合信息管理平台提供保障。为了防止服务器发生意外或受到意外攻击,而导致重大损失,服务器采用几项管理措施:服务器内部管理账户的分配规范;服务器端口的安全管理;服务器内磁盘空间权限的分配设置规范;服务器不安全组件或服务的管理规范;信息过滤系统的使用;日常日志的分析与管理。

网站群栏目结构设计

考虑到访问群体分布的地域性、年龄阶层、网速、阅读习惯等问题,如何在网站中建立合理、有效、良好的人机对话界面,特别是人机交互系统的问题。为此,在栏目结构上使用首页和一级页面之间采用星状链接结构,一级与二级页面之间用树状链接结构。首页链接指向一级页面,一级页面链接指向二级页面。立体结构呈发散形状。这样的链接结构浏览时,一级级进入,一级级退出,使网站群条理清晰,访问者浏览信息简单明了,通过应用程序开发实现相关页面之间相互链接。

网站群页面设计

网站群页面的设计要考虑到版面整体规划设计;医院VI形象的统一;网站群页面色彩的运用等方面。

5 结束语

三甲精神专科医院网站群的设计与实现,它整合了医院现有资源、实现了统一集成、信息共享,服务患者的需求,极大的提高了医患信息互动效率,促进了医院整体的发展。医院网站群的应用使医院取得了非常好的社会效益和经济效益,也为未来实现医疗信息的区域共享打下基础。

参考文献

[1] 王波. 基于 精神专科医院门户网站设计与应用[J].中国数字医学,(8):103-104.

[2] 王波,王志涛. 基于C#.NET与的医院门户网站平台系统设计与开发[J].医学信息学杂志,(12):30.

[3] 肖嘉.网页设计与网站开发基础教程[M].西安:西安电子科技大学出版社,2005:489-490.

[4] _信息安全等级保护评估中心.信息安全等级保护政策培训教程[M].北京:电子工业出版社..

网站设计的方法 第8篇

网页内容布局

在使用Dreamweaver8进行页面布局设计时,通常使用表格来定位页面中的各类元素,常用的页面布局形式见下图,它主要包括顶部的 Logo区、Banner区、上面的导航菜单区、中间的页面内容区、底部的版权区、左边的栏目区等几个部分组成。

丰富页面内容

可以通过插入多媒体资源的方法来进一步封面页面内容,对应的媒体资源包括:

(1)插入Flash格式的动画文件比如swf。

(3)嵌入声音文件比如wav、aif、mp3等,插入方法和插入视频的方法类似。

添加超链接

在Dreamweaver 8工具中,可以加入超链接,比如“文字链接”、“图像链接”、“图像地图链接”、“内部链接“、”外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”、“跳转菜单”等。

网站上传测试

3 结语

在常规的网站建设过程中,Dreamweaver是现有常用、首选的设计工具,但是网站设计是一门系统学科,仅仅依赖Dreamweaver是无法全面了解网站建设的精华;但是Dreamweaver对于网站建设、网页设计来说的确是一种入门的工具,可以满足简单网站设计的需要,这对于网络技术传播和发展具有积极的意义。

参考文献:

[1]郑军.任务驱动教学法在网页设计与制作课程教学中的应用[J].无线互联科技,2013(05).

[2]单永杰.项目教学法在网页制作课程教学中的应用[J].辽宁师专学报(自然科学版),2013(01).

[3]朱彩华.《网页设计与制作》课程教学方法的研究与探讨[J].无线互联科技,2013(05).

网站设计的方法 第9篇

1.1满足网站的设计需求

软件是反映现阶段网站形象的主要介质,而网站是各行各业信息的宣传工具,是各个团队组织表达形象的重要窗口。对于网站的设计,不论是商业性网站还是非商业性的网站,都想要用以最少精力的投入获得最好的宣传效果。软件是满足网站设计这一需求的重要出口,因为软件能够为各类网站的合理性设计提供目标方向。像Photoshop、CorelDraw、Page-Maker等,这些软件都可以帮助各个团队组织获得一个更好的运行模式和宣传效果。当前,利用数据库的管理和运行特点来对网站进行设计是实现网站设计合理性的有效模式。

1.2降低网站维护的人工成本

网站在建立后要对那些信息内容较多、流量大的网站进行维护管理工作,这是保证网站信息时效性的主要方式之一。网站管理员的工作就是对每天的页面内容进行更新,如此庞大的工作量对网站维护的管理工作是极大的挑战。

(1)网站维护人员要找到相关的更新资料;

(2)就是做出相关的页面内容;

(3)才是对网站的更新。这对于那些流量小且时间充裕的网站维护管理人员来说是可以的。一旦所维护网站的规模较大每天需要更新的新闻或者是公告等信息内容较多,那么就会给网站维护的工作人员带来了难以完成的工作量。为解决这一问题,可利用软件这一信息数据库来降低人员的工作量。具体的操作为将要的信息内容导入数据库,并使用ASP技术把数据库中的信息内容直接放到网站的页面上。这在很大程度上降低了网站维护的人工成本,使得新闻、公告等信息在页面上可以以直接更新的形式来保证网站的信息流动。

1.3提高网站设计的质量

网站设计整个的开发过程是复杂而繁琐的,这就使得网站设计必须以技术先进、界面整洁、维护功能齐全、操作简单为设计方向。通过研究软件工程学的设计理念来确定网站开发的整个过程框架,使之按照合理的设计步骤有计划、有方法地分阶段进行。这样的网站开发在很大程度上提高了网站设计的质量以及工作效率。现阶段软件工程学衍生出的动态模式有层迭样式技术、文本对象技术以及编程脚本技术,这些技术应用于网站设计实现了网站界面的生动性和丰富性。网站设计处于信息化的时代背景下对界面效果的设计需求越来越高,这在一定程度上增加了网站运行的成本。所以,越来越多的网站使用了数据库的运行和管理技术来进行网站设计,也就是B/S结构的网站设计技术。

2软件与网站维护

2.1实现数据库连接

要运行一个具有较大规模的网站是离不开数据库的存储与连接作用的。依靠人工操作的管理方式,根本完成不了具有庞大信息量的浏览器更新管理的任务。然而,数据库的连接这种技术在很大程度上满足了网站信息的查询更新的需求。浏览器作为客户端主要的操作平台,而Web服务器是一种基于IIS服务器或PWS服务器的个人服务器。为了提高网站信息数据的更新效率,当前Web网站大量的使用动态网页设计。这类网站的信息数据是通过数据库运行管理来的,其具体的操作方法是将信息数据存放于网站维护的后台数据库。Web服务器要想实现访问网站后台数据库中的信息数据,可以通过HTML内嵌式语言的PHP技术来进行转化。PHP是一种英文超文本预处理语言,是一种将服务器端执行的任务嵌入HTML文本档中的脚本语言。PHP的运行过程结合了C、Perl、Java的语法可以使动态网页得到更加快速的执行。与此同时,还可以将运行的程序嵌入到HTML文档中去执行,这极大地提高了网站设计的工作效率。这种技术几乎能够执行市面上所有的信息数据库,实现了C++、C在进行程序运行上的有效扩展。

2.2B/S结构的技术模型

B/S结构的技术模型能够解决网站缺乏互动性的技术局限,是一种三层的C/S结构,其中具备二级的Client/Server模式。第一级C/S结构的作用是为Web提供www服务,而且还能为客户端浏览器提供浏览的服务。具体的服务内容为:给Web安装上预先建立的页面文件。这些页面的计算机编程语言包括JavaScript、VBScript脚本的语言、DHTML标注的语言以及客户端的HTML语言等。网站设计的服务器将执行的内容转化成HTML语言并传递到客户端上,客户端软件就会对这些执行内容进行解释最终显示出结果。C/S结构第一级的工作模式是把Web通过数据库的运行管理转化为C/S结构的运行模式。然后再通过CGI技术或者其他的技术方式使Web服务器端与客户端进行信息互动。以往的网站设计采用的结构模型仅限于C/S结构。这种条件下设计出来的网站没有互动的功能,而且页面的更新速度也慢。对于非商业性网站来说这些功能的缺乏是致命的,根本不能实现团队组织的宣传效果。而对于商业性网站来说数据库运行管理的使用也仅限于信息检索、用户的登录注册等方面,对于页面信息的更新仍要靠大量的工程技术人员进行人工操作。这在很大程度上增加了网站运行维护的经济成本。

网站设计的方法 第10篇

关键词:中观视野;单元教学;网站设计与评价

新课程标准强调:中小学教学要与生活接近,要激发学生的学习兴趣,要学会合作,培养学生的实践能力和创新能力,但是实际教学中单课时的时空教学环境难以承载这样的任务。从哲学层面上说,整个课程的把握需要教师的宏观视野,一个课时的教学更侧重微观,而单元教学是中观视野的重要体现。中观视野下的学生对知识的学习有一个很长的周期,教师可以充分创设学生学习的最近发展区,充分设计学生的互助学习和自主学习,并兼顾不同层次的学生。在信息技术教学中克服以往单纯依赖教师传授知识和技能的做法,重视学生在教师的引导和启发下通过自身的探讨和研究创造性地获取知识,在探究过程中培养能力。教师要善于进行单元设计,寻找主题,在单元学习中以主题承载信息技术支持的课程单元,围绕主题及其专题,以真实的任务模块展开,涵盖多样的学习活动方式,信息技术以资源和工具的形式为主题学习单元的各类活动提供支持。[1]《普通高中技术课程标准(实验)》明确规定:“网站设计与评价”作为选修模块。在对高中二年级“网站设计与评价”内容进行教学时,要求信息技术教师要在中观教学视野下用探究法开展单元教学活动。在教学设计中选题力求贴近生活,采用任务驱动,培养学生的合作意识、动手能力、版权意识,让学生体验研究的艰辛和乐趣、体验合作成功的喜悦,并教会学生进行探究活动的评价方法。

一、 单元教学设计分析

学生情况分析:高中信息技术课的教学对象为高中学生,从高中学生的特点来观察,他们正处于向成人的过渡期,具有成人的一般思维特征,处于这一年龄的学生自我意识很强,具有一定的自学能力,学习上有探究和创造的欲望和潜能,他们不喜欢盲从。[2]高中信息技术课“网站设计与评价”的学习内容相对于初中有所拓展,选修这部分内容的高二学生具有一定的网页设计基础,对能自己制作一个内容丰富、布局漂亮的网页跃跃欲试,这一部分学习内容正处于高二学生学习的最近发展区。同时这部分内容是一个相对完整的单元体系,符合开展单元教学的需要。开设选修内容的学校具有良好的上网环境,为学生进行较长时间的网络探究学习提供了必要的条件。

教学目标定位:单元教学的着眼点是“单元”。从教学内容看,它以一个“单元”为相对独立的教学单位,强调从单元这个整体出发设计教学,突出内容和过程的联系性和整体性。从教学目标看,单元教学是一个相对完整的过程,在这个过程中,三维目标的有机融合和有效落实问题可以分散、逐步地加以实现。从这个角度来看,教材中的“单元”,就不仅仅是“知识与技能”单元,也是“过程与方法”单元,同时也是“情感态度与价值观”单元。[3]在定位“网站设计与评价”的教学目标时从三个维度充分展开,使得教学目标与内容结合,与学生结合,与单元教学结合,在教学实施中把这些目标渗透到整个的单元教学过程之中。“网站设计与评价”教学目标为:学生了解网站开发的一般过程;知道网站规划主要包含的内容,学会根据需求规划网站;学会使用一种常用的网页制作软件制作网站,包括建立站点、新建网页、利用表格布局网页、修饰文字、插入多媒体信息、建立超级链接、制作简单的网页动态效果等;在局域网或因特网上申请网站空间,网站,形成网站维护意识,能使用评价量表进行网站评价;在完成网站建设任务的过程中,自主学习、合作学习,体验开展研究的艰辛和从事研究的快乐。

教学内容规划:单元教学内容较多,必须根据学生情况和教学实际进行取舍,要突出重点,不能面面俱到,把教师讲授与学生探究有效结合起来。“网站设计与评价”的内容包括WWW、网页、主页、网站等概念,还有动态网页制作,网站规划与设计,网站制作,网站与管理,网站评价等。其中对于网站的开发实践,网站的规划、设计是教学的重点。理解动态HTML技术和服务器端动态网页技术的基本知识,不要求深入到动态网页专业技术的学习。对于网页设计软件使用讲解不宜深入展开,避免学生把主要精力放在网站开发技术钻研上,把教师需要讲授的知识即网站的基本知识、任务要求和学生自主探究的内容即网站制作的整个过程有机结合。

二、 单元教学中教师的作用

在新课程教学改革中,师生是一种平等的关系,教师要由单课时教学的绝对权威逐渐演变为单元教学中一个善于引导的角色,教师需要在学生开展合作学习的过程中给予学生及时和必要的帮助、指导和调控。中观视野下的单元教学实施应充分发挥教师的主导作用。

1.精心设计学习任务

单元教学需要精心设计任务,任务选择途径很多,需要师生集思广益,更需要教师的恰当引导。好的任务既符合学生的生活实际,又对学生完成有一定的挑战性。选择好的任务有助于在整个教学过程中建立积极的相互依存感并有助于建立真实的学习型集体。任务的设计如果具有一定的真实性,具有思维侧面的价值,就容易形成任务的挑战性,有利于激发学生设身处地的解决问题,激起他们完成任务的热情和愿望。真实、复杂任务的解决,其结果往往具有不确定性,这就为学生展开想象,进行探究提供了广阔的空间。在这样的情况下,学生完成任务很少具有对错之分,更多地是解决方案之间合理性的差异。在为“网站设计与评价”单元教学选择任务时,师生立足本地的实际,商定了将“两汉文化在徐州”作为网站设计的任务主题。两汉文化是徐州的旅游名片之一,为了给外地的游客提供一个了解徐州汉文化的网络途径,学生动手设计制作一个以徐州汉文化为主题的专题网站就显得很有现实意义,同时也与“网站设计与评价”教学内容密切关联起来。

2.帮助建立学习小组

网站设计的方法 第11篇

一、国内艺术院校网站设计课程现状

国内部分艺术院校开设网站设计课程已经有15年以上的历史。随着网络技术的发展与普及化,现代生活中已经很难离开这种媒体形式。网站作为互联网的“窗口”,向人们展示了精彩的世界,拉近了人与人之间的距离,也让人们在办公、娱乐、学习等领域越来越多元化。近几年电子商务带来的巨大利益,让更多的企业和个人把大笔资金投入网络市场,大量的网站相关的设计人员缺口和相对较高的待遇,导致很多在传统设计领域工作的设计师纷纷转入这个行业,很多学生也逐渐对这个领域感兴趣。网站设计课程也因为互联网经济发展导致市场需求大增。网站建设技术包括互联网基础知识、前台程序、后台程序、显示设备的一些基础知识等。网站建设技术是网站界面设计过程中非常重要的依据,单纯运用艺术设计原理进行网站设计有可能会给后期技术开发造成麻烦。例如,很容易在程序开发过程中实现不了,或者实现起来增加开发成本等。网站的界面建立在屏幕显示的基础上,因此,设计师必须了解像素等相关基础知识才能在设计开始阶段合理创建文档,从而进一步深入设计。网站是展示与交互的结合,网站建设不是单纯地把界面设计美观就可以了,了解相应的开发知识、交互技术特点,才能够有效地设计出美观、实用的界面。当前,很多院校对网站设计课程从教学方法、教学内容等方面进行了探索和改革。个别院校从师资配备上具有专业的技术教师,例如国内某美术学院在网站设计课程教学中分为网站设计和网站技术两方面教学内容,前四周为设计专业教师授课,然后是三周计算机专业教师授课。这种教育方式相比早期的网站设计教育有着本质的不同,让学生对网站相关知识了解深刻并且更具有专业性。还有些院校能够和企业合作,由企业派出技术人员参与教学任务的完成。由此可见,很多院校对网站设计的技术教学给予了足够的重视。

二、当今艺术院校网站设计课程教学内容

一个完整的网站建设往往都是由一个团队合作完成,包括策划、界面设计、交互设计、程序设计、运营维护等。很多专业都开设有网站相关课程,从授课内容来说区别比较大。例如,计算机专业网站课程主要从网站前、后台的程序方面进行讲解,而艺术院校则主要讲解界面设计原理与方法。但是近些年随着教学改革的进行,一些有条件的艺术院校增加了前台开发程序的学习。当今艺术院校网站设计课程大部分还是以设计为主,但一些有条件开设相关技术内容的院校教学内容主要分为两个部分。一部分是传统的设计方面的内容,包括网站策划、版式设计、色彩、图标、字体、图片等方面,有些内容在前导课程中有所学习,但是网站课程会针对网站的特点进行专门的版式、色彩等方面的训练。另一部分是技术方面的内容,主要讲解的是前台程序,包括HTML、CSS、JavaScript等浏览器端语言,使用的软件主要是Photoshop,AI,Dreamweawer等。如果条件允许,也会介绍一些后台程序的实现原理等方面的基础知识进行扩展学习。不是所有的艺术院校都会开设前台程序课程,有些只是讲解一下Dreamweawer软件的操作方式。网站设计作为一门应用性强、专业跨度大的课程,非常注重行业能力的训练,学生的实践过程非常重要。网站设计的实践能力不仅仅体现在设计、制作网站上,还包括团队合作、语言表达等方面的能力。教师一言堂的课程能起到基础的了解目的,但如果能让学生参与整个网站的制作过程,对于学生的理解和动手实践能力会有更大的帮助。

三、网站设计课程技术内容授课难点

艺术专业的学生掌握网站界面设计同时了解网络相关技术知识,对他的学习和今后的工作有非常大的帮助。但是,在实际的教学过程中,技术知识的讲解存在很多难点。1.错误认识网站技术课程学习对于一个成熟的网站设计师而言,他对于设计有了较深的理解,需要程序开发等技术知识来进一步提高他的专业能力。但是,很多艺术院校的学生设计基础非常薄弱,如果过多强调技术内容而削弱设计训练,让学生误认为学会了几个软件,掌握一些基础的前台开发语言就是网站设计,这样就本末倒置了。而有些院校对网站技术内容的理解不全面,把教学精力放在了软件和单纯的实验性的设计训练上,这样的教学不够完整,结果很可能就是纸上谈兵。所以,对网站技术的理解要系统化、专业化,并且能够主次清晰地指导学生技术和设计的关系才是正确的途径。2.艺术院校技术教师配置不完善有些院校对于网站设计技术学习有足够的认识,学生也愿意学习相关的技术知识,但是师资却成为了这类学校很大的障碍。现在,个别艺术院校配备的网站程序人员都是计算机专业出身,并且有些教师没有多少实践经验,也没有设计基础,如果他们只是单纯地讲解程序,设计与技术教学工作很难完美地衔接。而大部分艺术院校的设计教师对技术理解不够深刻,那么讲解给学生的内容更多的是实验性的训练,并没有太多的市场价值。3.教学内容时间分配不合理程序的学习是一个逻辑性非常强的过程,对于新接触这个领域的学生来讲,需要学习的知识过于繁杂。大部分艺术院校网站课程的课时设置都在40课时、48课时、64课时左右,而网站界面设计方面内容讲解也需要大量的时间,两者在时间分配上就得进行取舍。是平均分配还是哪方面内容占用更多的时间,这些问题都难以处理,导致不合理的时间分配。误区艺术院校网站教学中,很多艺术专业教师本身对网站技术的理解并不专业,仅仅讲解Dreamweaver软件。客观来讲,这个软件对于设计师还是比较重要的,它能快速实现网站的前台效果。但是,学生如果不了解HTML等程序,只知道操作Dreamweaver软件的话,既不利于网站优化,也不能与后台程序员进行专业衔接。

四、从教学目的和市场需求方面调整课程内容的一些建议

1.树立网站设计课程界面设计与技术内容的正确关系

从艺术与技术的关系角度分析,拥有技术支持的艺术才能更加具有说服力,纯粹从设计内容出发进行教学对学生的实践能力提高并不大,而过于强调技术内容的重要性对学生的设计能力也没有什么帮助。因此,网站设计课程应该明确设计与技术的关系。设计能力的提高是艺术院校教学的基本目的,而技术内容则是提高设计能力的辅助内容。从市场需求来讲,很多公司在进行招聘网站设计师的时候,在需求中都有类似“熟悉HTML,CSS优先聘用”等信息,但是公司招聘的还是以设计为主的设计师而不是程序开发人员。因此,当艺术院校有条件进行技术授课的时候,应该让学生意识到技术的原理和对设计的关系,有能力的学生可以多学习一些技术知识,多参与到前台程序开发中,甚至了解一些后台程序的运行原理,以后和真正的程序人员进行合作也会游刃有余。网站设计教育中加入技术层面的教育能让学生从基础原理上理解一个网站的实现与特点,也为本科生今后专业水平的提高打下良好基础。下面简单分析一下主要的界面设计元素与开发技术的联系。第一,版式设计。网站界面设计中版式设计和技术的关系最为直接。最早的网站还不能加载图片,全是由文字构成,因此这时的网站就像一个Word文件,版式设计的局限性非常大。前几年,Flash网站盛行,当时使用Flash进行整站设计可以像PS软件操作一样,设计师可以直接操作软件工具进行各种自由的版式、动画、交互设计。现在,HTML5成为主流的“前台”语言,版式设计布局更加严谨、规整。随着技术的变化,版式设计的方式和特点都有着巨大的变化。当前主流的网站布局都能适应各种尺寸的显示器和不同的移动设备,主要原理是利用程序判断浏览者使用设备的分辨率来调取相应的CSS文件,使用最有效的栅格系统排版方式来调整版式排列,通过规范的矩形区块进行内容的组合。这种网站版式风格去掉了浮华的效果和随意的结构,也是现代市场上出现的网站大部分都很规矩的原因。技术的进步与变化,对设计的影响非常直接。第二,色彩。网站的色彩是基于显示设备进行展示,因此,设计文件一定是RGB的色彩模式。显示设备呈现的颜色比印刷色彩要明亮很多,因此,在网站色彩搭配时不适合使用大面积纯度过高的色彩。所以,学生在进行网站色彩学习的时候,不能仅仅依据之前课程的设计原理进行设计,也要考虑技术特点与设备特点等综合因素。第三,字体设计。字体的正确使用有利于程序开发,也有利于界面设计的效果展示。例如,正文字体一般不会使用特殊字体,而是普遍使用系统自带字体。如果要使用特殊字体,那么就需要做成图片或者在程序端进行相应的设置。所以为了更高效的开发,设计人员需要了解怎么使用特殊字体,什么情况下尽量不使用特殊字体。第四,交互方式。早期的复杂交互都是通过Flas等方式进行,如今使用HTML5的动画功能结合CSS,JavaScript进行复杂的动画、效果表现,交互制作的人员已经从设计人员变为前台开发人员。设计师虽然不需要直接制作交互动画,但是也需要对交互动画和网站动态展示技术进行了解,才能更好地配合程序人员完美、高效地呈现动态效果。例如,原来的分页功能现在普遍都展示为“瀑布流”的展示方式,因此在设计上就需要进行微调。

2.艺术专业网站设计课程教学内容的一些建议

第一,教师个人能力是影响教学质量的一个重要因素。

从事网站设计教学的教师最好是熟悉网络技术知识的设计专业教师,纯粹的计算机专业教师在技术授课中很难有效讲解技术对设计的影响。在联合教学中,除非有相关合作经验的技术人员,否则单纯讲解技术并不能解决为设计服务的教学目的。相对来讲,从艺术学院自身的教师队伍中,挑选个别有天赋的教师强化相关的技术培训是比较容易实现的方式之一。不过,从学习时间和针对艺术生培养方向考虑,设计教师的技术培训一定要选好培训的技术范围和深度,建议以浏览器等前台基础语言为主进行学习,并深入理解网站建设的各个环节及原理,最好使教师有完成完整项目的经验。

第二,一定要明确艺术专业网站设计课程的教学目的。

对于艺术院校来讲,网站设计课程中技术的讲解最终还是为设计服务,艺术专业培养的学生最终应该是一个设计能力出色、懂技术、能跟团队配合的人才,而不是培养一个前台程序员或者一个只会纸上谈兵的设计师。因此,艺术院校的学生要掌握技术原理与基础方法,并能够为设计服务。第三,在教学时间有限的情况下,合理分配设计教学时间与技术教学时间。建议可以先进行技术教学,然后在学生对网站建设过程有一定了解的基础上,指导学生如何运用设计原理,在讲解技术的过程中也可以时刻渗透设计内容。具体在一门课程中按什么比例进行时间分配得依据学生的基础和对于两种知识的掌握速度。第四,技术授课内容要有取舍。网站建设技术范围非常广,前后台程序、网站优化、后期维护等方面涉及范围和语言非常繁杂。所以,教师授课内容不建议面面俱到,或者过于深入讲解,应该把重点放到与界面设计联系更加直接、相对简单的前台程序语言上。例如,讲解HTML、CSS,让学生理解设计对前台程序的影响,也让学生动手编写前台程序以加深认识设计过程中的注意事项。这样针对数学和计算机基础薄弱的艺术类学生,只要讲解清晰,也能让学生比较快速地掌握。如果授课时间充裕或者学生接受能力较强,可以根据教师能力和学生兴趣进行适当深入讲解。学习Dreamweaver软件时不要把全部重点放在软件本身的讲解上,可以把该软件作为前台程序的操作平台。第五,学生应该理解网站从设计到实现的整个流程。除了前台程序,尽量要让学生理解网站从策划到最终上线的过程与方法和所涉及的基础知识。如果有条件,最好让学生亲自进行一下网站建设过程中非设计的一些操作。在教学方法上,可以结合项目教学方法,作为教师一言堂的补充,并且让学生动手操作一些基础的网络设置,理解平时常接触的网站一般是如何实现的。让学生不但知道怎么进行设计,还要知道设计前与设计后的步骤,这样在今后的过程中才能更好地参与网站建设的过程。结语网站设计既离不开传统平面设计的基础,又与程序开发技术、显示设备等有重要的关联。想要学好网站设计必须要学习很多方向的内容,从设备、网络技术、设计原理、交互方式等方面深入理解、学习才能成为一个优秀的网站设计师。现阶段很多学生都是在进入社会工作之后才逐渐真正地理解网站的相关知识,这时再想学习一些深入的技术,由于时间、精力等多方面原因导致更加困难。所以,作为艺术类本科教育应该重视学生设计能力的培养,也要让学生掌握技术原理,在学生步入工作之前培养学生的综合能力。“知其所以然”才能让学生更专业地放手设计。在理解技术原理的同时,对设计有更深刻的认识,才应该是艺术专业网站设计课程的教学目的。通过对艺术与技术教学内容的合理分配,让学生成为一个精通设计、理解技术,能进行合作开发的专业人才。

参考文献:

1.李涛,王伊蕾.《网页设计与制作》课程教学改革初探.时代教育,

2.郭恒川,李方方.网站设计课程教学方法改革创新.黑龙江教育(高教研究与评估),

3.魏容.高等院校网络媒体专业网页设计课程模块化教学探索.美术教育研究,

猜你喜欢