浅谈高职院校英文版网站建设

2015-12-27 07:37强彩虹
计算机与网络 2015年8期
关键词:英文版网页页面

强彩虹

(天津滨海职业学院,天津300451)

浅谈高职院校英文版网站建设

强彩虹

(天津滨海职业学院,天津300451)

校园网站是学校对外开放和交流的窗口,是学校外在形象的一种展示。高职院校英文版网站的建设不仅拓宽了学校的办学视野并且能让国外的学校、学生和家长对学校有一定程度的了解,如此进一步增强了国际交流与合作,进一步提升了学校的办学知名度。本文对英文版网站建设需要确定的四个重要方面进行了详细的阐述,结合某高职院校的具体情况阐述了某高职院校英文版网站具体的建设方法。

高职院校;英文版;网站建设

1 引言

校园网站是学校对外开放和交流的窗口,能够以最直观的方式突显学校特色。在如此高度信息化的时代,校园网站是最直接的宣传手段。网站具有超越时空、超越地域的特点,不仅能让本地区的人们了解学校,更可让世界任何一个人了解你的学校。

高职院校是培养面向生产一线的高端技能型专门人才的实施高等教育和职业技术教育的学校。当前,全国各地都在大力发展职业技术教育,仅天津市一地就有20多所高职院校。如何能被社会认知,如何能被广大考生及家长所关注、了解,除了依靠学校自身在育人方面在地区范围内所创下的口碑,关键是擅于运用各种渠道进行广泛宣传。网络宣传是其中之一。人们早已习惯通过网络来获取想要的资料,尤其是年轻人,他们更愿意通过浏览网站去了解事物,因此,加大校园网站宣传力度是一个非常行之有效的宣传策略。

无论对本地的还是外地的学生和家长来说,一个学校的校园网站就等于一个学校的“门面”,“门面”正不正规,好不好看,内容丰不丰富,会直接影响浏览者对学校的第一印象,因此,校园网站要力求做精做细,内容上要尽量涵盖学校的方方面面。

随着国际交流的日益加强,高职院校越来越重视国际间学校之间的交流与合作,一些高职院校与国外高校进行合作办学,因此,在中文网站的基础上,一些学校也开发了英文版网站,如此拓宽了学校的办学视野,进一步提升了学校的知名度。从某种角度而言,也让学生和家长对学校刮目相看。

经过对天津市26所高职院校的校园网站建设情况的调查,发现大部分的学校网站制作规范、精良,内容丰富,但仅有五分之一的学校建有网站英文版。因此,高职院校建设英文版网站的发展空间极大。

2 英文版网站建设需要确定的事项

(1)建设目标

英文版网站的服务对象是大部分是外国人,因此网站的设计一定要遵从外国人的阅读及浏览习惯,力求简洁明了,表达全面。使浏览此网站的人能够了解学院的总体情况、开设专业及各教学部门的情况、学生校园生活情况等信息。

(2)结构设计

网站结构是建立其它元素的根基,没有一个良好的结构,网站就是一堆胡乱堆砌令人困惑不己的东西。良好的结构使得导航系统的界定简单易行,而良好的网站结构与导航系统的结合又使得网页模板的设计轻而易举。

网站结构分为线性结构、层次结构和网状结构。

线性结构。如果把一个网页看作是一个点,把网页中的超链接看作是一条线,那么使用一条线把各个点串连起来,这个的结构即是线性结构。在一个线性结构中,网站首页相当于一个题目或者是介绍,其他页面按照线性结构有序地跟从。例如翻看一部小说,链接是“上一页”,或是“下一页”,也就是向前或是向后地将页面链到一起,所以在线性结构中,可以轻易地确定在上下文中的位置。

层次结构。可以把网站的层次结构理解为一棵树,把每个网页看作一片树叶,把超链接看作是树干或树枝。在层次结构中,主页的功能就像是树的树根和树干,提供对它以下的内容的概览,定义一些指向层次结构中更深层次的页面的链接。这种结构是网站的主流类型。

网状结构。如果把每个页面看成是一个点,那么各个页面之间的链接就构成了一个网,将每个页面系在一起的唯一的东西就是一个链接。

(3)网站风格

网站风格是指站点的整体形象给浏览者的综合感受。拥有独立风格的网站会更加吸引浏览者的关注。网站风格是由网页上的一系列元素通过不同的构成方法而表现出来的形式,这些元素包括站点的标志、色彩、字体、布局等。其中,网页布局是指在一定大小的限制下,根据网页内容,使用图片、动画、文字、线条等构成视觉形象。

(4)网站总体框架设计及页面布局

首页即是网站导航,通过点击首页上的各个链接,即可到达。

网页布局是指当网站栏目结构确定之后,为了满足栏目设置的要求需要进行的网页模板规划。网页布局主要包括:网页结构定位方式、网站菜单和导航的设置、网页信息的排放位置等。

①T型布局

所谓T型布局,使指页面上部为横条(网站标志+广告条)、下方左半部为主菜单、右由半部分显示内容的布局。因为看上去像英文字母“T”,所以称为T型布局。

T型布局的优点是页面结构清晰,主次分明,强调秩序,能给人以稳重、可信赖的感觉,比较容易上手。缺点是规矩呆板,如果细节和色彩搭配上不注意,容易让人乏味。

②口型布局

口型布局的页面上下各有一个广告条,左侧是主菜单,右侧放置友情链接等内容,中间是主要内容。

口型布局的优点是充分利用版面,信息量大。其缺点是页面拥挤,不够灵活。

③POP布局

POP引自广告术语,是指页面布局象一张宣传海报,以一张精美图像作为页面的设计中心,在适当位置放置主菜单。这种布局不讲究上下左右对称,但要平衡和有韵律,能达到强调、动感、高注目性的效果,常用于时尚类网站。其优点是漂亮吸引人,缺点是速度慢。

