企业网站的设计与建设

2024-06-17

企业网站的设计与建设(精选12篇)

企业网站的设计与建设 篇1

1 引言

党校系统的网站建设对马克思主义网上宣传和党校自身形象的展示有着重要的意义, 建设内容丰富, 结构缜密, 运行良好的党校网站, 是党校搞好开门办学的重要渠道, 通过党校网站这个窗口, 可以适应时代的要求, 充分发挥党校在干部培训中的作用。

首页是一个网站的门面, 也是一个网站的灵魂, 首页制作的好坏直接影响整个网站的视觉效果和用户体验。党校网站的首页不同于市面上的商业网站, 它的设计制作既要缜密庄重, 又不能过于死板, 本文以吉林省委党校网站首页为例, 对党校网站的色彩定位、功能结构、网页的切图与最终实现进行研究与分析。

2 党校网站中网页的设计原则

2.1 网页的色彩定位

有研究表明, 第一次打开一个网站时, 给用户留下第一印象的既不是网站的内容, 也不是网站的版面布局, 而是网站具有冲击力的色彩。在设计网页效果图时, 最先需要考虑网站色彩的定位。网站的效果图, 需要在一个明确的色彩定位下进行设计。所有的设计元素, 需要与这个色彩定位相统一。

以吉林省委党校网站首页为例, 为了突出党校姓党, 页面的色彩定位要以红色为主色调。红色是一种激奋的色彩, 代表热情、活泼、温暖、幸福和吉祥, 同时也是我党的代表色。红色容易引起人们的注意, 也容易使人兴奋、激动、紧张和冲动, 同时极容易造成视觉的疲劳。所以在进行页面设计时, 不易通篇大面积使用红色。为了在冷暖色向上中和红色, 页面使用了与红色面积相当, 但相对集中的蓝色, 同时使用了中性的灰色穿插其中, 使二者平稳衔接。整体上仍然是以红色为主色调, 但又不失清新、和谐且庄重的视觉感受。

2.2 网页的功能结构

配色好坏决定访客对网站的第一印象, 结构是否合理则决定了访客的体验。网站是由不同的功能模块组成的, 这些功能模块都是网站不可分割的组成部分。在进行网站设计时, 要充分考虑到网站的各种具体功能模块的组合, 形成最优的交互体验。同时这些功能模块的页面设计, 需要与首页、其他页面实现风格和结构的统一。

吉林省委党校首页的效果图从整体来看采用的是“国”字型的布局, 这样布局可以充分利用网页的版面, 信息量很大。其页面上部分主要包括网站的Banner条和导航条, 并以吉林省委党校校园的图片为背景, 在整个版面中起到了美化网页的作用。左边表格内容依次为图片新闻、快速导航、精品展示;右边为校院报刊、站内搜索、校园风光等, 同时还包括多个超级链接, 这些链接用于与本网站的其他网页建立联系;中间是网页的主要内容, 包含校内信息、教学科研、时政要闻、学员之窗等;最下面是是网站的底栏, 主要包括版权信息和联系方式等。

二级页面采用“广”字型布局, 结构与主页一致, Banner条、导航条和底栏不变, 中间部分保留左边表格内容, 空白部分用来承载具体内容, 这样做可以在一个区域突出网页的重点内容, 主次分明, 很有层次感。

3 党校网站首页的切图与实现

网页效果图出来之后, 接着根据效果图去实现table表格化或者DIV+CSS板式, 这个中间过程就需要用到切图, 规划良好的切图有时可以直接作为最终的table化页面的结果。

切图在网站建设的过程中扮演一个效果图到页面转换的过程, 能够实现效果图到HTML页面或者DIV+CSS过程的转换。理想的切图可以加快网页浏览的速度, 如果网页中一个图片过大, 影响网页打开速度, 把大图切成小图后可以提升网页打开的速度。同时, 切图可以把设计过程中的文字信息和图片信息进行分开。

3.1 切图过程

在Photoshop中, 选择“切片工具”, 在效果图中切割出需要的区域。Photoshop切片时, 并不是任意地对效果图进行切割。需要考虑到网页设计、图片再次编辑、文件大小等因素, Logo、Banner等内容需要根据需求的大小进行切割, 合理地对图片切割有利于网页在Dreamweaver中的排版制作。在吉林省委党校首页切图时, 只有banner和公告板是整个切出, 其他板块只切出标题部分。按钮和部分标题栏等内容, 在Dreamweaver中是可以重复使用的, 在导出时只保存一份, 在浏览网页时也可以减少文件的下载。网页中需要在Dreamweaver中进行布局的文字和下拉菜单等内容, 则不必切片, 留出这片区域以后, 再在Dreamweaver中进行布局。

切片完成后, 选择“文件”-“储存为Web和设备所用格式”, 选择所需文件格式 (GIF或PNG) , 导出所用切片, 保存类型为HTML和图像 (*.html) , 这样可以保存切片图片和网页信息, 便于在Dreamweaver中进行编辑。

3.2 网页的实现

Photoshop完成网页的切片与导出后, 只是完成了网页的基本框架, 网页中还没有具体的内容, 还需要使用Dreamweaver对网页内容进行设计与排版, 设置网页的属性, 添加网页元素, 输入网页文本, 最后才是所需要的网页。在Dreamweaver中导入之前Photoshop保存的“*.html”文件, 网页所需的表格基本已经构建好, 对整体页面的代码稍作调整便可使用。导入所需切片, 加入文字和链接后, 所需网页便完成。

用于控制党校首页整体元素属性的相关CSS代码如下:

4 结语

本网站是中共吉林省委党校 (吉林省行政学院) 重要的宣传阵地, 是“空中党校”的重要组成部分。框架搭建采用结构化系统分析, 站内编程采用C sharp语言, 数据库选用配套的SQL server 2005数据库, 系统平台服务器端搭建在windows2003 advance server上, 整体运行稳定, 页面更新速度快, 内容充实, 为吉林省委党校在信息化建设中提供优质的服务。

参考文献

[1]朱晓菊, 谭岚丹.政府网站设计中的视觉元素-色彩[J].大众文艺, 2010 (16) .

[2]罗建萍, 陈伟.党校网站建设中存在的问题及发展对策[J].知识经济, 2008 (11) .

企业网站的设计与建设 篇2

第一章

2.网站、主页、与网页的关系如何?

答:网站也叫站点,是指在Internet上由一组选购户关联的文档和各种网页元素组成的集合

主页是用户进入一个站点所看到的一个页面,使一个站点的目录索引,它引导客户浏览该站点或其它站点页面。主页实际上是一个网站的入口

网页:也叫web页。是客户通过浏览器所看到的每一个页面,包含了如文字、图像、声音和动画等多媒体信息。

3.Web媒体与传统媒体有何区别?(1)Web是丰富多彩的多媒体,他有屏幕小、每屏显示信息少、字小或阅读易疲劳等缺点,但能同时显示多种媒体信息,而且有信息组织是非线性等特点(2)Web 是非线性媒体(3)Web媒体具有交互性

(4)Web媒体可以提供一对一的媒体服务(5)Web媒体通过主动方式获得信息的(6)Web媒体可以以平等身份获取信息(7)Web媒体可以即时叫交流息(8)Web媒体提供电子商务的能力

(9)Web媒体还有强大的信息搜索能力(10)Web媒体有即实性(11)采用B/S结构

(12)Web站点更易于浏览信息不需要任何培训

(13)Web媒体还有信息变化快、以修改、传播速度快和传播成本低等特点 6.在web设计中客户是第一位的与内容是第一位的矛盾么?

不确定„„

a.Web设计的一个最基本原则:用户是第一位的,即用户浏览的内容是第一位的,网站的设计技术始终是第二位的。

B web客户是以自我为中心的,虽然一个网站有大量的网页信息,但客户绝大部分网页信息是不感兴趣的,根本不去阅读。设计良好的关键词和短语对页面设计是至关重要的。8.Web界面与传统软件界面由很大差别,简述之

a.Web页面更注重的是信息的展示,而传统软件界面更注重的是系统的功能的实现 b.Web站点比传统软件更专注于内容 c.Web内容永远是第一位的

9.什么是web页面布局?页面布局元素有哪些主要元素?

Web页面布局是对页面的整体规划,即把页面划分成不同的区域用于放置不同的页面内容 Web布局元素:框架:规划页面布局,允许同时显示多个页面;表格:规划页面布局,在单元格中可以放置各种网页元素,容易排版;导航:引导用户在网站内的移动;段落:在页面上分组文本字符;图像:提供视觉吸引、信息和导航;列表:组织并强调某些信息条目;颜色:提供网站整体色彩感觉,增加可读性,易于分类;边距:控制显示内容距浏览器窗口边界的距离;边界:为HTML表和框架提供可见的边界;空白:分开页面上的元素 10,怎样理解空白在页面布局中的作用?

空白:分开页面上的元素;当浏览一个没有空白的页面时。用户会感到页面很拥挤,而造成心理的紧张,对阅读这样的页面有一种厌烦的抵触感觉。空白能够使网页看起来简洁、明快阅读舒畅。

12.综述色彩对页面的影响

网站的颜色给客户最直接的视觉冲击,他在网站的感知和展示上扮演重要角色。

一个企业的文化、风格和态度可以通过网站的颜色体现出来,好的色彩搭配可以网页独具魅力相反则使浏览者感到厌烦

14.颜色抖动的含义

抖动时浏览器将颜色近似为它所支持的浏览器安全颜色的过程。15.网页设计的常用配色方案有哪些?

单色方案、相似色方案、互补色方案、三合一色方案

16.什么是单色方案、相似色方案、互补色方案和三色方案? 单色方案:在网站设计中始终使用一种基本颜色,为避免单调可以通过调整这种基本颜色的灰度和亮度来得到更多的颜色,由于这个那个颜色方案事实上 只有一种基色,因此这种方案成为单色方案

相似色方案:色彩环上选择彼此相邻的几种颜色构成的配色方案就是相似色方案 互补色方案:在色彩圆环上沿直径相对应的两种颜色构成一对互补色

三色方案:在色彩圆环中选择一个等边三角形三个顶点上的颜色构成的配色方案

第二章

1. 网站必须涉及站内导航吗?请说明理由(1).对网站信息进行分类(2)。告知浏览所处的位置(3)。提供信息分类间切换(4)。推荐重要的浏览信息

2.什么是主要导航和次要导航

主要导航可以从站点的各层次栏目的网页上进行访问,适对整个网站信息的分类划分,主要导航栏一般应以向同样式、在同位置出现于所有页面中。

次要导航仅可以在指定的某层次栏目的网页进行访问,他是对某个栏目信息的分类划分,次要导航栏应以相同样式、在同位置出现于所有该类的页面中。8.什么是站点结构?说明站点结构重要性 站点结构是指站点砸服务器上保存的方式。一个网站实际上对应web服务器上的一个普通文件夹。

网站在服务器上保存文件的目录结构就是站点结构

重要性:便于开发、管理和维护这些网页文件 9.什么是网站体系?????????? 导航不仅有网站导航,还有浏览器导航、站点地图导航以及搜索引擎等这些导航共同组成了导航体系 10.导航应该遵守哪些主要的导航原则(1)三次点击原则

(2)站点并不需要选择独特的导航方式(3)站点结构清晰和逻辑性强(4)导航系统是手段不是目的(5)借鉴成功导航

(6)导航系统应该包含多种导航(7)导航外观会对用户产生影响(8)导航名称要规范和大众化

(9)导航名称既要有吸引力又要简明扼要和准确无误(10)最新通知和新闻需要有提示(11)当前导航条提示

(12)网站徽标和名称要放到主页的左上方 11.陈述站点为什么不需要独特、新奇的导航

导航结构是引导客户在网站上最快捷地浏览信息的手段,因为网站采用的是B/S结构,不像C/S结构的应用程序,客户群十分小。客户必须培训后才能使用该应用软件,而访问网站的浏览客户都是未经过培训甚至大部分客户是第一次访问该网站,而且这些客户的背景又十分复杂和广泛,所以站点导航不要求“独具匠心”以让浏览客户一看就知道怎样使用为原则。事实上,选择和大多数站点类似会更好,用户已经熟悉了整个WWW中使用的许多公共元素,它们都有预定意义。

12.简单谈谈设计倒行的捷径是借鉴成功导航

规划设计网站导航时,设计人员应该首先浏览大量国内外与设计网站目标相一致的著名优秀网站,向这些成功网站学习其导航的最新设计技术及特点,这是最快捷、最有效的导航设计方法。

第三章

1. 网站设计中为什么使用图像文字信息

网页中的文字信息分为两种:一种为HTML的纯文本,另一种为图象中的文字信息。后者的文字信息实际已融入图像中。

图像也是传达信息的重要方法之一 和纯文本相比,图像更加直观、生动、易于理解和接受。图像可以将文字无法表达的信息传达出来。文字的精确性和图像的模糊性的结合,使得信息的传达更加完整

2. 网站徽标和标题应放在主页的什么位置 1;网站徽标应以适宜大小放在主页的左上方 2 网站标题应放在主页徽标的右边 3. 图像在网站设计中的一般原则是什么 1;网站徽标应以适宜大小放在主页的左上方 2 网站标题应放在主页徽标的右边 3 图像(图片)颜色要与网站色系协调一致 4.图像的文件尺寸应该要足够小

5.图像尽量避免使用高分辨率的真彩照片 6;在网页中勿滥用图像

7;internet和intrant的图像区别 8 切割大幅图像 4. 为什么要切割大幅图像

对于一个网页确实需要一副大尺寸的图像时,可以使用一些图形处理工具将幅面大的图像切割成几幅小的图像。有利于下载这个大幅图像 5. 什么是安全颜色调色板

Web安全颜色是浏览器使用的有8位显示器支持的216种颜色,与平台无关,在8位屏幕上显示颜色时,浏览器将图像中的颜色更改成这些颜色,这216种颜色是Mac OS的8位颜色调色板的子集,通过只使用些颜色,为用于web制作的图片在设置为256色显示的系统上就一定不会出现仿色。6. 请解释颜色抖动的原因

Netscape Navigator和Microsoft interner Explorer仅保证了216种颜色,每一个浏览器最多可以显示256种颜色,操作系统是用其中的40种专署颜色,因此web图像之可以使用剩余的216种颜色,所以其他的颜色要抖动,即被这216种相近的颜色所取代

第四章 网站设计中都有哪些主要多媒体元素

文本、图形、图像、动画和声音等

4.多媒体在网站设计中应遵守的一般设计原则 1.根据网站主体选择多媒体 2 重视网络宽带,慎用视频 3网页应避免使用背景音乐 4避免网页使用零乱的动画 5 网页避免使用滚动文本 6 网站中避免使用特别插件 7网站拒绝最新、最耀眼技术 8 避免网站设计的版权侵害

7. 动画在网页设计中有什么作用

无论是人或动物,都先注意到运动着的东西。通过动画可以把抽象的内容形象化。使许多难以理解的内容变得生动、有趣。

10.Web视频为什么分辨率低、像素少、帧速率低、尺寸小?是技术达不到么?

现在的频带还不足够宽,还有很多拨号上网的用户(最大速率56Kbps),web视频的品质很低。

13.多媒体在网站设计中应考虑哪些主要因素

1)网站主题:确定该网站适用哪些多媒体元素?选定最适宜的多媒体元素

2)客户群:不同的客户群使用的多媒体元素也不一样,应该考虑和户群的接受能力

3)用户感受:用户感受第一,避免用户话费大量时间看到一些不中意的多媒体内容 4)网络宽带:应考虑浏览客户群的宽带如何?如果宽带允许,那么可以选用更多的多媒体

5)下载时间:应该测试在不同的宽待下网页下载时间,进行优化,从而适应更多用户 6)浏览器:考虑客户群的浏览器及版本使用情况,不同浏览器支持的技术是不一样的 7)分辨率:要考虑多媒体的分辨率,在满足品质的情况下,分辨率越低越好 8)慎用插件:尽量使用web工人的多媒体事实标准插件,对特殊插件提供下载 9)页面协调:考虑整个页面的多媒体元素的协调,避免页面的零乱

10)慎用视频:应避免视频自动播放,一般提供选择播放或下载播放,视频窗口应较小

11)背景音乐:应避免使用背景音乐,除非特别需要背景音乐来表达页面意境 15.对于重要文本为什么不采用滚动文本? 滚动文本往往不能引起浏览客户的足够重视,使之客户很难瞬间了解滚动的信息。这是由于部分信息可能还没有滚动出来

第五章

什么是动态网页?什么是动态网站?5 具有交互性、自动更新和因人而异的特点,存取数据库,有代码在服务器上运行并只有访问时才确定内容的网页称为动态网页。有动态网页的网站称为动态网站,动态网站并不是所有网页都是动态网页,大多数网站都是以静态网页和动态网页混合而成的。

第六章

1、网站设计团队一般包括哪些角色?

项目管理、系统分析、规划设计、文字编辑、网页设计、平面设计、动画设计、音乐设计、视频设计、程序开发、网站测试、后期培训和网站维护等‘

2、网站设计团队应具备哪些主要元素?

团队精神、团队管理、创新规划、艺术审美和技术开发。

3、一般网站与电子商务网站有什么主要区别?

电子商务网站需要高安全性、高可靠性、高伸缩性的数据库和设计技术,这与一般网站有着明显不同。

4、电子商务网站主要有哪些功能?

商品发布功能;商品选购功能;具有个性化的采购订单模版,顾客可以进行购物组合比较;“购物车”内置的价格计算模型可以根据商家的价格体系灵活定制;在线交易功能;商品交换、资金结算功能。

5、什么是CI?网站CI主要包括哪些内容?

CI是指通过视觉来统一企业的形象,一个杰出的网站和实体公司一样,需要整体的形象包装和设计。网站(logo)标志、网站设计颜色、网站设计字体、统一图片处理效果和宣传标语等。

6、什么是网站logo?它在网页中放置的位置如何?

logo是企业文化和整体形象的标志,一般放置在主页的左上角。

7、什么是网站蓝图?试举例

网站蓝图是定义网站范围和意图的基本框架,网站蓝图应该包括网站建设的轮廓框架和一个可以测量的具体目标。例如,网站电子超市的网站蓝图:网站将建成国内一流、省内第一的Internet网络电子超市,一年之后,每天的销售额将超过5000万。

8、什么是web战略?

web战略是构建一个可以吸引并留住用户的网站。

9、什么是web策略?如果要建立一个个人网站,应该定制哪些web策略? Web策略是实施战略的方法。(1)搜集用户的个人信息,提供体贴的个性化服务(2)实行积点策略(3)对第一次购物的顾客优惠(4)提供适当的免费服务。

10、网站定位、网站蓝图、web战略和web策略之间的关系是什么? 网站定位首先要确立建立什么类型的网站,网站蓝图包括网站建设的轮廓框架和一个可以测量的具体目标,为了支持网站蓝图必须制定web战略,web策略是实施战略的方法。

11、网站开发方法有哪些?各有什么特点?

由上至下的开发方法:适用于小型或个人网站,也适合一些对不了解或很难提出较详细需求的情况。

由下至上的开发方法:适用于中大型网站或用户能提出较详细需求的情况。12、13、什么是网站客户群?

为什么在设计网站时需要考虑网站客户群? 网站客户群是指网站主要服务的用户对象。

可以加深客户关系、了解客户需求、提供优质服务、加强广告和展示效果,提高企业形象和产品竞争力。

14、网站客户群对网站设计有什么影响?

针对不同的客户群设计网站的风格。

第七章

1、网站设计流程大致分几阶段?

用户需求分析及变更;网站架构及业务流程分析;系统分析及总体设计;界面设计、交互设计及程序开发;系统测试和文档编写;客户培训、技术支持和售后服务。

2、网站策划书撰写要点有哪些?

前期调研分析;网站目的及功能定位;网站技术解决方案;网站内容规划;网页设计;网站维护;网站测试;网站发布与推广;网站建设日程表;费用明细。

3、什么是网站功能需求分析?

包括需求开发和需求管理。

4、简述网站功能分析的必要性和重要性?

判断一个项目是否成功要看它是否真正解决了用户的问题在网络项目中体现为用户的需求,完整而清楚的需求是项目成功的基础和前提条件。需求阶段的任何一个不慎都有可能导致项目实现阶段的大量返工,因为很多需求是隐性的,需要工作人员的启发引导。

5、为什么要对网站需求进行管理?

采用模块的方式来协调需求采集和开发的关系,即当需求积累到一定的模块后,比如用户管理部分的相关内容已经采集完毕,那么当一个大型项目采用模块化采集需求时,必然会导致需求的变更,这时就需要对已形成的需求文档进行管理。

6、什么是网站概要设计?