通过浏览国外高校网站,如牛津大学、耶鲁大学、斯坦福大学的网站,抓住国外网站与国内网站的主要区别与特点,对网站进行总体设计。下面结合某高职学院的情况阐述英文网站的建设。

3 某高职院校英文版网站的建设

(1)确定网站功能

此网站的总体功能是通过文字、图片以及视频向外界宣传某高职院校的办学情况,包括学院的总体介绍,各个系及开办专业的情况介绍,以及学院成人教育及远程教育办学情况。

(2)确定网站风格

网站采用简约风格,总体色彩素雅,背景只用了三种颜色,蓝、黄、白,尤其是首页,并没有使用过多的图片,整体上看非常简单。

(3)网站总体框架设计及页面布局

根据需求,某高职院校英文版网站结构采用层次结构且并不复杂,包括以下几个主要模块:学校简介、领导关怀、各系各专业介绍、成人教育、远程教育。

本英文网站的网页采用口型布局,页面上方是网页标题,下方是欢迎标语,左侧是导航栏,右侧是跳转链接,主页面除了跳转链接外还插入了视频播放。

(4)使用网页制作工具

使用Dreamweaver制作网站,用表格进行页面布局。

(5)典型页面的制作方法

页面采用口型布局,利用表格划分页面各部分区域,页面上端和下端分别是网站标题和标语,使用PS制作图片。

页面左侧为导航栏,导航栏有一些指向站点的首页和主要网页的超链接。导航栏是本站点超链接的主线。这样使得站点的结构清晰、连接简单、查找方便。为了帮助网站访问者快速地返回主页和调用站点的工具,作者在每一个网页的相同位置均设置了导航栏。因为导航栏对整个网站内容有提纲的作用,所以作者在网页设计时使之看上去简洁、易用。

页面右侧设置了文字超链接,可跳转到中文版面。

页面中部为该页的主要内容,可插入图片、文字、图像等。

左侧是网站首页样图。

4 结束语

英文版网站作为高职院校对外交流的窗口起着非常重要的作用。建设英文版网站的目的就是增进国际交流。英文版网站的目标访问者多数来自国外,所以在建设过程中,应当参考欧美高校的网站,符合他们的访问习惯。网站格局力求简单明了直接,争取使访问者一目了然。网站风格能够色彩鲜明,让人感到耳目一新,突出学校的特点。本文结合着某高职院校英文版网站的建设进行了阐述,随着用户需求的不断变化,网站设计也将不断更新,这就要求网站设计人员不断汲取营养,不断创新,制作出更加精彩的网页。

[1]李双红,戴建军,等.高职院校校园网站建设思路探讨[C].时代教育.

[2]张丽.浅谈高职院校的网站建设.科技信息.

[3]王志玮.浅谈网站风格设计[A].价值工程,2011

图6 IPv4过渡到IPv6的第三阶段

4 结束语

分析互联网规模日益增大的发展趋势,IP地址短缺问题亟待解决,因此互联网由IPv4向IPv6过渡是一个必然的阶段,也是一个非常关键的阶段。过渡过程中要保证两种网络的共存互通和相互兼容,因此合理有效的运用过渡技术也尤为重要。

文中分析的3种过渡技术各有优缺点,各有不同的适用环境,其中双栈技术和隧道技术是主流,在实际过渡过程中大部分部署是三种过渡技术的综合运用。根据单个阶段的不同特点,在实际网络建设中,选择适合网络自身特征的过渡技术,促使国内网络尽早完成向IPv6网络的过渡,极大满足新出现网络智能设备对地址增长的需要。

参考文献

[1]杨云江,高洪峰.IPv6技术与应用[M].北京:清华大学出版社,2010.

[2]程飞.简述IPv4到IPv6的过渡[J].中小企业管理与科技(上旬刊),2011(5):24-25.

[3]陈娟,赵振平.IPv6详解卷:核心协议实现[M].北京:人民邮电出版社,2009.

[4]陈新,范九伦.IPv6过渡技术的改进和实现[J].西安邮电学院学报,2011(5):75-76.

[5]周娟.IPv4向IPv6过渡技术及方案的比较分析[J].软件导刊,2010(6):21-22.

[6]付渊.IPv4向IPv6过渡技术研究与分析[J].电脑开发与应用,2011(8):32-34.

[7][美]Paul T.Ammann著.管理动态IP网络[M].徐六通译.北京:清华大学出版社,2002.

Introduction to English Version Website Construction in Higher Vocational Colleges

QIANG Cai-Hong
(Tianjin Coastal Polytechnic,Tianjin 300451,China)

the campus website is the window of the school opening to the outside world and the exchange,is one of the schools the external image display.The construction of higher vocational college English website can not only broaden the school vision and let foreign schools,students and their parents to school to have certain degree of understanding,so to further strengthen the international exchanges and cooperation,further enhance the school profile.In this paper,the English version of website construction needs to determine the four important aspects has carried on the detailed elaboration,combined with a certain of the specific conditions of the higher vocational colleges expounds the concrete methods of construction of higher vocational college English website.

Higher Vocational Colleges;english version;website construction

G250.72

A

1008-1739(2015)08-60-3

定稿日期:2015-03-26

猜你喜欢
英文版网页页面
刷新生活的页面
《古地理学报》(英文版)2018—2020年总目录
The Crop Journal 作物学报(英文版) (Started in 2013, Bimonthly)
基于CSS的网页导航栏的设计
基于URL和网页类型的网页信息采集研究
网页制作在英语教学中的应用
《烟草科技》英文版征稿启事
中国医学科学杂志(英文版)
网站结构在SEO中的研究与应用
浅析ASP.NET页面导航技术