是网页文件和数据库的索引,它简要的描述了开发人员的工作内容。

7、什么是网站详细设计?

包括页面详细设计、数据库详细设计和后台脚本详细设计。

8、为什么要进行网站测试?

网站或网页设计已经告一段落或全部完工,但工作结束并不意味着没有问题,所以要对网站进行测试。

9、什么是压力测试?

压力测试是指模拟巨大的工作负荷来测试应用程序在峰值情况下如何执行操作。例如模拟实际软硬件环境,在超出用户常规负荷下,长时间运行测试工具来测试被测系统的可靠性,和测试被测系统的响应时间,目的是在极限负载下识别程序的弱点。

10、为什么要撰写总结性报告?总结性报告有哪些主要内容?

总结本次开发的收获和经验。包括:本次项目的概要介绍、参与开发人员、开发起止时间以及本次项目开发的质量评估等内容。

第八章

1硬件平台规划主要包含哪些内容?

网站接入internet的方式、服务器选项、服务器组件、服务器常用技术、服务器机房环境因素和网站建设服务供应商选择。2画出ADSL拓扑结构

3什么是服务器?服务器与微机有什么区别?微机、笔记本可以作为服务器吗?

能提供服务的计算机就是服务器。微机、笔记本电脑也可以配置成web服务器,一般主要用于开发和测试之用,不会正式用于web的发布等,微机、笔记本电脑没有专用服务器的高服务质量、可靠性、安全性和伸缩性等特征。4RASUM服务器衡量指标是什么?

可靠性、可用性、安全性、伸缩性

5服务器是怎样分类的?

(1)按按应用层划分为入门级服务器、工作组级服务器、部门级服务器和企业级服务

器四类。

(2)按服务器的处理器架构划分,服务器可划分为CISC架构服务器、RISC架构服务器、VLIW架构服务器和EPIC架构服务器。

(3)服务器按用途划分为通用型服务器和专用型服务器。

(4)按服务器的机箱结构来划分,可以把服务器划分为“台式服务器”、“机架式服务器”、“机柜式服务器”和 “刀片式服务器”。6什么是CISC RISC VLIW EPIC? CISC架构服务器、RISC架构服务器、VLIW架构服务器和EPIC架构服务器。

7服务器硬盘有哪些重要类型?主要有哪些重要性能参数指标? 服务器硬盘主要有IDE SAS SCSI SATA、光纤通道硬盘。

主要性能指标:硬盘容量;主轴转速;内外部传输率;单碟容量;平均寻道时间;缓存。8服务器常用技术有哪些?

KVM集中管理技术;远程管理技术;HT超线程技术;热插拔技术;RAID技术;双机热备技术;集群技术;备份技术;容灾技术;入侵检测技术;防火墙技术

9双机热技术是一种什么样的技术?与集群技术有什么区别?

将中心服务器安装成互为备份的两台服务器,并在同一时间内只有一台服务器在运行。10什么是服务器备份技术?主要有哪几个层次?

一旦系统崩溃或数据丢失,就能用备份的系统和数据进行及时的恢复,使损失减小到最小。硬件级;软件级;人工级。

11服务器机房环境因素主要包含哪几方面内容?

机房专用空调;UPS;净化稳压电源;防静电地板;机房吊顶;机房监控;防雷击;接地 12服务器机房接地主要有哪几类?综合接地电阻应小于多少? 交流安全地;安全保护地;直流工作地和防雷保护地。小于一欧姆。

13什么是主机托管?有哪些特点?

托管服务器是指在具有与INTERNET实时相连的网络环境的ISP机房放置一台服务器或向其租用一台服务器。

14什么是虚拟主机?有哪些特点?

所谓虚拟主机,是指租用isp服务器硬盘空间,使用特殊的软硬件技术,把一台计算机主机分成为许多台虚拟主机,每台虚拟主机都具有独立的域名和IP地址,并有完整的INTERNET服务器功能。

15什么是个人网站?什么是博客?区别?

所谓个人网站是指上网者以个体形式制作和发布的网站,充分展现个人某方面的才华和专长,张贴个人简历、发布个人信息和见解等,并提供网络特色服务吸引浏览客户。博客是使用特定的博客模版,在网络上出版、发表和张贴个人文章的人。

第九章 第十章

1. 什么是HTML?它的特点是什么?

答:HTML的英文全称是Hypertxt Markup Language(超文本标记语言)。HTML不是一种编辑语言,而是一种描述性的标记语言,用于描述超文本中内容的显示方式。

HTML的一个重要特点是超级链接(hyperlink),即在文本的内部的一个内嵌指令,但鼠标点击时调用另一个文件(比如打开另一个网页)。

2.常见的HTML解释器有哪些?

答:Netscape Navigator和Microsoft Internet Explorer等。(浏览器)

3.什么是HTML标准?

答:为解决Web应用中不同平台、技术和开发者带来的不兼容问题,保障Web信息的顺利和完整流通而产生的统一的标准规范。4.HTML标准由哪一组织管理控制? 答:万维网联盟(W3C)5.简述HTML的版本历史

答:超文本语言(第一版)——1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准)。

HTML2.0——1995年11月发布。

HTML3.2——1996年1月4日,W3C推荐标准。HTML4.0——1997年12月18日,W3C推荐标准。

HTML4.01(微小改进)——1999年12月24日,W3C推荐标准。

HTML5.0最新草案于2008年1月22日发布,支持HTML和XHTML。6.简述什么是网页可访问性? ?

7.HTML中的标记分几种?举出常见的HTML标记。

答:双标记()、单标记(
)、注释标记()、标记属性()8.写一个简单的HTML文件。答:

Title of page

企业网站的设计与建设 篇3

关键词:雇主品牌 战略薪酬 薪酬设计

一、引言

1994年,中国最大的人力资源外包管理和管理咨询公司之一翰威特将雇主品牌这一概念带入中国。2005年,中央电视台《绝对挑战》节目推出的首届最佳雇主调查,将雇主品牌这一概念引向更大的舞台,引来企业界人士、人力资源管理方面的专家和学者的广泛关注,人们从不同的角度研究雇主品牌与企业的人力资源管理的关系。同时起到保障和激励作用的薪酬福利政策,是企业人力资源管理的重要内容。

雇主品牌是一个很新的概念,企业如何建立雇主品牌,是人们正在热心探讨的问题。关于雇主品牌建设与企业战略性薪酬设计之间有怎样的关系,目前还没有系统的研究和成熟的观点。本文採究雇主品牌建设与企业的薪酬设计之间的关系,主要有以下两个目的:一是促进企业从战略的角度出发,更科学合理的设计薪酬福利;二是为企业建立雇主品牌提供指导,保证雇主品牌在企业的内部和外部有效的传播。雇主品牌对内能提高员工对企业的忠诚度,对外能提高潜在员工对企业的联想度,吸引最优秀的人才加入公司,从而提高企业的人才质量,提高企业的竞争力。只有明确了雇主品牌建设与企业的薪酬福利政策之间的关系,才能很好的设计薪酬福利,满足员工的需要,发挥薪酬的保障和激励作用,为雇主品牌的建设打好坚实的基础,促进雇主品牌成功的建立。

二、雇主品牌与企业战略薪酬的关系

一个企业想成为员工心目中的最佳雇主,建立雇主品牌,首先就要考虑自己能够满足员工哪些需要,能为员工提供怎样的工作和学习的环境。通过对相关理论河文献的阐述和分析,将雇主品牌与企业战略性薪酬之间的关系总结如下:

(一)企业实施战略性薪酬政策,为企业雇主品牌的构建提供战略性保障。外部经营环境快速的变化,迫使很多企业必须不断调整经营方向和目标,这种战略性的调整使得战略支撑的内部管理模式和管理机制需要随着战略而变化。许多企业在进行薪酬设计和管理的过程中,往往以效率优先和按劳分配为导向,比较市场化和相对现代化的企业则开始注重薪酬设计的公平性、竞争性、透明性等。伴随着人力资源管理的战略化,作为人力资源管理核心职能之一的薪酬管理也要实施战略化补骤。战略性薪酬就是在特定条件下会对组织绩效和人力资源的有效使用产生影响的一系列重要的报酬支付选择,是以一系列报酬选择为核心,来帮助组织获得并长期保持竞争优势的策略。

雇主品牌关注的是品牌概念在人力资源领域的应用,是企业的人力资源服务产品的品牌。它将雇员在企业工作中的感受和经历与企業的目标、价值观整合到一起,并通过各种方式向其他的利益相关人、更大范围的社会群体、潜在雇员表明企业是最值得期望和尊重的雇主,以提高雇主在人才市场的品牌知名度、美誉度、忠诚度和联想度。

建立良好的雇主形象,有助于明确企业在人力资源市场上的定位,是企业吸引和留住核心员工的一项重要的战略举措。企业的战略化道路,要求企业的管理模式和模块都要战略化,薪酬福利作为人力资源管理不可或缺的部分,它的设计与实施也需要走战略化道路,为企业构建雇主品牌提供战略性保障。

(二)科学合理的设计企业的战略性薪酬福利政策,是企业构建雇主品牌的基础。雇主品牌就是以合理的人力资源产品包括科学的薪酬福利、良好的工作环境,光明的发展前景等,在同行业中层示独特魅力,并以此为承诺和保证,吸引和保留核心员工,体现企业的人本管理理念。薪酬福利是科学管理的最有效的管理工具之一,是企业为员工提供的基本的生活保障,是企业留住优秀员工、建立雇主品牌的第一要素,是建设雇主品牌的基础。

美国心理学家马斯洛在研究人的动机理论时,将人的需要分五个层次,生理需要、安全需要、社会需要、尊重需要和自我实现的需要,前三个需要是人生存的基本需要,后两个则是具有激励性的因素。薪酬的功能主要体现在对员工、企业和社会三个方面,而对员工的发挥的作用主要表现在两个方面。(1)维持和保障功能。薪酬首先需要保证员工能够维持基本的生活水平,购买各种必要的生活资料以维持正常的劳动再投入,另外薪酬还为员工提供支付学习、培训或进修等方面的支出,甚至薪酬也要负责员工生活享乐等的支出。(2)激励功能。激烈员工包括物质激励和精神激励,通过激励来提高员工的满意度和工作的积极性。

从企业战略的角度来合理的设计员工的薪酬福利待遇,就是要从物质和精神的角度,兑现企业对员工的承诺,激发员工的潜能,这样能够充分体现员工的价值、体现企业对其的重视程度、体现企业对员工能力的欣赏和利用情况、体现企业对员工为企业生存和发展所作贡献的认同程度的同时,还能够更好的发挥薪酬的维持、保障和激励的作用,提高员工的工作满意度,利于雇主品牌的传播,更好的进行企业的人力资源管理,进一步控制企业优秀人才的流失,最终实现雇主品牌的成功建立。

(三)雇主品牌的建立和薪酬福利政策的设计可以相互验证。薪酬福利的合理设计反映了企业雇主品牌建设的效果:雇主品牌的成功建立,是薪酬福利设计合理的体现。员工的薪酬和所受福利反映了企业对员工能力的认可程度,也反映了企业对员工为企业发展所作贡献的认同程度;而为员工提供良好的工作环境、可发展的机会是员工福利中的重要内容,也是雇主品牌的重要内容,这是企业实施建立雇主品牌战略与企业战略性薪酬设计的又一契合点,企业雇主品牌建设与企业的战略性薪酬设计存在相互影响和相互制约的关系。雇主品牌建设的怎么样,要靠员工的工作满意度来评价,要靠员工对企业的人力资源管理产品的赞同和支持程度来评价,而薪酬福利的设计与实施作为满足员工需要的重要因素,也是雇主品牌建设成果好坏必须考察的内容,薪酬福利能够反映雇主品牌建设的效果:而如果雇主品牌成功的建立了,企业在人才市场和在企业内部都赢得很好的评价,那就说明人力资源管理的各项工作都比较成功,从战略角度出发的薪酬福利也自然达到了满足员工需要的程度,说明它的设计比较公平合理了。

三、结论

企业网站的设计与建设 篇4

我国高等院校的精品课建设工作有十年的历史, 精品课程网站从最初的完全静态网页, 发展成为具有一定数据库和后台更新能力的动态网站, 应该说精品课网站的制作技术已经相对成熟。但是, 随着国家教育部主导的精品课程转型为精品资源共享课大幕的正式拉开, 精品课的转型与升级工作也势在必行。

1《网站设计与制作》精品资源共享课程网站界面设计的原则

界面设计是网站建设的一项重要内容, 网站的界面不仅影响到课程本身外观, 也会直接影响到学生学习兴趣。应该坚持以下原则:1) 网站规划书的撰写;2) 能提供清晰的目录和说明;3) 网站整体风格统一, 局部变化, 和谐完整;4) 网站导航灵活, 方便易用。

2 网站的规划

一个网站制作成功与否与建站前的网站规划有着极其重要的关系。只有详细合理的规划, 才能做好网站建设, 使网站能够正常运作。

例如, 我建立的网页设计与制作精品课共享资源网站分为:学科新技术、教学设计、自主学习、项目案例、讨论交流、在线测试、课程考核、学生博客和答疑中心等基本栏目。如果太多叙述性的内容往往会增加学生的心理疲劳和厌倦。

2.1 网站主色调及风格

一个好的网站最重要的一点就是界面的简单、朴素。网站的形式是为内容服务, 色彩也是为内容传达创造更正确和更舒适的环境, 只有使用了正确感觉的色彩才能设计出成功的站点, 让人感觉亲切和自然, 也不容易造成视觉疲劳。

2.2 网站结构

网站结构一方面是指网站的内容结构, 如栏目设置;另一方面是指链接结构、纵深方式等。网站独特的超链接, 使网站结构决定了浏览者的浏览方式。我在传统方式的基础之上加入了新变化, 既产生了丰富的对比变化, 又起到了连接的作用。

2.3 网页整合设计

精品课程要求的内容很多, 如果要把如此众多的内容统一起来放在网上浏览, 就需要很高的网页综合规划、设计能力, 要想真正设计出一个好网页, 这就对计算机设计人员的素质要求很高。须尽快掌握多方面的软件, 如PHOTOSHOP、3D、FLASH等, 制作的各种动态效果图画必须与教材内容紧密结合, 这样才能积极调动学生的学习兴趣, 从而加深知识记忆。

3 网站上基本资源的技术要求

网站中的基本教学资源单元指能反映教学设计、内容设计、教学手段、教材教参、教学改革、教学成果、等反映教学活动必需的资源。

该单元由课程主讲老师制定教学单元的课时, 主讲老师可以自己填写这个单元结构中的选项, 课程负责人有权限编辑每一个教学单元的内容。教学单元下的知识点有两种添加方法, 一种是从课程的知识点库中勾选, 另一种是直接输入, 直接输入的知识点将同时添加到课程的知识点库中。“教案设计”、“教材教参”和“内容选取”需要主讲老师利用相应的编辑工具编辑添加, 而“课程沿革”和“教材教参”是使用上传文件的形式上传。

企业网站的设计与建设 篇5

第一、建立一个代表性的标志

一个企业或者品牌都有着其代表性的标志。那么在网站上显示其代表标志,让每个人都能看到它。这有助于提高品牌知名度和允许用户浏览你的网站更容易。你的网站是否有标识或应该创建一个,实现它进入你的网站和连接到你的主页,最常见的最佳位置是位于顶峰。

第二、易于使用和简单的导航

为了展现更有意义与丰富的信息,使用户更方便快捷的使用的方法就是设计一个简单易于使用的导航系统。

一个独特而复杂的导航栏可能会使人感到有趣的和令人兴奋的;另一方面,如何使用用户操作更方便。许多网站大多数都是坚持正常水平的导航栏。为提供一个新的导航系统,大多数用户会本能地可以使用。尽量保持标题的数量大约5 - 8。你不想要很多不同的页面但你另外不想杂乱的文章。

第三、使用高质量的图片

当你在互联网上搜索付费或免费图片时候,有可能找搜索引擎上使用你的网站片相片,有利于展现你的网站。我发现最好的网站,提供高质量的照片。例如,网站你现在正在对“网站设计”,有很多版权免费图片你可以得到满足的创造力在你的网站。

第四、没有杂乱

帕累托原则宣称“影响大约80%来自20%的原因”,在网页设计中,意味着20%的内容在网站上应该显示80%的总体信息和结果,

尽量保持给上面的东西“褶皱”。褶皱是区域的网站,用户可以看到没有滚动。褶皱是很重要的,因为这可能是一个网站的第一部分用户会发现在任何页面。用户想要访问他们想要快速和精确的信息从而避免创建长段落和试着简化;使用要点或表。一个原则,不少网页设计师使用将帕累托原则。

第五、选择正确的颜色模式和字体

试图决定适当的颜色和字体,并遵循它!很容易挑出一堆不同的颜色和实施都在网站上,但一个简单的设计和风格进一步将带你。尝试创建调色板约2 - 3个不同的颜色。这将有助于创建一个干净的和一致的外观。挑选颜色并不困难,困难的部分是如何使用它们。一个有用的方法来使用颜色是你强调什么是重要的。选择一个可读的字体,你必须考虑不同尺寸的屏幕或者平台。用户会访问你的网站从桌面电脑或移动设备。两个平台的字体应该允许生成一个网站,是可读的,看起来不错。

第六、选择正确的图片

图片是最好的方式来表示信息或想出一个网站看起来不错。确保您使用的图形与页面上的信息,他们是高质量的。总是使用高质量的图片在你的帖子,这将确保图片往往不会出现清晰。使用原始照片是最好的方式来显示一个企业的真实性。

第七、有效地利用空间

与所有的可用空间会影响完整的体验。段落之间创造空间和图像呈现用户的“呼吸空间”。“留白”可以帮助控制网站的流量,有助于引导用户从一个比特的信息。建立一个网站时,总觉得对于用户和你希望他们如何看待你作为一个业务。

网站建设的系统设计研究 篇6

关键词:网站建设;系统设计

中图分类号:TP393.092

网站在功能上有前台与后台,对应的模块也就是前台模块与后台模块。网站建设需要有着自己的目标,此目标可以通过网络精准测量,如网站中的信息关注度、软件使用情况等。在网站目标完成率有了准确测量之后才能够更好地进行网站推广与完善。

1 主页HTML设计

网站通常都有自己的LOGO作为标示,在含义上,LOGO能够将标志图片、网站性质等加以概括,其中网站上的具体内容可以用Fireworks MX、Flash MX等软件设计完成。

在前台网站的主页设计中,需要注重页面之间的连贯性与整体醒目,網页头部通常Head. asp为主,Foot. asp作为网页页脚设计。色调上头部与页脚以蓝色为主,以便突出重点,中间内容的基色调为白色。

网站分页通过图片或标题加以链接并进一步展开详细内容,在网站主页与一级、二级子页上的内容、风格也要保持一致,以便网站的整体统一的实现。后台网站的主页设计需要与前台有着相同的技术操作,但页面风格可以有所变化,如基调色彩用红色,首页不显示各分页内容,后台网站需要登录之后才能够看到各种内容与操作技巧等。

网页中的交互式页面可以将数据库技术与ASP、Flash等有机结合,以便用户浏览与管理员管理网站。

2 数据库设计

网站的前台与后台采取共同的数据库Sjhhsjb. asp 来实现各自目标,通过.asp把数据库封存,确保数据库安全。在数据库中整理出前台与后台的一定数据库表格,并获取上面的数据项与数据结构,进而设计出用户需要的各种实体,如公告信息、短消息、帖子、用户信息、版主信息、管理员信息等,为后面的逻辑结构设计铺垫,这些实体之间的相互作用形成数据流动。

2.1 数据库的链接代码设计。使用后台数据库数据需要数据库的连接与打开,数据库连接需要ADO对象群的Connection对象。具体方法可以使用Web应用程序中的DSN与数据库之间建立ODBC连接;也可以使用Web应用程序中的非DSN与数据库之间建立连接字符串。

2.2 ASP对象的存取数据库设计。在ASP中,存取数据库对象称为ADO,具体包括Connection(打开与链接数据)、Record(存取数据表)与Command(数据库查询指令)三个对象。

3 功能模块设计

3.1 模块的整体划分。前台用户的注册登录、修改个人信息等形成注册登录模块;用户浏览帖子信息、查看图片等形成浏览模块;用户按照自己需求发布信息、回复信息等形成发帖回帖模块;网站管理员管理信息等形成帖子管理模块。此四类形成前台功能模块。与管理员相关的都是后台模块,如网站设置参数形成的网站设置模块;信息创建修改删除的管理板块模块;删除添加设置权限的管理用户模块。

3.2 各模块之间的关系设计。任何一个模块功能都是需求的真实反映,在对需求精确分析之后还可以形成更加完善的单独模块。在各个模块中还需要有系统框架的整体把握,以便将零散模块串联形成系统。用户决定了管理用户模块与注册登录模块之间的关系,在注册后获得用户资格,登录后证明身份,所有用户接受管理员管理等。如此弄清各模块之间的关系后,便可以清晰地构建出整体框架。

按照系统的不同入口有前台系统与后台系统,前者有注册登录模块、发帖回帖模块、浏览模块、管理帖子模块;后者有管理板块模块与管理用户模块。这样网站系统框架部分设计完成,为以后的数据库结构做铺垫。

3.3 信息分类模块设计。通过树状菜单或图片大小来显示不同信息,并分别查询出每个大类所对应的小分类信息,再通过

标记和JavaScript自定义函数实现
结点的显示和隐藏。

4 网站的发布、浏览与调试

4.1 采取Mozilla来调试网站,此软件在实现网页浏览编辑的同时,还有着强大的调试功能,能够高效方便地对站点网页JavaScript纠错、Cookie管理、源代码查看、DOM 查看和页面信息查询等。在网页编写中使用JavaScript是司空见惯的事情了,当JavaScript出现问题时,我们就可以利用Mozilla来解决。Mozilla所拥有的“JavaScript控制台”,能够将JavaScript 错误提示信息进行记录,这样方便找到出现问题的原因,能够最佳及时有效地修改网页问题。在“JavaScript控制台”来快速定位问题过程中,通过Mozilla 浏览器做出网站调试,点击顺序依次是工具-Web开发- JavaScript控制台,然后“JavaScript控制台”对话框便出现,在对话框中有着网页JavaScript出错信息的详细记录,并且具体出错的文件名称、错误所在的具体上下文位置等能够清晰可见,如此,找到JavaScript出错位置和错误原因便非常容易。与此同时,对于错误项目还可以右键点击,再出现的菜单项目中选择“复制”,将JavaScript出错信息复制保存到剪贴板中,以便以后使用时方便查询。需要注意的是:虽然Mozilla有着强的JavaScript控制台,但也有自身缺陷,一旦不能将出现错误项目的所有JavaScript文件保存的话,便需要一句句手工操作存储。

4.2 网站模式要严格管理,确保网页“流畅”运行。在网页调试过程中,除了上文分析的JavaScript错误信息之外,有时还会出现“严格的JavaScript警告”信息之类的出错信息,这种“JavaScript警告”虽然不像JavaScript错误信息那般严重,但它的出现也会严重地影响到网页的显示速度于浏览水平,要实现网站的完美运行,此类错误警告信息也必须时刻注意,一旦出现,务必解决。通常情况下,Mozilla对“严格的JavaScript警告”信息是不记录的,这就需要我们手工激活该功能。在Mozilla浏览器主窗口中,点击“编辑→首选项”后,便出现首选项对话框,然后进入到“调试”项目栏,点击“显示严格的JavaScript警告信息”选项,最后“确定”。如此,“JavaScript控制台”便会将这些警告信息存储保存,方便用户查找JavaScript问题所在,优化网页,提高网页运行效率。

5 结束语

网站系统设计就是为了方便用户对信息资源的获取与管理员对信息与用户的有效管理,良好的网站系统能够实现对信息的发布与查询,网络管理员也可以进入到网站维护界面来增加删改信息等以便用户浏览;会员注册能够确保用户享受网站对应服务,确保信息资源安全;帖子的回复交流也有利于用户之间、用户与管理员之间的互动合作等,可见,完善的网站系统设计能够确保网站的高效稳定运行与高质量的浏览品质。

参考文献:

[1]肖志刚.ASP动态网页设计应用培训教程[M].北京:电子工业出版社,2004.

[2]苗雪兰.数据库系统原理及应用教程[M].北京:机械工业出版社,2001.

作者简介:许芳(1980.11-),女,河南济源人,信息中心工程师,硕士研究生,研究方向:信息化建设。

企业网站的设计与建设 篇7

平面设计, 原称装潢设计, 也称作视觉传达设计, 是以“视觉”作为沟通和表现的方式, 透过多种方式来创造和结合符号、图片和文字, 借此做出用来传达想法或信息的视觉表现。平面设计师会利用字体排列、视觉艺术、版面等方面的专业技巧, 来达成创作计划的目的。平面设计的常见用途包括标识 (商标和品牌) , 出版物 (杂志, 报纸和书籍) , 平面广告, 海报, 广告牌, 网站图形元素、标志和产品包装。例如, 产品包装可能包括商标或其他的艺术作品、编排文本和纯粹的设计元素, 如风格统一的图像、形状和颜色。组合是平面设计最重要的特性之一, 尤其是当产品使用预先存在的材料或多种元素时。

现代印刷的出现使得平面设计获得了第一次技术革命。拥有大规模、重复性的印刷产品作为背景和需求, 作为信息载体重要一员的平面设计被重新定义为设计者个人或设计团体有目的进行有别于艺术的一种基于商业环境的艺术性的创造活动———平面设计就是一种工作或职业, 是一种具有美感、使用与纪念功能的造型活动。平面设计是建立在商业和大众基础之上的, 是为他们而服务, 从而产生商业价值和艺术价值, 有别于艺术的个人或部分群体性欣赏范围。

2 网页设计的技术进步

从互联网出现到如今, 短短几十年时间, 整个IT产业已经取得了惊人的爆炸式发展。网页作为互联网上展示和获取信息的最基础、最重要的手段, 其地位是不可撼动的。因此, 网页设计对于任何网站的建设都是核心任务之一。

网页设计是指使用标识语言, 通过一系列的设计、建模和程序执行将电子格式的信息通过互联网传输, 最终以图形用户界面的形式被用户所浏览。简单来说, 网页设计的目的就是产生网站。简单的信息如文字, 图片和表格, 都可以通过使用超文本标记语言、可扩展超文本标记语言等标记语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行, 同样地它们亦需要标记语言移植在网站内。

早期的网页由于技术限制的原因, 大多采取静态设计方式。整个网页以展示为主, 很少有浏览者的交互行为, 缺乏设计。在这个阶段, 表格技术成为设计网页手段。任何元素都需要由程序员在表格中给予固定的位置, 改变他们也需要由程序员对基础的HTML代码进行修改。因此, 整个网页在设计者眼中, 就是一行行程序代码, 这无疑导致非专业程序员的设计者们对网页设计望而却步。

随着技术的进步, 动态网页逐步取代静态网页成为主流。而JSP、PHP和RUBY等新兴编程语言和技术的出现, 使两个网页设计领域极为关键的概念被提出来, 那就是“设计-实现分离”和“设计-内容分离”。“设计-实现分离”的基本思想是, 不再将整体布局的设计和具体程序代码的编写同步进行, 而是先进行设计, 然后根据设计对整体布局进行实现。相关的工具, 如DREAMWEAVER等可视化网页设计软件应运而生, 让设计师可以在兼顾布局的情况下对网页底层代码进行编写。而“设计-内容分离”的理念为, 网页的展示内容和网页的设计布局在本质上是没有关联的, 内容的增减不应该影响整个网页, 起码是首页的外观和排版不会被影响。

最后, 在一代代程序员的不断努力下, 一些开源的内容管理系统 (CMS) 被开发出来, 这些CMS进一步深化了上文提到的两个概念。程序员只需要按照系统识别的模板开发出网页的框架, 网页的内容, 图片和声音都可以在后台进行可视化、无需程序编写能力的调整。可以说, 网页设计技术的进步, 就是将其从一个程序员才能完成的枯燥冗长、索然无味的编写代码工作, 逐渐过渡到多工种协作、能够进行可视化设计的先进设计方式的一个过程。

3 平面设计与网页设计的结合

综上所述, 平面设计和网页设计各自的技术进步为它们之间的联合工作创造一个有利的条件。以计算机技术为纽带, 平面设计已经可以给网页设计提供莫大的帮助, 同时, 网页设计的进步也为平面设计师的加入扫平了障碍。

一般而言, 在网站建设过程中, 平面设计的部分需要如下步骤: (1) 设计之初, 需要不同的设计群体间的互相沟通和交流, 包括平面设计师、网页设计者以及一些潜在的网站访问用户。 (2) 广告的平面设计师依据客户的偏好, 设计出不同的设计蓝本, 然后提交给客户, 经客户反馈后进行再修改, 直至获得客户认同。 (3) 网页设计者将平面设计中完成的样本进行嵌入, 这些材料包括图片、图像、色彩、文字、字体等。 (4) 将动态网页制作的一些元素植入到网页中, 最终完成网站的建设。

显而易见, 这个基础步骤充分体现了“设计-实现分离”的思想。在平面设计师和用户进行沟通并进行初步设计的阶段, 并不需要考虑其实现机制, 也不需要写任何程序代码。设计师可以充分发挥自己的美术功底和创作思路, 以单纯的艺术思维和唯美的审美预想, 为整个网页提供优美而简洁的外观设计和紧凑实用的排版, 这是早期网页设计直接交由程序员进行所不能达到的。另外, 由于“设计-内容分离”, 一旦网站的结构确定下来, 设计师可以运用CMS对网页的可视化元素进行方便的修改, 无需求助于程序员修改代码, 几下鼠标就可以操作完成 (例如, 如果想修改网页的主页图标, 只需要在CMS中替换一张图片即可) 。

摘要:平面设计和网页设计, 在以前是作为两个独立的项目, 分别由美术设计师和程序员完成。但随着技术的不断发展, 两者在各自的领域里的工作方式有了很大的改变和进步, 相互之间的交集也不断扩大。如今, 设计出一个功能全面, 界面美观, 操作友好的网站不再是程序员们的专属工作, 平面设计在这项工作中所占的比重和作用已愈加不可忽视。下面, 笔者从平面设计与网页设计的技术进步和两者的相互结合谈起, 分析两者之间的联系和相互推动作用。

企业网站的设计与建设 篇8

1 什么是web标准

网页标准 (或Web标准) 一般是指有关于WWW各个方面的定义和说明的正式标准以及技术规范。网页是一种以美学意义上的愉快方式向读者呈现的文档, 网页文档的构成元素由结构 (Structure) 、表现 (Presentation) 和行为 (Behavior) 三个层次组成。因此对应的标准也分三个方面:结构化标准语言主要包括XHTML和XML, 表现标准语言主要包括CSS, 行为标准主要包括对象模型 (如W3C DOM) 、ECMAScript等。

Web标准的核心是将网页文档结构与表现分开, 即使用HTML, XHTML定义内容结构, 使用CSS控制表现样式。

2 web标准的好处

2.1 对用户来说, 更易用

符合标准网页结构能够使搜索引擎更方便的判断和评估信息, 从而建立更为准确的索引。良好的结构即使在无CSS技术支持的情况下, 也能够有序的显示完整信息, 方便不同设备和用户使用。符合标准的页面能够轻松转换为其他格式信息, 如数据表或便携式文件, 甚至移植到网络电视、PDA等设备中, 以供不同人群无障碍阅读。

2.2 对设计者来说, 更高效

通过把具体内容与样式分离出来, 可以使同一个设计重复使用, 实现代码重用的目的, 从而减少冗余代码, 加快开发速度。对于脚本同样可以复用。代码重用性降低了维护成本, 通过简单更改一处代码就可以改变整站效果。由于内容、表现和行为的分离, 使样式设计人员和逻辑开发人员分别独立出来, 更好的分工协作, 提高了开发效率。

2.3 对于服务器来说, 成本更低

内容、表现和行为的分离, 使CSS样式表代码复用, 网站的冗余代码大大减少, 尤其是对大型网站来说, 成千上万的网页调用一个CSS样式表, 当用户终端第一次访问网站时, CSS样式表就保存在本地缓存中, 这样实现了只要访问调用此样式表的网页, 就会从本地读取, 可以节省大量带宽, 同时也降低了硬件处理的压力、减小了服务器的负荷。

3 Web标准在网站建设中的应用

提到Web标准与Web重构, 很多设计者喜欢用DIV+CSS来描述, 实际上这是错误的理解, 也是Web标准化设计的误区, 准确来着应该是HTML+DIV, 这里主要从结构、表现和行为三个方面探讨Web标准的应用。

3.1 规范书写HTML语言

HTML是Hypertext Marker Language的简称。回归网页本质, 网页主要就是通过一定的结构组织一定的内容供用户浏览。规范书写HTML代码至关重要。

(1) 正确选择DOCTYPE

在遵循Web标准的网页文档中, DOCTYPE是一个必要元素, 只有确定正确的文档类型, HTML文档的结构和样式才能正常的解析和呈现。

(2) 设定名字空间

名字空间就是给文档做一个标记, 告诉别人, 这个文档是属于谁的。具体代码为:

(3) 设置HTML文档元信息

主要是正确使用meta信息描述信息, 比如用name和content属性配合使用设置网页描述信息和关键字, 以便搜索引擎和机器人等设备检索。用http-equiv和content属性配合使用设置网页编码信息和网页的语言。

(4) 网页语义化

近10年网页设计师从table网页布局转向了DIV+CSS, 大量滥用div标签作为结构标签, 其实HTML提供了丰富的标签元素, W3C组织指出Web的未来是语义化的Web, 语义化的宗旨是没有CSS支持网页也能有效显示信息的结构和层次, 好处是网页容易被搜索引擎检索和收录。比如应该用h元素来定义标题, 而不是用div元素。

3.2 利用CSS设计网页表现

CSS是英语Cascading Style Sheets (层叠样式表单) 的缩写, 它是一种用来表现HTML或XML等文件样式的计算机语言。

(1) css语法

CSS规则由两个主要的部分构成:选择器, 以及一条或多条声明。每条声明由一个属性和一个值组成。例如h1{color:red;font-size:14px;}这个例子作用是将h1元素内的文字颜色定义为红色, 同时将字体大小设置为14像素。h1是选择器, color和font-size是属性, red和14px是值。

(2) css选择器

Css选择器主要有标签选择器 (如:body, div, p, ul, li) 、类选择器 (如:class="head", class="head_logo") 、ID选择器 (如:id="name", id="name_txt") 、全局选择器 (如:*号) 、组合选择器 (如:.head.head_logo, 注意两选择器用空格键分开) 、继承选择器 (如:div p, 注意两选择器用空格键分开) 、伪类选择器 (如:就是链接样式, a元素的伪类, 4种不同的状态:link、visited、active、hover) 。

在设计Css的时候, 要正确应用选择器, 养成良好的编程习惯。比如类选择器和ID选择器应用相似, 要避免在进行网页布局时滥用Div+Css, 有的Web设计者为所有区块划分Div并且为每个Div样式应用ID选择器, 这是错误的做法, 应该分清类选择器和ID选择器, 类选择器为整个XHTML文档中的标签指定相同的CSS样式, 而ID选择器和类选择器相似, 不同的是, ID选择器不能复用。在一个XHTML文档中, 一个ID选择器只能把其CSS样式指定给一个标签。

(3) 浏览器兼容性

随着平板电脑以及智能手机的普及, 浏览网页的用户应用了更多种类的浏览器。但是不同的浏览器对web标准默认值不同。创建和编辑css可利用Adobe Dreamweaver软件中的Adobe Browser Lab工具测试css对多种浏览器的兼容性。同时要应用Css Hack, 针对不同浏览器对css解析不同的问题, 需要针对不同的浏览器去写不同的CSS, 让它能够同时兼容不同的浏览器。

4 结语

随着信息化的发展, 网站成为各行各业的服务窗口、宣传阵地。作为网站设计人员不仅要做到网站的审美要求, 更要理解网站的本质是在网路上传递信息, 尤其是在互联网上要做好网站搜索引擎优化, 这就要求充分利用网页设计标准化构建可读性强、易维护的网站。

摘要:随着互联网的发展, 网站作为最普遍的信息载体数量不断增多, 网站前端设计表面上技术含量低、容易入门, 然而设计出美观、利于搜索引擎收录、管理工程化、良好的兼容性以及无障碍性的网站并不是很简单的事情, 本文围绕网页的本质阐述了Web标准化的必要性以及如何利用Web标准化设计网页。

企业网站的设计与建设 篇9

关键词:网页设计,网站建设,教学改革

0 引言

《网页设计与网站建设》是计算机网络技术专业的核心课程, 随着网络技术的迅速发展, 市场对“网页设计制作员”岗位的需求与日俱增。在传统的教学和考核方式下, 学生虽然能够掌握一定的网页制作知识和技能, 但实际动手能力不强, 教学与社会职业岗位要求脱节, 不利于学生将来的职业发展。

1 课程现状及存在问题

笔者所在学校的计算机应用技术、计算机网络技术、电子商务和物流管理4个专业均开设了《网页设计与网站建设》课程, 由于互联网的普及, 学生大多对此课程很感兴趣。想要制作出精美的网页, 需要融合各种专业知识。网页制作常用软件有Dreamweaver、Photoshop、Flash等, 学生面对这么多的软件不可避免会产生畏难情绪, 觉得涉及知识面太广, 没有信心能同时熟练运用这些软件。另外, 教学内容陈旧, 不符合市场岗位需求;教学方法不灵活, 常常是教师先在多媒体教室进行理论教学, 然后学生通过上机实验验证各网页元素的使用;考核方式单一, 不能综合考核学生的动手能力, 课程学完后, 很多同学仍然不会制作一个完整的网站, 又或者设计出来的网页仅仅只是模仿别人已有成果, 缺乏个人独立思考和创新。

2 教学改革措施

2.1 课程定位与目标

《网页设计与网站建设》是计算机网络技术专业的核心课程, 实践性较强。本课程以图形图像处理技术、动画设计基础为前导课程, 从高等职业技术教育的特点出发, 以培养学生实际动手能力为目标, 使学生具备网页素材搜集、网站布局和规划、网页元素制作、脚本代码编写、网站发布、网站管理和维护等知识和技能, 并培养学生团队协作能力、沟通能力、分析解决问题能力和项目实施能力, 同时也为后续课程《ASP.net动态网页设计》的学习奠定基础。

课程目标包括: (1) 理解站点的工作原理, 学会构建网站; (2) 熟练使用Photoshop、Flash等软件处理网页素材; (3) 熟练使用Dreamweaver进行网页设计; (4) 掌握网页脚本语言的使用方法; (5) 培养学生独立思考能力及创新能力。

2.2 优化教学内容

以往教学内容大多是按照教材各章节的顺序展开, 内容不全或比较盲目。而以职业岗位为导向的课程改革需将课程内容与社会对网页制作人员的要求相结合, 满足市场需要。《网页设计与网站建设》的前导课程有计算机网络技术、图形图像处理、动画基础等, 因此该课程以Dreamweaver软件为主线, 设计13个学习情境来优化教学内容, 并为每个学习情境配置了项目实践任务, 如表1所示。

这13个学习情境, 涵盖《网页设计与网站建设》课程的所有知识点和扩展内容, 从简单到难, 符合学生的认知规律, 并且多个学习情境可以交叉进行。教学体系经过实际的授课实践, 受到学生的普遍欢迎。

2.3 教学方法改革

教学方法由传统的演示法向多样式教学方法发展。主要有以下4种:

(1) 启发式:网页设计这门课程与其它课程不同, 初学时需要多浏览一些优秀网站案例。通过欣赏国内外优秀网站, 让学生在视觉与听觉的享受中感受网页设计领域的奇妙, 培养学习兴趣。常言道:兴趣是最好的老师。学生一旦有了浓厚的兴趣, 就会主动去探索、实践, 并学习。

(2) 任务驱动法:每个学习情境都布置了学习任务。课程体系结构以任务为主线, 贯穿整个学习过程。教师在课堂讲解理论知识后, 根据学生的理解程度布置学习任务, 学生自己动手独立完成学习任务, 将理论与实践相结合, 使知识得到升华。

(3) 项目教学法:将实际的网站设计项目直接在课程上再现, 以项目为驱动, 带动各知识点, 让学生边学边练。这不仅能让学生了解网站开发的流程, 也能锻炼学生独立思考和解决问题的能力, 快速吸收所学内容。

(4) 角色扮演法:教学过程中, 让学生扮演实际项目中的甲方或乙方, 以分工合作的方式完成任务。并且在考核方式中由学生担当评委, 使学生充分体验不同职业岗位的乐趣。

2.4 考核方式改革

传统的考核方式, 虽然也能够考核学生的知识和技能, 但是不能有效地考核学生对知识的综合运用能力。采用以学生为主体, 学生自荐或推荐评委, 且教师把关的方式开创评委制考核方式。整个评价过程由学生组织、评分, 教师集中点评, 综合考核学生网页设计与网站建设能力、团队协作能力、组织能力、表达能力、分析问题和解决问题的能力。

期末作品展示具体实施如下:

(1) 期末考试前三周布置《网页设计与网站建设》课程期末考试内容及评价标准。其中, 平时成绩占总评40% (平时成绩包括出勤及平时作业) 、作品占总评60% (作品展示70%、演示讲解30%) , 评分标准如表2所示。

(2) 由学生推荐或自荐评委, 且教师把关的方式选取5-6名学生评委 (学生评委要求平时该课程成绩优秀) 、1名主持人和1-2名记分员策划并组织活动。整个展示过程以学生为主体, 教师为主导, 且由教师监督并点评。

(3) 每位学生依次上台在多媒体教室利用投影向大家展示作品, 时间控制在5分钟以内。展示过程中, 在座同学可以就作品的闪亮点、所用技术知识等提问, 展示者一一解答。然后由学生评委打分, 计分方法按照去掉一个最高分和去掉一个最低分的原则, 取平均分即为学生作品展示的成绩, 并由主持人在下一个同学展示完后当场公布。

(4) 最后由教师对学生作品做集中点评, 指出普遍存在的问题及将来努力的方向。

3 结语

通过《网页设计与网站建设》课程教学改革与实践, 学期末所有学生都能够独立完成一个小型网站的设计, 大部分学生能在课程答辩中流畅介绍并演示自己所设计的网站。通过课程改革, 提高了学生学习兴趣, 锻炼了他们的动手实践能力, 并获得了良好的教学效果和学生满意度。

参考文献

[1]任冬炎.高职院校《网页设计与网站建设》课程教学改革探析[J].科教导刊, 2011 (21) .

[2]贾卫华.基于项目教学的网页设计与制作课程改革与实践[J].广西教育, 2011 (30) .

[3]翟莲秋.网页设计教学改革的实践与探索[J].算机光盘软件与应用, 2011 (21) .

[4]罗静.网页设计课程教学改革的思考[J].计算机光盘软件与应用, 2012 (11) .

[5]李小美.网页设计与制作课程教学改革的研究与探索[J].大众科技, 2012 (3) .

企业网站的设计与建设 篇10

一、岗位课程体系的设计思路

工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。工作过程导向就是在构建专业课程内容体系时, 以工作过程为导向, 通过对工作过程的分析, 把复杂工作系统即劳动组织关系、工作内容、设备和工具、从业者应具有的技能、知识和态度等要素结构化的过程。

通过对宁波市中小企业商务网站建设与管理岗位人才需求调研, 以及企业专家、软件公司经理的座谈讨论, 结合浙江工商职业技术学院信息工程学院计算机应用技术专业现状, 在相关企业专家指导下, 按照《网页设计与制作》-《企业网站开发》-《商务网站开发》-《网站开发实战》的思路, 参照相应职业岗位要求, 对高职《商务网站建设与管理》系列岗位课程的核心能力进行了提炼, 见图1。

在核心能力分析的基础上, 以职业实践活动为导向, 以必需够用为基础, 对商务网站建设与管理岗位所需的技能、知识和职业能力素质进行分析, 将岗位所需的核心能力融入教学体系中, 提出了基于工作过程导向的计算机应用技术《商务网站建设与管理》岗位系列课程体系, 见图2。

《商务网站建设与管理》系列课程以就业为导向, 所有课程都以能够熟练建设、管理、维护网站为培养目标, 使学生通过对系列课程的学习达到相应的职业资格能力, 获得职业资格证书, 成为一名合格的职业人员。课程体系按培养职业能力的需要, 以职业能力为核心、按照工作过程设置课程。让学生在掌握熟练的职业技能和适应职业变化的能力的同时, 又具有岗位所必需文化知识。

二、课程设计方案

高职教育课程, 应该以工作任务为中心, 以项目课程为主体, 以典型产品 (或服务) 为载体, 并以此延伸出需要学生掌握的丰富的知识和其他产品 (或服务) 及工作任务。

1.网页设计与制作课程体系。课程项目设计以制作网页为线索来进行。为了使学生能胜任网页设计制作岗位, 能够完成岗位典型的工作任务, 形成一定的职业能力, 精心设计了三个不同复杂度和类型的教学项目, 第一个项目是个人网站页面设计与制作, 第二个项目是企业网站页面设计与制作, 第三个项目是商务网站页面设计与制作。前两个项目设计由简单到复杂, 让学生逐渐掌握网页设计与制作的步骤和技能, 第三个项目则在前两个项目的基础上进行进一步巩固练习, 最终使学生能熟练设计并制作页面, 形成所需的职业能力。教学过程中, 要通过校企合作, 校内实训基地建设等多种途径, 采取工学结合等形式, 充分开发学习资源, 给学生提供丰富的实践机会。

2.企业网站开发。项目设计以流程式线索进行。选取开发企业网站的典型工作任务作为项目原型, 经过适当修改以适应教学环境。包括需求分析、详细设计、数据库设计、核心模块开发和系统测试五个项目。将核心模块开发项目再细分为企业网站的典型模块, 每个模块均包含网站开发的主要工作任务。

3.商务网站开发。具体设计思路是, 以基于开发电子商务网站的工作过程分解的工作任务为中心设计典型教学项目, 这典型教学项目整体上构成了一个较为完整的电子商务网站。应用循环式和叠进式来编排工作任务, 由简单到复杂, 让学生逐渐掌握商务网站页面开发和测试的步骤和技能。最后, 要让学生学会完成相应工作任务, 并在职业能力上达到一定要求。

4.网站开发实战。学生按照工作过程, 按时、按步骤完成来源于真实软件公司的企业、商业网站项目。学生在实战开发过程中, 每个典型阶段都要完成相应任务, 交出相应产品。学生通过本门课的学习, 可以积累网站开发的实际工作经验, 提高企业、商业网站开发的职业能力。

综上所述, 基于工作过程导向的高职《商务网站建设与管理》岗位课程体系设计, 按“网页设计与制作→企业网站开发→商务网站开发→网站开发实战”的步骤开展教学;理论知识以工作任务为载体, 核心能力与任务实现过程密切相关;课程内容是网站建设的实际项目, 具有代表性;允许并鼓励学生依照个人兴趣或企业需求变换工作任务, 开发相似的实用网站;支持自主学习和创新性学习。

摘要:基于工作过程导向, 对高职《商务网站建设与管理》岗位课程体系进行设计, 按照“网页设计与制作→企业网站开发→商务网站开发→网站开发实战”的流程, 提炼岗位课程核心能力, 确定各岗位课程的总体设计思路。

关键词:高职,工作过程,计算机应用技术,商务网站建设与管理,核心能力,设计思路

参考文献

[1]徐国庆:高职项目课程的理论基础与设计.江苏高教, 2006, 6

[2]朱雄军杨旭东陈晴:高职计算机网络专业基于工作过程导向的课程体系设计.职业技术教育, 2008, 5

企业网站的设计与建设 篇11

关键词:勘察设计;企业文化;建设

中交第一公路勘察设计研究院有限公司始建于1952年,前身是交通部第一公路勘察设计院,现隶属中国交通建设集团有限公司,是工程勘察、设计、研究、咨询领域国家大型骨干企业之一,在全国交通系统最早跻身“中国勘察设计单位综合实力百强”之列。先后获得陕西科技系统企业文化建设先进单位、企业文化建设卓越绩效奖全国精神、文明建设工作先进单位等光荣称号。

一、企业文化建设的意义及使命

企业文化是经济社会文化与企业生产经营和组织管理实践相融合的产物。通过优秀的企业文化产生的强大凝聚力和向心力,可以把员工的积极性和创造力最大限度地挖掘和释放出来,为促进企业健康持续跨越发展提供强有力的保障。它以全体员工为中心,以培养具有管理功能的系统的、完善的、适应性的精神文化为内容,以形成企业具有高度凝聚力的经营理念为目标,使企业增强对外的竞争力和生存力,增强对内的向心力和活力的管理思想、制度和方法。企业文化是一个企业的灵魂,而没有灵魂的企业就是没有竞争力的企业。

当今,企业文化建设已经成为企业管理的重要内容,成为提高员工素质,提升企业管理水平,树立良好形象,增强企业核心竞争力的重要途径。企业文化管理已成为一种世界性浪潮,在企业管理中发挥了不可替代的巨大作用,企业文化管理的应用和深化,已成为各国企业成功的必由之路。

二、在企业发展过程中凝练企业文化

我公司的前身为1952年成立的西北军政委员会交通部设计公司。这一年,测设人员响应党中央“一面进军、一面修路”号召,开始挺进青藏高原。特别是1973年以来,作为青藏、川藏公路科研攻关主持单位,伴随着青、川、新三条进藏公路的改建、地质病害整治、方案研究、科研工作的开展,公司工程技术人员在恶劣的自然环境中坚持工作并逐渐形成了“特别能吃苦、特别能战斗、特别能奉献”的三个特别精神,三个特别精神又激励着大家与困难顽强斗争。

青藏高原被称为“地球的第三级”,高寒缺氧,紫外线强,气候瞬时多变是其主要特征。为了在青藏高原上修筑天路,公司勘测人员在海拔5000米以上的高原每天主动工作10多个小时,有时为了取得一个准确的观测资料,白天要定时观测上百个观测点的记录数据;有时冒着被狂风卷走的危险,跪在地上收集观测数据;晚上睡在冷得象冰窖的帐篷里,有时一觉醒来帐篷都被风刮得无影无踪。长期在青藏高原工作,他们有的得了胸膜炎、肺气肿、高血压等疾病;有的积劳成疾,过早地就走完了人生旅程。但这些疾病和死亡的威胁并没有阻挡探索的脚步和攻克技术难题的决心。这种无所畏惧、不计得失、默默奉献的精神代代相传、历久弥新,流淌在中交一公院每一个人的血液中,渗透在中交一公院人走过的每一寸土地,是我们赖以生存发展并引以为豪的精神文化资源,这种精神激励着我们不断团结拼搏,开拓进取。

我公司的企业文化是在长期的公路勘察设计中产生、形成并辐射于企业生产经营活动的方方面面,形成了“自诚至善、和谐共赢”的企业精神,“开辟最难的路,设计最好的路”的企业目标追求;“精心勘设,服务第一”的质量方针;“以质量求生存,以管理求效益,以信誉求市场,以创新求发展”的经营理念;“服务交通,奉献社会”的价值观。

三、企业文化是企业核心竞争力的重要组成部分

先进的企业文化是企业核心竞争力的重要组成部分。如果说企业文化是一个企业的灵魂,那么企业核心竞争力的提高就是企业文化建设的灵魂。当前,随着经济全球化的发展,我们既面临良好的发展机遇,又面临国内外相关企业的双重竞争压力,迫切需要提高企业管理水平,提升企业竞争力。要提高企业的经营管理水平和企业竞争力,在硬件建设完善的情况下,更要提高软件水平,而这在很大程度上都取决于企业文化建设水平。

实践表明,加强企业文化建设,有助于增强企业核心竞争力,有助于促使企业使命、愿景、核心价值观的进一步清晰,有助于提升企业的管理水平和品牌形象,使广大员工对企业的价值理念自觉认同,把个人与企业的发展有机结合,进一步转变思想观念、增强学习创新意识、改进职业道德和行为规范,从而为企业改革与发展奠定牢固基础。企业文化建设是企业持续发展的精神支柱和动力源泉,是提升核心竞争力的重要因素,是凝聚员工力量、激发员工积极性和创造性、提高企业管理水平的重要途径。

四、企业文化是企业持续发展的原动力

企业文化是企业持续发展的原动力,企业文化建设就是企业价值观的倡导、树立与实现,它渗透于企业经营管理的各个环节,支配着从企业家到员工的思想和行为。企业形象塑造,是企业文化深刻内涵的自然流露,就像一个人一样,外表气质好的人必然具备优秀的内在文化底蕴,梳妆打扮、言谈举止所表现出来的气质就是其文化底蕴的流露。推进企业文化建设,就是将企业提炼概括的价值理念,运用包括管理和制度在内的各种途径方法使之最终转化为员工在岗位上的自觉行动。

五、企业文化建设的着力点—以人为本的管理

企业文化的本质是管理理论。企业文化管理是企业运作的灵魂管理,是根本战略管理、管理中的核心管理。在生产力诸要素中,人的因素起着主要作用。市场经济和信息时代的竞争归根结底是人才的竞争,人才越来越成为企业发展最宝贵的资源。

企业文化的建设培育,就是要紧紧围绕尊重人、关心人、爱护人、培养人、造就人这一主线来进行,为职工的全面发展和价值的实现创造有利条件,积极引导职工把个人前途命运和企业的发展建设紧密结合起来,大力培养职工的主人翁精神、责任感和使命感。要坚持每年对新员工进行企业文化培训,对新员工进行企业发展史、企业精神、价值观、企业作风、经营理念、职业道德等教育,使企业文化深入员工的内心。

企业网站的设计与建设 篇12

新的21世纪是一个信息迅速发展的时代, 本人所在的高职高专院校急需建立相应的精品课程网站, 这对于我校各个系部和相关重点专业的发展而言很有必要。精品课程网站的优势在于:可以把较好的教育资料源用网站的形式呈现给广大师生, 还能提升学校的知名度, 在校学生通过该网站可以独立自主地学习, 可以有效培养学生的主动学习能力。

当前教学背景下, 高校许多课程的教育资源都已经变成了网站平台, 在互联网上供教师和学生分享和学习。随着互联网的发展, 教学资源网站能够让社会各个领域的人都能够方便地浏览和学习, 这样的教学方式已经打破了传统教育资源在教学过程中的弊端, 越来越多的人能够从网站平台自主地学习相关的课程, 这对于我们开发精品课程网站来说是很有意义的。

1 网站采用的数据流可行性分析

一般而言, 精品课程网站是一个比较典型的模型:输入———变换———输出。输入主要是一些基本信息, 如新闻信息数据等等, 系统需要将这些数据存入数据库, 为后期的数据处理提供保证;系统首先得跟数据库进行交互, 得到基础数据, 接着, 这部分还要更新数据存储;最后, 是数据输出, 作为信息系统, 这部分主要是将经过变换处理过的数据从数据存储中取出来, 并呈现给用户。

2 精品课程网站总体功能可行性分析

根据前面的数据流分析, 从功能上来看主要有如下几点:

(1) 首先, 通用精品课程网站系统要能对教学内容基本信息进行维护 (如:增、删、改、查) , 这部分是整个系统的核心基础, 因为一切工作都是建立在教学基本信息基础上的, 这包括对教学课件、教学视频和评分测试的增删改查。

(2) 其次, 本系统还需要有处理基本数据的能力。在本系统中, 需要对已经测试过的试卷进行相应的处理, 最终得出测试结果。

(3) 接着, 系统还需要提供用户查询入口, 让用户能够查询到相关信息, 如教学资料、新闻信息等等。

(4) 然后, 系统还需要能够维护和管理基本信息, 因为这是所有信息依赖的基础, 如果没有了用户, 那么一切数据将没有意义。

(5) 最后, 本系统还需要设置不同角色的用户来保证系统的安全性。因为精品课程网站需要对用户的基本信息进行管理和维护。

3 网站开发的软件技术可行性分析

首先是编程语言的选择, 从行业发展来看, JAVA, PHP, .NET都是不错的选择。.NET语言属于面向对象语言, 具有良好的继承、封装和多台的特性, 而且它十分灵活, 拥有丰富的API文档, 这对开发人员来说, 是个很好的选择。此外, .NET语言具有一次编译到处运行的特点, 良好的可移植性为后期的测试运行带来了方便。因此, 选择.NET语言来进行开发, 完全合理可行。

其次是数据库的选择, 按照规模的大小, 常见的数据库有Access, Mysql, SQL Server, Oracle, DB2。Access主要针对数据量不大的小型软件, Mysql与SQL Server可以满足中型项目的需求, 而Oracle和DB2主要面向大型软件系统。考虑到通用精品课程网站系统数据量不是特别大以及自己对数据库SQL Server 2005的熟悉, 所以选择SQL Server基本能完成系统。

综上所述, 采用.NET技术来开发, SQL Server2005做数据库支持来完成精品课程网站的操作基本可行。

4 网站的系统界面要求与客户端访问模式

首先是界面需求, 不管系统功能怎么样, 界面都要尽量设计得美观些, 使得界面具有一定的友好性, 至少让用户觉得这款软件看着舒服, 第一印象很重要。

其次是用户习惯需求, 开发出来的软件系统要符合用户的操作习惯, 尽量做到简便, 易于操作, 不能让用户无从下手, 不知道该如何使用, 那样可能软件的质量就会大打折扣了。

接下来的一个问题很重要, 由于通用精品课程网站系统的用户比较多, 用户使用的方便性将是一个值得考虑的问题。而B/S模式是基于浏览器的, 只要打开浏览器输入网址就能访问, 这样用户使用就方便多了, 因此, 本课题中, 采用B/S模式来开发系统。

5 网站的总体设计思路

5.1 网站的整体框架

网站一点开进入是一张大的主页, 采用了div+css的样式设计的, 主页是一个大的横幅、目录, 还有一个用js做成的滚动的图片, 下面是3个模块, 分别是课程介绍、课程动态、课程特色。再下面是教学剪影, 整体感觉清晰明了, 清爽而又美观, 带有科技的意味在里面。

5.2 网站总体设计原则

(1) 系统操作的简便性:当用户在使用这套网站系统的时候, 能够让他们感觉系统操作简单方便, 容易上手。

(2) 课程设计的针对性:本系统在设计的过程中, 应该注重高校精品课程教学的特点和需求, 紧密联系课程自身的具体教学内容去开发设计。

5.3 网站设计的可扩展性与先进性

网站在设计的时候, 客户的访问方式采用了B/S模式结构, 网站的基本页面和功能的开发过程中, 采用了目前已经广泛使用的JSP技术, 同时最关键的后台数据库, 主要是依托SQL Server 2005。正是由于采用了这些相关的可行技术, 本网站具有良好的先进性是可以值得肯定的。并且精品课程网站在设计的时候, 也充分考虑了网站在未来的可扩展和可开发性, 为未来的升级和扩展做了相应的考虑。

5.4 网站用户访问登录的设计

随着当前Internet技术的兴起, B/S模式结构是对C/S结构的一种变化或者改进的结构。在这种结构下, 用户工作界面是通过WWW浏览器来实现, 极少部分事务逻辑在前端 (Browser) 实现, 但是主要事务逻辑在服务器端 (Server) 实现, 形成所谓3层3-tier结构。这样就大大简化了客户端电脑载荷, 减轻了系统维护与升级的成本和工作量, 降低了用户的总体成本 (TCO) 。因此精品课程在设计的时候, 主要选择B/S模式结构, 这对于网站的实用性和便捷性都是很好的补充。学生和教师无需在电脑上安装任何的客户端软件, 直接通过IE浏览器输入服务器IP地址就可以访问该网站学习。学生可以不再受到上课教室等地理位置的约束, 在任何地方都可以通过IE访问精品课程网站学习, 这样就使得学习的灵活性和便利性大大提高, 学生可以更加灵活自主地安排自己的学习。

6 结语

21世纪, 社会对高等教育的重视程度越来越高。远程教学必然会受到越来越多的重视。开发一个先进的、完整的、实用的精品课程网站还是很有意义和必要的。本文主要探讨了精品课程网站的研究背景和实际意义, 以及可行性研究与总体设计思路等。我们相信, 随着计算机网络技术的不断发展, 高职高专院校的精品课程网站建设必将发展得更快更完善。

摘要:文章首先讨论了精品课程网站开发的相关背景, 接下来阐述了当前高校发展精品课程网站的实际意义。然后分别从网站采用的数据流、网站的总体功能、网站开发的软件技术、网站的系统界面要求与客户端访问模式等方面探讨了精品课程网站建设的可行性。然后分析了网站的总体设计思路。最后得出结论, 基于B/S模式结构, 采用JSP技术进行基本页面的设计, 采用.NET技术来开发, SQL Server2005做数据库支持来完成精品课程网站的操作是可行的。

关键词:精品课程,B/S模式,可行性

参考文献

[1]张奇.Visual c#2005数据库项目案例导航[M].北京:清华大学出版社, 2007.

[2]马伟.易学c#[M].北京:人民邮电出版社, 2009.

[3]刘乃丽.精通ASP.NET 2.O+SOL Server 2005项目开发[M].北京:人民邮电出版社, 2007.

[4]陶卫江.基于ADO.NET的数据访问技术[J].电脑知识与技术, 2008 (2) :205-207.

[5]黄祝明, 胡亚联.加强精品课程建设, 促进教学质量提高[J].理工高教研究, 2004 (6) :75-76.

上一篇:传感器实验下一篇:电子技术档案管理