网站设计制作范文

网站设计制作范文（精选11篇）

网站设计制作 第1篇

1 网站的整体规划设计

简单地来讲, 网页是构成网站的基本要素。一个又一个的网页组成网站, 而一个又一个的网站再组成了现代的Internet网。矿物加工系教学网站的建设离不开网页的制作, 网页制作要通过软件来实现, 建立站点首先基本的任务就是选用恰当的主页制作工具, 编写出适合教学网站的网页[3]。

1.1 站点的访客定位

矿物加工系教学网站的目的是为矿物加工工程专业的学生和老师提供一个对外交流和学习的平台主要服务对象是本专业及对本专业感兴趣的学生。为了吸引工程技术人员和科研工作者参加到这个交流平台, 对访问者定位显的特别重要, 既要符合大众口味, 又要有教学网站的独特之处。但在高校中, 学校和学院的风格也要考虑其中, 这样才不会显得与学校、学院脱节。在站点正式运作之后, 该网站技术人员留下QQ号和E_mail来了解访问者对站点的看法和建议, 从而能及时做出调整和修改, 让站点更适合来访者的口味, 以达到更好的效果。

1.2 站点的主题选择

在矿物加工系教学网站点设计考虑上, 考虑到了一个内容特别丰富的站点上一般有一个弱点, 就是查找信息困难。因为许多网站注意面面俱到, 使内容太多, 太杂, 网友查找一个消息要点上很多次鼠标，而且会像进了大观园一样找不到出来时的“路”。所以矿物加工系教学网站从设计角度考虑, 将矿物加工系的教学主页用一个简洁的页面来囊括网站的索引, 方便学生和其他访客及时找到所需要的信息, 这样能做到主题鲜明, 有特色。

1.3 网站整体风格的设计

网站给人的第一印象来自视觉冲击, 确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果, 并可能影响到访问者的情绪。矿物加工系教学网站主要采用白色底调, 具有洁白, 明快, 纯真, 清洁的感受, 正文则采用淡蓝色, 给访客一种雅致之感, 无论对于吸引眼球还是增加回头率都是大有裨益的。另外, 风格始终抽象的概念, 往往要结合整个站点来看, 而且不同的人其审美观也不同。矿物加工系教学网站内容较为广泛, 涉及简介、教学培养、求职考研、科学研究、学生栏目、答疑空间等多个内容。本网站将整个站点设为同一种风格, 但是在各栏目的设计中, 又必须强调求同存异。因为单一的色调、背景会让访客产生单调的感觉。轻松活泼的动画栏目, 严肃的知识问答将它们设计成各有特色的风格会使人感觉舒服。

2 网站制作的细节

2.1 浏览器版本和分辨率

不同的浏览器对网页做出的显示是不一样的。在Internet Explorer里非常漂亮的浏览器, 用Netscape Navigator显示可能就差强人意。所以技术现在IE同一天下的时候, 也要考虑少数的其他用户, 也许它们正是你的潜在访客。把每个页面都放在两个浏览器里测试一下, 有什么问题马上解决。如果考虑到旧版本的兼容性就更佳了, 因为有的网页老板本的浏览器并不支持。当今最流行的是1024×768的分辨率, 可是相当大部分在用800×600的分辨率, 所以要考虑更多访客的需求。这些都在考虑的首要位置。

2.2 关于CI和Banner的设计

设计网站的标志 (logo) 。就如同商标一样, logo是你站点特色和内涵的集中体现, 看见logo就让大家联想起你的站点。标志可以是中文, 英文字母, 可以是符号, 图案, 标志, 色彩, 字体, 标语, 是一个网站树立CI形象的关键, 确切的说是网站的表面文章, 设计并完成这几步, 你的网站将脱胎换骨, 整体形象有一个提高。矿物加工系为了充分调动同学们的积极性和创造能力, 在全系进行了网站logo设计大赛, 邀请全院老师和选矿届同行作为评委, 评选出最佳图标作为矿物加工系教学网的logo。为了让本网站的logo国际化的标准, 进行了大量的修改。最终Mineral Processing Department (矿物加工系) 设计成了一个包括了时尚元素, 又不失传统韵味, 将系所处的大学、学院、文化等元素包括其内, 英文MPD醒目而明了, 中文的含义层次分明, 通俗易懂, 使访客很容易记住[4]。

Bann er的设计必须从整个站点的理念表现出来。当然色调也极为重要。在整个考虑中, 矿物加工系教学网站充分考虑这一理念。使用FLASH设计的banner, 属于动态效果, 会使人在静态的页面中感觉动感, 增加更多的访客流量。

2.3 矿物加工系网站结构

矿物加工系网站结构的完善大约经历一年多的时间。最初的网站结构是通过本专业学生进行调研后确定的。因为本教学网站不仅仅吸引本专业同学, 后来通过网站访问者的留言和建议进行不断改进。最终确定矿物加工系教学网站结构如表1所示。

2.4 网站的开发

目前矿物加工系教学网站主要依靠Dreamweaver、Firework等工具来完成网页的制作, 省却了手工编写HTML语言的麻烦, 且能够所见即所得, 提高网页制作速度。网站向用户提供交互式访问功能、实现信息交流是开发工作的重点。另外, Macromedia专业软件不一定完全符合网站内开发全部的要求, 尤其是用户的需求不断提高, 我系的完善条件不断变化, 也常常需要进行二次开发。

矿物加工系教学网站使用的开发工具主要是Dre amweaver、Photoshop、Fireworks、Flash等软件, 在网页中采用javas cipt语言实现交互功能, 在开发论坛、交流方面运用ASP.net技术, 实现读者访问数据库的功能, 在一些需要效率较高或比较复杂的地方则采用Delphi工具实现。矿物加工网站的开发工作将伴随该网站的存在、矿物加工系的发展、计算机技术的更新不断进行。

2.5 设计中的技巧和细节处理

标准字体是指用于标志、标题和主菜单的特有字体。为了体现站点的“与众不同”和特有风格, 矿物加工系教学网站根据需要选择一些特别字体。例如, 为了体现专业使用粗仿宋体, 体现设计精美用广告体, 体现亲切随意用手写体等等。常见的英文字体有近百种, 网络上还有许多专用英文艺术字体下载, 要寻找一款满意的字体并不算困难。需要说明的是:使用非默认字体只能用图片的形式, 因为很可能浏览者的PC里没有安装特别字体, 那么您的辛苦设计制作便付之东流。在设计页面表格的时候, 整个页面不要都套在一个表格里, 尽量拆分成多个表格;单一表格的结构尽量整齐;表格嵌套层次尽量要少。因为层次越多的表格下载速度越慢, 还有图片不应过大, 如果过大, 要裁减至小于6 Kb左右。

3 网站的安全与维护

矿物加工系教学网站建设完毕, 并不意味着万事大吉, 一劳永逸, 还需要进行经常性的维护。无论是网站内容还是主页风格, 均应定期更新, 添加新的信息内容, 清除己经失效的信息及超级链接。只有这样, 才能保证矿物加工系教学网站具有旺盛的生命力, 才不至于被Internet浩瀚的信息洪流所淹没。

矿物加工系教学网站的安全性虽然比不上军事、经济等领域, 但是教学科研整理的各类数据还是非常重要的, 数据是全体教职员工和学生的心血与汗水, 是整个科研教学的生命, 因此制订相应的网络安全措施是很有必要的。限制对内部网络服务器的访问权限和建立内部网与外部网的网关都是矿物加工系内部管理系统与WEB服务器之间安全考虑的通用做法[5]。

4 结语

矿物加工系教学网站是联系高校矿物加工专业学子、老师和外界的纽带, 更是为推动矿物加工系与外界社会沟通的一座桥梁。网站的建设应最大限度地满足社会上不同层次人的需要, 为教师及科研人员提供现代化的科学技术服务, 促进学校的教学、科研工作, 充分地让学生参加科研和教学讨论, 培养具有高专业素质应用能力和创新能力的矿物加工人才。同时也为矿物加工系学科的迅速发展服务。

参考文献

[1]方晨.网页设计三剑客[M].上海:上海科学普及出版社, 2005, 5.

[2]胡道远.网络设计师教程[M].北京:清华大学出版社, 2001, 5.

[3]康晓东.企业商务网站建设完全解决方案[M].北京:人民邮电出版社, 2006, 5.

[4]N.Sun, F.Wei, and J.f.Liu.“The Key Technology and Application of Alumni Website Construction”Electronic Sci.&Tech.2010, 23 (6) :94-96.

网站设计制作 第2篇

一、力求一致性

例如网站首页需要和每一个下级页面保持一致的风格，导航都要放在屏幕的左上角，具有高度一致性的界面能给人清晰整洁的感觉。

二、允许频繁使用快捷键

快捷键表示产品使用的灵活性和有效性，想想每次我们使用搜索引擎的时候是鼠标点击的搜索还是按的回车?

三、提供明确的反馈

出现错误时要明确说出错误的含义，而且需要考虑用户能否理解，比如我们基本上都遇到过HTTP404错误，但绝大多数人能看懂么?

四、设计对话，告诉用户任务已完成

要在用户完成某项任务或操作后进行提示，

如果他们在做了很多操作后却得不到反馈，他们就无法知道自己是否达成目标。

五、提供错误预防和简单的纠错功能

例如把某些当前不能点击的按钮设置为灰色，在系统执行时让用户在确认一下。

六、应该方便用户取消某个操作

大多数的应用软件都有撤销和恢复的功能，如果用户总是惧怕一失足成千古恨，那样的用户体验可想而知。

七、用户应掌握控制权

一般而言用户希望自己去控制系统交互，在执行任务中，用户应该可以随时中止或退出，而不是无奈的看着系统继续。

八、减轻用户记忆负担

浅谈个人主题网站的设计制作 第3篇

第一、确定个人网站主题。

做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣的内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

第二、进行页面总体设计。

一个网站设计成功与否，很大程度上决定于设计者的规划水平。设计的“风格”是抽象的，只是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。设计的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。

网站制作要有整体风格，各部分要保持协调，整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面，常用的软件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面设计的最好工具，我自己也一直用它做页面设计，它从6.0版开始特别增强了对网页制作的支持，非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手，由于它与Dream weaver及Flash无缝集成，越来越受到网站制作的欢迎。也只有如此制作出来的网页才能有个性、有特色，更具有吸引力。风格也是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。在明确自己的网站印象后，开始努力建立和加强这种印象。加强自己网站的交互式，发挥网络优势，使每个使用者都参与到其中来，这样的设计才能算是成功的设计。

第三、搜集与主题相关的材料。

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊。”要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集的材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

第四、制作网站主页。

确定了网站主题，明确了页面设计风格，做完第1步，搜集好材料。我们得到的只是一个个图片文件，还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知，HTML语言是一种标记型语言，不需要编译就可以直接在浏览器中执行。所以理论上，我们可以用记事本等文本编辑工具来写代码。这要用专门的HTML编辑软件。HTML编辑软件大体上可分为两类：一类是代码型，典型代表为Home site、Hotdog等；一类是所见即所得型，典型代表为FrontPage。也有两者兼具的，就是大名鼎鼎的Macromedia Dream weaver。代码型实际上就是一个文本编辑器，不同的是，它可以有专门的代码提示功能，用起来比较方便。Dream weaver提供了代码编写模式和设计模式（即所见即所得），并且首次将“层”概念引入网页制作。Dream weaver几乎可以满足所有人的需求，甚至还提供了ASP、PHP等脚本语言的代码提示。

你也可以用Netscape4.0或者WORD7.0，我开始用的是FrontPage，打开Netscape，在file菜单里选Edit Page，便可以制作了。文字的处理基本跟Word一样，关键是插入图片和产生链接。在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm。因为网页默认的主页名称是index。制作主页其实很简单，只要多实际制作，工多则艺熟。

第五、发布个人主题网站。

要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一块硬盘空间。有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！

将制作好的页面放到服务器上，以便更多的人能浏览。目前的网页制作工具基本上都有发布工具，可以通过各种方式发布你的页面，如Dream weaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。网站发布好之后，也要做好后期的跟踪，也就是所谓的用户体检，要留意哪些地方是用户比较喜欢去的地方，哪些又是用户不愿停留的地方，把一些用户并不喜欢的地方加以改善，更加完善自己的网站。

拥有个人网站可以辅助个人品牌的建立。个人网站是建立个人品牌最有利的工具，因为个人网站可以更好的对外宣传个人最新的动态，分享个人的观点，容易使别人产生共鸣。以上是我对于个人主题网站制作的一些实践与大家共享。

网站设计制作 第4篇

研究思路:对现今各种盈利及非盈利性网站进行结构分析调研, 针对目前我国没有分类齐全的艺术类专业门户网站的现状, 制定一个可盈利的整站架构方案。

一、研究综述概况

观视音网站是上海大学数码艺术学院结合自身产、学、研为一体的办学模式, 以学院师生为队伍力量, 计划建设的一个资讯商业型网站, 它定位于数码艺术产、学、研综合平台, 全球数码艺术门户以及3G手机资源下载平台。其建成后能够填补国内数码艺术专业网站领域的空白, 并对数码艺术行业及教育发展起到巨大的推动作用。

本文将分类分析国外艺术类网站研究建设成果以及网页交互设计技术研究, 以得出GSY网站的结构建设依据和网页交互设计方案。

本文主要以Pro Quest Academic Research Library (ARL) 和EBSCO host两个国际英文数据库为数据来源, 使用了如下关键词——“Art Website”、“Web Design”、“The Zen of CSS Design”, 还使用了逻辑与 (AND) 和逻辑或 (OR) 的排列组合。结果在PROQUEST数据库中搜到论文1183篇, 此次研究从中挑选了近年相关领域学术论文28篇;在EBSCO数据库中搜到11835篇, 从中挑选出52篇。将这两个数据库中80篇文章排除重合部分后, 再次从中选取62篇以网站设计为主题的论文, 作为分析研究对象。并通过按照主题域等分类, 对这些论文进行分析, 概括出近年来全球各类别网站建设状况。

论文作者单位及所属国家分布:

在挑选出的所有62篇文章中, 由美国各大学和研究机构发表的占54篇, 英国3篇, 加拿大1篇, 韩国2篇, 日本2篇。包括台湾在内的中国则没有文章。

由此可见, 美国在业界的垄断地位无人可及, 其它国家在这个领域的研究都是在美国研究基础和标准上的推广及延伸。

作者学科分布:

网站设计研究属综合性交叉学科, 主要是视觉艺术和计算机数字技术的融合, 也涉及诸如传媒、文学、物理、电子、商学、哲学、宗教等多种学科。从作者所属学科种类来看, 有68%的作者属于计算机学科、22%属于传媒学科、5%属于商业管理学科、其余2%属于文学和历史学、2%属教育学、1%属其他。

二、主题域分析

从论文所涉及的主题来看, 可以将这些论文分为以下几个研究方向:

(一) 网站设计标准研究

互联网一出现就体现了其强大的威力, 它不仅改变了人们的工作方式, 甚至改变了人们的约会方式。可以说, 它让世界玩了一回过山车, 把所有人都玩晕了。微软、网景以及其它公司开始了浏览器的竞争, 网络标准的竞争也在展开。同时, 随着Facebook、Flickr和YouTube的兴起, 网络更注重集体智慧和社会化。从腾飞到萧条到再次腾飞, 互联网产业的发展似乎看不到尽头。

网络同时也吸引了宗教传播者、理论家等等, 他们中很多人都预言互联网将会出现新的技术——Jini、DHTML及其它——然而这些一个也没有兴起。但是, 那些看似简单的技术——元数据、XML、CSS等都获得了突破性的进展。网页设计的发展从HotWired的闹腾到Google的应用一直在不断地持续着, 有时看起来甚至是对立的, 但它却彻底改变了互联网。因为不管技术如何变革, 建设的思路是不变的。

如《Evolution of web site design patterns》这篇文章分析出了以下几个方面:

1. 网站框架频道

网站频道就是网站的大框架, 也就是主体部分, 比如:首页、简介、新闻动态、产品展示、在线留言、联系我们等, 这是标准内容。

2. 网站风格要求

必须明确建站目的是功能型的、还是展示型的?风格定位要准确。

3. 网站针对对象

在设计网站前, 要确定所针对的人群、区域、国家等。

4. 网站预算

(二) 网站设计过程研究

如《An investigation of success metrics for the design of e-commerce Web sites》这篇文章中就给出了如下几个步骤:

1. 准备内容:在注册网址之前就应该先搜集至少一百页的内容, 这些内容必须是有价值的、不违反著作权的。

2. 确定网址

3. 网站设计要尽量符合w3c的标准

4. 每页档案大小:建议每个网页尽量在15k以下

5. 内容:每天建立一个500~1000字的网页, 这个网页里面必须包含重要的关键字, 或者使用Yahoo的关键字建议工具。

6. 关键字密度以及关键字放置位置

文句要通畅, 拼字要正确, 虽然搜索引擎本身就会帮你校正, 但一定要谨慎检查。

7. 外部链接

每一个内容页面都应该链接一、两个该项关键字, 需要注意的是链接的方式, 要先写出你的关键字, 然后再将这个关键字直接链接到该站台。

8. 内部链接

网站里面可能有很多类的内容, 请确定同类内容互相链接, 而不同类内容千万不要互相链接。

9. 网站上线

1 0. 送交搜索引擎以及目录索引

1 1. 网站推广

1 2. 记录与追踪

1 3. 网站设计包括前台用户视觉体验设计和后台程序功能设计, 这两个方面都是非常重要的;视觉设计可以给客户的阅读带来愉悦和信任, 后台更注重操作。

(三) 网页交互设计研究

交互的工作大概分为两个部分, 即信息构架和交互细节。

信息构架是组织信息和设计信息环境、信息空间和信息体系结构, 以满足需求者的信息需求, 实现该目标的一门艺术和科学, 它包括调查、分析、设计和实施过程, 涉及组织、标识、导航和搜索系统的设计。如《The Zen of CSS Design:Visual Enlightenment for the Web》中所阐述的:为什么需要信息构架?由于互联网上信息种类繁多、内容特征多种多样的多媒体信息, 信息存储分散无序, 加之超链接技术的广泛使用, 形成互联网具有非常复杂的信息空间, 用户在其中很容易迷惑和迷失方向。因此, 互联网尤其需要将信息构架成为信息序化和优化的思想和工具, 以帮助人们在异质的信息空间中管理和获取信息。

信息构架的目标:1、获得和理解信息内容, 将信息组织好。2、优化信息结构。3、面向用户传达信息内容。4、提供一个清晰的易于信息获得的界面。

信息构架之后, 需要将我们的构架用界面的形式表达出来这就是我们所说的交互细节。

网页的交互设计已经成为网页设计中不可缺少的一部分, 随着互联网行业的不断发展, 原有的以传统平面设计为参考的网页界面设计已经无法满足人们对交互体验的需求, 只有对其重新认识才能设计出符合客户要求的网页。

三、结论

《栏目结构合理是企业网站的基本功》一文认为:“网站栏目结构与导航奠定了网站的基本框架, 决定了用户是否可以通过网站方便地获取信息, 也决定了搜索引擎是否可以顺利地为网站的每个网页建立索引, 因此网站栏目结构被认为是网站优化的基本要素之一, 网站栏目结构对网站推广运营发挥了至关重要的作用。”文中同时引用了新竞争力对国内机械行业103个企业网站优化状况的调查, 结果发现, 92.2%企业网站的栏目结构和导航系统都比较合理, 不过这并不是因为机械企业网站建设水平普遍较高, 而是因为这些企业网站的内容和功能比较简单, 不需要太复杂的栏目结构。

由于观视音网站独特的内容和专业包容性, 注定了它与其它类别站点不一样的架构设计。

不过即是最简单的资源发布式网站, 也存在结构方面的问题, 尤其是从用户获取信息的角度来看, 问题更加明显。在进行各种类别的网站专业性调查时, 经常可以看到这样的网站:假定某个类别有100个条目, 在作品目录页面中的每个页面安排了第1-10个标题, 然后用户要逐级点击“下一页”来查看其他内容, 非常麻烦。稍微合理一点的结构设计, 可能是列出每个单页面的链接, 用户可以通过第一个标题目录页面直接进入到第N个目标页面, 并且从链接关系上来说, 这种网站的结构并没有错误, 搜索引擎一般也可以按照这种层次链接关系检索各个相关的页面, 但是一旦开发者站在用户的角度上来看, 问题就显而易见了:一般的用户, 除非特别需要从这100个标题链接 (也就是之前说的总共需要10个页面) 中逐个了解每一个标题的信息, 否则他很难有耐心和时间逐个查看。

合理的网站栏目结构其实并没有什么特别之处, 无非就是能正确表达你所计划建设的目标站点的基本内容, 及其内容之间的层次关系。并从用户角度出发, 使用户在浏览中可以方便地获取信息, 不至于造成迷失和时间浪费——其实做到这一点的关键就在于要对网站结构的重要性有充分认识。归纳起来, 合理的网站栏目结构主要表现在以下几个方面:

·通过主页可以到达任何一个一级栏目首页、二级栏目首页以及最终内容页面;

·通过任何一个网页可以返回上一级栏目页面并逐级返回主页;

·主栏目清晰并且全站统一;

·通过任何一个网页可以进入任何一个一级栏目首页。

在满足上述条件的基础上, 还可以对部分重要栏目/网页进行调整, 为用户提供更多的方便, 这属于对栏目结构的设置。

根据上述分析, 我们可以得出以下结论:

国外各大学和研究机构在网站架构设计技术上所建设的知识体系已经非常完善, 几乎所有类型的设计需求都有严谨完整的理论及技术支持;

网站制作是一项很复杂的工程, 从大的方面讲可以称之为生物学的延续, 是工程学的集中表现。但网站的制作更是一个深入浅出的过程。一切以人为本, 用户体验始终要放在第一位, 制作时不仅仅注重外表的美观, 还要防止华而不实的外壳。网页设计、网站架构、代码编写也不仅仅是一个复制粘贴的过程。只有将网站架构做到清晰简练、深入浅出, 并同时照顾多平台操作, 才符合一个比较完善的制作标准, 才能够让人觉得舒服, 久看不厌。

观视音网站建设的理论依据已经完备, 其创新点在于整合了数码艺术这一全新艺术形态在各个领域的应用研究, 目前这在国内还是一个空白。

同时, 我们可以把国外各个层面的研究理论及技术成果用以支持GSY网站建设, 从而推动国内该专业领域的发展。

摘要：观视音网站是上海大学数码艺术学院结合自身产、学、研为一体的办学模式, 以学院师生队伍为建设力量, 计划建设的一个资讯商业型网站, 它定位于数码艺术产、学、研综合平台, 全球数码艺术门户以及3G手机资源下载第一平台。其建成后能够填补国内数码艺术专业网站领域的空白, 并对数码艺术行业及教育发展起到巨大的推动作用。

参考文献

[1]段爱华.基于网站结构分析页面信息提取的方法研究[J].电脑知识与技术, 2008 (23)

[2]王军、王涛、宋宝燕.Web日志挖掘中重构网站结构技术[J].辽宁大学学报 (自然科学版) , 2006 (03)

[3]何坤鹏.基于本体的网站结构知识获取与分析[D].北京化工大学, 2007硕士论文

[4]白锦士、张有仁.基于网站结构的网络使用挖掘树化模型[J].华东理工大学学报 (自然科学版) , 2005 (02)

[5]韩云端.基于浏览者的网站结构研究[D].山西财经大学, 2006硕士论文

[6]杜华.电子商务网站结构优化模型与算法研究[D].首都师范大学, 2009硕士论文

[7]建立网站的基础工作——定义网站结构.上海微型计算机, 2006硕士论文

网站设计制作合同 第5篇

网站委托开发项目合同

甲方：

乙方：烟台网势企业形象策划有限公司

甲方委托乙方开发制作网站，为明确双方责任，根据国家法律法规经双方协商，签订此合同。

一、甲方的权利和义务

1.甲方委托乙方进行网站开发设计。

2.甲方根据自身的需要，应提出对网站的总体设计风格及功能要求。

3.甲方有对网站整体设计方案(其内容包括：页面设计的构图、色调、排版、网站结构、栏目设置、动态效果等)提出修改要求的权利，并有义务对修改后的最终设计方案予以确认。

4.在整体设计方案确定后，有提出局部修改完善意见的权利，但每次提出的修改意见应尽可能不违背已经确立的整体设计方案。

5.乙方按照甲方的要求，完成网站设计制作全部工作后，甲方应在双方约定的时间和地点，并在规定的时限内进行验收（_______个工作日内）。

6.甲方应对其网站所登载内容的真实性、准确性、合法性负全面责任，并且不得侵犯乙方或任何第三方的合法权利，一切由此所引起的纠纷、争议及所涉及的法律责任均由甲方承担；甲方有义务保证乙方不会因此而受到任何损害。

二、乙方的权利和义务

1.乙方为甲方提供网站开发设计的服务。

2.乙方在履行本合同时经甲方授权，在此项网站设计开发范围内可以使用甲方的名称、商标、域名、标识等，但不得损害甲方的利益。否则，由此产生的一切法律责任由乙方承担。

3.乙方为甲方开发制作网站，不得侵害他人知识产权及其他权利，否则，由此产生的一切法律责任由乙方承担。

4.乙方根据甲方提出的总体设计风格及功能要求，为甲方提供设计方案。

5.在最终设计方案确认后，乙方应严格按照设计方案进行网站开发及制作。

6.乙方在完成网站设计开发后的3个工作日内，严格按照甲方的要求，将全部网页上传至甲方指定空间，或安装在指定服务器并调试运行成功，经甲方确认后，按照本合同第五项要求，予以支付款项。

7.乙方在取得甲方另行书面同意后，经甲方许可有权在甲方的主页中注明该主页由乙方制作或技术支持等字样或标识。否则不得在网页中进行标示。

三、网页制作

1.甲方应对网站总体风格设计、栏目设置及功能要求等提出书面需求材料，如甲方无法提供书面材料，乙方设计人员可以到甲方进行调研（合同签订后3个工作日内），在充分了解甲方的设计需求后，提交书面的设计方案。乙方在收到需求材料或到甲方进行调研后，应于2个工作日内完成网站初稿设计方案并交甲方签字认可，针对甲方提出的修改意见，乙方在2个工作日内完成修改，并和甲方磨合以确定最终方案。

2.甲方应对修改后的最终设计方案和前台风格予以签字确认。

3.乙方应严格按照甲方签字确认后的网站设计方案进行网站设计开发。

4.甲方签字确认后，在不违背已经确立的整体设计方案的情况下，可以提出修改意见，乙方应无条件满足甲方的修改要求。

5.甲方确认最终设计方案和首页样稿后，乙方在个工作日内完成所有子页面制作。

6.在网站制作过程中，对甲方陆续提出的修改要求，乙方应积极配合予以实现，并交甲方验收通过。对有可能影响双方约定的完成时间的要求，乙方有权提出延期请求，由双方协商确定具体时间。

四、验收确认：

1.甲方须在乙方交付网站制作成品后5个工作日内进行验收。

2.验收合格后，甲方应以书面方式签收《网站建设客户确认单》。

3.在验收中发现问题，甲方应及时提出，有乙方负责解决，如乙方未按要求解决，甲方有权拒签《网站建设客户确认单》。若超过验收期，甲方既不签收、又不提出书面异议，应视为甲方默认。

4.甲方可通过任何与因特网进行网络连接的计算机浏览合同规定的网页，以进行验收。

5.验收时，以甲方提供的材料为标准核对，包括页面无文字或图片错误，以及实际制作页数及功能和其它效果的确认。

6．验收合格后，网页设计与制作阶段工作结束，系统进入售后服务期，免费服务期限自验收合格日起，时间为1年。

五、费用及付款

本项目的网站项目开发制作费用为___，人民币大写：。乙方提供设计方案，双方签订合同后的3个工作日内，甲方支付乙方总款额的50%，计__ ___元，人民币大写：___；网站验收合格后的3个工作日内，甲方支付乙方总款额的50%，计____ __元, 人民币大写：____。

六、服务与支持

1.乙方免费为甲方提供网站系统使用培训，提供培训手册（电子版），并协调甲方网站维护人员在一个月以内对甲方网站进行更新。

2.乙方为甲方免费提供一年技术支持（QQ、电话及Email等）。

3.乙方负责对甲方网站管理系统在一年内可以免费进行功能升级和补丁升级。

4.其他服务甲乙两方协商解决，最后由甲方填写《网站建设客户确认单》，进行确认。

七、违约责任

1、甲方违约或拒不付款时，乙方除有权不开通或关闭已开通的网站。另由此造成的损失，由甲方负责。

2、乙方因不可抗拒原因造成不能为甲方提供以上某项服务，乙方向甲方返还该项费用。

八、不可抗力

在合同有效期内，因不可抗力而造成一方不能履行合同规定的责任和义务，不视为违约。不可抗力系指：战争、火灾、水灾、地震、台风及其他不可预见并且对其发生和后果不能防止或避免的事故。

九、争议解决

本合同在其履行过程中如有未尽事宜，双方应本着友好精神协商解决，协商不成的，双方均可诉请法院裁决。

十、其他

1.本合同书一式两份，双方各执一份，具有同等法律效力。

2.本合同自甲、乙双方签字盖章之日起生效。

3.本合同未尽事宜，双方可进一步协商，并签订补充协议或附件，补充协议或附件与本合同具有同等法律效力。

甲方：乙方：

网站制作流程及设计技巧 第6篇

关键词：网站制作,流程,设计技巧

1 网站制作的基本过程

网络领域内, 网站作为发布和获取信息的重要平台, 其建设与管理尤为重要。一个网站的制作过程是比较复杂的, 大致来说可以分为调研环节、策划环节、完成环节、测试环节、维护环节等。

1.1 调研环节

制作网站不能盲目, 要定位网站的主题和类别, 对网站进行调研。首先要弄明白网站建设要达到的目的, 了解受众群体的基本情况;其次要了解网站承办方的需求与喜好。网站制作时要考虑这些问题, 以确保网站的实用性和可观性。另外再结合自身情况, 确定网站主题。网站主题不同, 网站的设计也应体现出不同。一般来说, 大中型企业网站或者门户网站在设计上常采用信息罗列型, 这种类型就是在网站首页中罗列出网站的主要内容分类、重点信息、网站导航等, 它的优势在于能为访问者提供大量的信息, 同时还能较大的访问量。还有一种类型是形象展示型, 主要是通过艺术设计与布局, 借助与企业相关的产品、图像等构成生动、形象的画面, 目的是展示出一种形象或氛围, 从而吸引网民浏览。这就需要设计者在制作主页时, 要定位好自己的方向, 设计出切合实际的网站。

1.2 策划环节

策划环节是网站制作中的关键环节要结合站点的目标确定站点的内容框架及逻辑结构图。首先要广泛搜集能达到这些目的站点的内容, 制定出站点设计的需求纲要。然后再结合内容纲要先草画出站点的结构图。网站结构图有很多种如网状结构、顺序结构等, 需要采用什么样的结构要根据内容来定。有时较为复杂的网站会同时用到多种不同的结构图。在策划环节画出结构图主要的目的是组织站点和链接为以后的任务分配打下基础。

1.3 完成环节

这一环节是网站制作中的核心, 主要是通过绘制布局草图、网页设计与制作两部分实现的。绘制布局草图可以在纸上完成, 只需绘制出富有创意的轮廓即可, 也可以多画几张, 从中选择一个比较中意的。然后再细化草图, 可以通过在草图上摆放页面的功能模块等确定最终的方案。网页设计与制作是通过计算机完成的, 先以草图为基础, 通过Photoshop软件进行网站界面的设计, 然后再通过网页制作工具完成广告与动态效果添加、链接设置等工作, 最后完成整个网页。

1.4 测试环节

网站制作完成后, 要进行测试, 看看网页、图片的链接是否正常, 内容显示有没有出现错误的地方等。在测试环节一旦发现问题应及时修改, 确保网页质量。网站发布前要在网络上申请一个域名和服务器空间来存放网站, 经过测试正常的网站才能发布。

1.5 维护环节

网站经测试合格发布后, 要随时给予关注, 并及时根据出现的问题进行调整。一般来说, 维护、更新多涉及到发布的主体内容、站点安全等方面。另外还要关注技术的更新, 美化网页, 使网页的访问更为便捷。

2 网站的设计技巧

2.1 风格统一

首先是结构统一。网站风格统一的重要手段是网站结构, 主要包括文字排版、导航的统一、图片的位置、网站布局等, 同时在结构一致性中要强调网站或公司名称、企业标志、公司联系信息等标志性元素的统一。目前, 大多数网站都采用这种结构, 一方面能减少设计的工作量;另一方面也便于网站的维护和更新。其次是色彩统一。网站设计中要先确定能体现网站形象的主体色彩后, 可以在网站标识、主菜单、标题中应用, 这样能给人整体统一的感觉。色彩运用中, 主题色彩确定后, 其他的色彩只能作为点缀进行搭配, 决不能掩盖主题色彩。最后是背景统一。在网站制作中可以将公司的标志或者象征性的符号作为背景淡化, 访问者在浏览网页时不自觉的会留下印象, 从而塑造出网站的特有形象。

2.2 色彩搭配

在多姿多彩的世界中, 色彩在视觉中有很强的识别作用, 还能给人留下深刻的印象。因此在网站设计中要运用好色彩, 必须了解色彩的搭配技巧。通常情况下, 一个网站会有一种或者两种象征网站内涵的主题色会给你留下深刻的印象, 如肯德基的红色条型、IBM的深蓝色等。确定主题色后, 在搭配其他的颜色。色彩搭配要研究搭配方案, 如主题色绿色配上淡白、金黄, 能给人营造舒适的氛围;红色与金色、黄色搭配能营造喜庆的氛围等。不管采用何种颜色搭配, 都要显示出整体感, 以达到和谐、悦目的效果。一般来说, 色彩搭配方案主要有四种:一是邻近色、类似色系搭配。选定颜色后, 调整颜色的纯度和亮度, 在网页上产生新的色彩。利用邻近色和类似色搭配能给人带来舒适、自然、柔和的效果。但这种搭配会使页面显得单调。二是对比色系搭配。选定颜色后, 再确定与其色彩相差较远的色彩进行搭配。这样的搭配方案比较适合体现积极素材的网站, 从而产生强烈、明快的视觉效果。但这种搭配方案会让人觉得色彩纷杂, 因此搭配中要控制好度。三是过渡色系搭配。色彩搭配中, 过渡色如两种色彩的中间色调、单色中混入相同色彩进行调和等, 能将不协调的颜色统一起来, 以免视觉上产生突兀之感。四是冷暖色系搭配。色彩是客观的, 没有冷暖之分, 色彩被赋予冷暖, 主要是人的心理因素引起的。人们看到红色时会联想到高热度的事物如太阳、火等, 内心产生温暖感;看到蓝色时, 会想到水等, 内心产生寒冷的感觉。同时, 色彩的冷暖与其明度和纯度有关, 白色会让人觉得冷, 黑色会让人觉得暖。一般来说, 冷暖搭配多用于食品、休闲娱乐网站。

2.3 布局类型

同字型是大型网站首页常用的类型。一般来说, 网站最上面是网站的标题及小广告条, 下面是网站的主要内容, 左右两边分出两小条内容, 中间罗列主要内容, 与左右两边的内容一直列到下面, 网页底部是一些联系方式、版权声明等。这样的布局直观、均衡但容易使版式僵化。左右框架型是将网页分为两面, 左面是导航链接, 右面是正文。一般来说大型论坛多采用这种方式, 给人清晰自然的感觉。但使用这种框架不容易被搜到。另外还有标题正文型、拐角型等类型, 采用何种布局, 要根据网站内容来定。

总之, 建设好网站, 既要明确网站建设的内容, 把握好网站建设的总体结构, 又要掌握好网页的设计技术。只有将内容与形式有机的结合起来, 并不断的实践, 才能实现网站建设的目的。

参考文献

[1]吴上富.网页制作技巧与设计原则[J].广东科技, 2006 (1) .

个人生活网站的设计与制作 第7篇

关键词：个人网站,Dreamweaver,flash,html

1 网站制作基本说明

1.1 制作人员所需具备技能

静态网页设计与制作是网站建设与开发的重要步骤, 如果要想制作出美观、实用的网页, 需要制作人员需掌握网页设计基本工具的使用, 首先, 制作者要掌握HTML标签和语法规则, 可以使用记事本等工具编写基本网页, 还要掌握dreamweaver网页设计与制作软件, 同时, 网页设计与制作过程中还要对图片进行处理, 所以制作人员需要熟练操作photoshop等图像处理软件。网站制作完成后, 制作人员需要具备空间、域名申请和上传网站的能力。

1.2 网站运行环境

硬件环境

CPU:主频在166MHz以上, Intel或AMD。

内存:容量在32MB以上。

硬盘:空间在1GB以上, 转速在5400转/秒或者更高。

显示器:尺寸在15英寸以上, 色彩为16位色以上, 分辨率800*600, 推荐使用1024*768。

显卡:VGA显卡, 显存在1MB以上。

软件环境

操作系统:简体中文版Windows XP。

浏览器:Internet Explorer 4.0/5.0。

调试与运行辅助工具:Internet Information Server。

2 网站的总体规划

2.1 网站总体规划

根据自己的思考和设计前的准备, 将此个人生活网站分为“首页”、“日志”、“相册”、“个人档”、“音乐”、“收藏”这6个网站模块。总体结构图1所示。

2.2 网站的风格

网站整体运用格布做背景, 格布上加入格布花、纽扣等进行点缀。风格上主要强调简洁、大方、布局简单的特点。主页由flash制作, 通过div+css布局模式进行网站布局风格的统一, 同时利用CSS层叠样式表对网站的导航和字体大小以及版权信息进行统一的设计, 使得网站的风格得到了统一。

3 网站开发过程

3.1 素材准备

素材的准备是制作网站的基本条件, 只有准备好必备的素材, 才能够快速的制作网站, 而不会浪费不必要的时间和精力。

准备网站的素材不仅要从网站的各个栏目的规划考虑, 也要考虑各个页面用到的图片、内容、特殊效果等等, 具体的网站有:网页大宝库、懒人图库、素材精品屋等。

准备好素材以后, 需要对文本、图片、样式、特效等进行基本的处理, 同时还要将素材进行分类, 具体分类文件夹如:images、flash、music、style。

3.2 首页制作

首先把整理好的素材分别放在images、flash、music三个文件夹下。

建立站点

1) 打开Dreamweaver软件。

2) 单击“站点”菜单, 进行“新建站点”操作。

3) 在站点定义对话框中输入网站名称“mywebsite”, 本地根目录文件夹”是指你网站保存的磁盘路径, 选择d:myweb后, 单击“确认”按钮。

4) 经过以上基本操作, 一个站点就建立好了。

5) 把images、flash、music三个文件夹剪切到站点文件夹下, 再新建html文件夹。

6) 右键单击“站点”面板中根目录下的html文件夹, 新建网页首页文件, 命名为”index.html”。

7) 打开首页文件index.html进入编辑状态。

8) 建立表格, 使表格居中对齐。

表格居中代码如下:

9) 点击表格内部在执行菜单中, 插入——媒体——flash。

10) 同样的方法插入flash背景音乐文件未命名-5.swf。

11) 点击修改——页面属性——外观——背景图像, 单击浏览选择所需背景图片。

4 模版的建立

1) 首先建立一个大表格并且使表格居中, 接着制作嵌套表格, 使用插入表格命令, 在大表格内插入所需行数和列数表格, 设置宽度百分比“Percent” (百分比) , 在文本框中输入100, 单击“OK”, 所插入的表格刚好充满第一个单元, 然后插入一行三列的表格, 左右分别为100宽居中表格宽度为600, 最后再居中嵌入一行七列的导航栏和一列的文本内容栏。

2) 表格嵌套完成后开始编辑导航条, 首先输入导航文字内容, 给每栏文字分别添加链接为【#】点击导航条表格的

, 在属性菜单下编辑边框大小为3、颜色为#FFCC99。选择执行菜单中, 页面属性——链接, 设置文字链接, 添加链接效果:链接颜色与已访问链接颜色为#ffcc99变换图像链接颜色为#ffff00, 下划线样式为仅在变换图像是显示下划线。

3) 添加网页背景图案, 页面属性——外观——背景图像, 选择好事先存放在images里的背景图案。

4) 添加table中的背景图案, 单击

在属性中选择背景图像, 添加图像, 这样模板就完成了。

参考文献

[1]中文版Dreamweaver CS4案例教程 (1CD) [M].北京:龙腾科技出版, 2009.

关于网站设计与制作技术的项目设计 第8篇

网站设计与动态网站制作技术是计算机应用技术专业群岗位技能课程, 传统的网站设计与网站制作技术通过静态网站制作课程Dreamwaver网页制作技术和动态网站制作课程Asp动态网站制作完成, 但限于高职学生的特点, 两门课程分离教学使学生缺少整体网站设计制作观念, 原先课程教学内容陈旧, 以知识体系组织教学内容是导致学生技能缺失的重要原因。

二、课程整合的理论依据和可行性

1. 理论依据

教育部[2006]第16号文件明确课程改革的重要性, 是当前高职教育改革在宏观层面的指导性文件, 在中观层面, 应加强专业内涵建设, 走工学结合之路, 在微观层面, 则是以工学结合为核心的以工作过程为导向的课程改革。

由实践情境构成的以过程逻辑为中心的行动体系, 强调的是获取自我建构的隐性知识—过程性知识, 一般指经验并可进一步发展为策略, 即以尽可能小的代价获取尽可能大的效益的知识, 主要解决“怎么做” (经验) 和“怎么做更好” (策略) 的问题。这是培养职业型人才的一条主要途径。

建立科学的职业教育学科观, 深入课程内涵建设, 是提高教学质量重点所在。以计算机应用技术专业群的“网站设计与网站制作技术”课程项目设计为例, 对传统学科体系的课程进行整合, 以工作过程为逻辑, 对课程项目的设计进行探讨。

2. 可行性

本课程的建设, 旨在突破学科型体系的课程观, 建立行动体系的课程观, 使课程更加符合职业技术教育的特点和规律。在课程标准和课程内容建设上, 基于职业岗位典型工作任务和工作过程构造知识和技能平台, Dreamwaver8.0以上版本已经集成了强大的数据库处理功能, 拥有Dreamwaver8.0便可以完成大型动态网站的开发建设工作。

三、课程教学项目设计的原则

基于工作过程的教学项目设计, 必须兼顾如下原则:

1. 围绕职业岗位工作内容, 教学项目技能训练符合专业培养目标。

2. 以任务引领, 形成的教学项目或技术模块相对独立。项目之间具有工作逻辑关系。

3. 以工作过程结点组织的教学内容在实施过程中具有可重复性特征。

四、课程教学项目设计

1. 系统名称:

科研项目管理系统

2. 设计要求

应用该系统进行部门科研项目登记和管理工作。

登记项目为项目编号、项目名称、项目简述、项目来源 (国家级、省级、校级) 、经费总额、结题时间。保存在A c c e s s数据库K y a n.m d b中, 表的名字为project。

实现功能项目显示、项目登记、项目修改、项目删除。

3. 设计说明

将页面分成左右 (或者上下) 两部分, 一部分功能菜单, 通过点击可以链接到相应的程序。另一部分为相应工作区, 项目显示、登记、修改、删除等操作在该区域进行。

项目显示:程序文件名:Index.asp, 显示全部项目列表。

项目登记:程序文件名:Register.asp, 可以填加一个项目的资料, 输入相关数据后, 点击“提交”按钮将填写的写到数据库中, 点击“取消”按钮清除输入, 重新填写数据。

项目修改:程序名Change.asp, 进入该功能首先显示全部项目列表, 在每条记录前面有操作列, 点击该列的“修改”链接, 调用Edit.asp, 显示该科研项目具体内容, 可以在文本输入框中填入新的内容, 点击“修改”按钮将调用Editsave.asp将修改过的资料写到数据库中。点击“取消”按钮取消刚刚输入的内容, 回到调用Edit.asp时显示的初始值。

项目删除:程序名Delete.asp, 进入该功能首先显示全部科研项目, 在每条记录前面有操作列, 点击该列的“删除”链接, 调用Deletedisp.asp, 显示该项目的具体内容 (文本输入框为只读) , 点击“确定删除”按钮调用Deleteok.asp将该条记录从数据库删除。

五、课程考核

1.

课程教学改革的目的是提高教学质量, 教学质量的评价是课程教学改革的关键, 教学评价应多元化, 以能力为本位, 注重过程考核。重点关注项目任务的完成程度 (质量与速度) , 学生的成长及进步, 学生的行为习惯, 勤奋努力程度等要素。

2. 课程考核以各教学项目任务的完成情况综合考核。

对全部教学或实训项目的任务完成情况、完成质量、协作精神、工作态度等逐一采用百分制进行考核, 学期成绩按权重计算累计总分, 并充分考虑学生的进步程度因素, 核定学生成绩。

具体计算公式为:

摘要：目前高职的课程教学改革已经到攻坚阶段, 课程教学改革的核心问题是依据工作过程对课程体系进行重构, 以及依据工作任务或工作内容设计教学项目, 使学生所学内容与工作内容一致, 在学中做或做中学, 实现教学做合一。

关键词：工作过程,项目设计

参考文献

[1]韩殿元.ASP动态网站开发技术与应用[M].江苏:南京大学出版社, 2 0 0 7

期刊网站的功能设计 第9篇

那么, 期刊网站到底应该怎样定位?应该发挥什么作用?应该具备哪些功能?笔者参考相关文献[3,4], 并结合自己的开发经验对此进行初步探讨。

1、期刊网站的定位和作用

期刊网站应该定位于期刊功能的延伸, 以期建立更加密切的工作关系, 降低办公成本, 提高工作效率。应该实现作者、编者和读者之间以及编者和审稿专家之间信息的无障碍传递, 保证信息传递及时和准确无误, 从而提高期刊的内在竞争力和社会影响力。

2、期刊网站的功能

2.1 作者在线投稿和查稿

(1) 作者注册与登录。作者注册是建立准确、完整的作者信息数据库的基本要求, 作者首次投稿需要进行注册, 完整填写作者的基本资料, 包括姓名、登录口令、性别、出生年月、工作单位、学位、技术职称 (或/和职务) 、通讯地址、邮政编码、联系电话、电子邮件地址、QQ (或MSN) 号码, 注册成功后正确输入姓名和登录口令可以进入作者操作界面, 进行投稿、查阅稿件处理进度和状态、查阅稿件审查结论和处理意见、提交修改稿、个人网上留言等操作。作者注册信息必须完整、准确、真实, 否则不能查询相关的投稿信息。 (2) 作者个人信息修改。作者登录网站后可以自行修改、完善自己的注册信息。 (3) 作者投稿和提交修改稿。作者登录网站后可以直接提交新稿, 也可以提交修改稿。提交新稿时要注明文题, 基金项目, 行业类别, 通讯联系人默认为作者本人, 自动载入作者姓名、单位、通讯地址、邮政编码、联系电话、电子邮件地址、QQ (或MSN) 号码。稿件提交后网站上保留作者的初次提交稿和最后一次修改稿。 (4) 作者查稿。作者登陆后可以自行查询所投稿件的当前状态, 查阅审稿意见, 下载阅读编辑改红稿。 (5) 作者留言。作者登陆后可以提交个人留言, 留言时会自动记录作者姓名。

2.2 专家在线审稿

(1) 添加专家。审稿专家由网站管理员或编辑在后台添加, 所有专家信息汇集为专家信息库。需要提交的专家信息包括姓名、登录口令、性别、行业、专业方向、工作单位、邮政编码、通讯地址、职务职称、联系电话、电子邮件地址、QQ (或MSN) 号码。所有审稿专家信息汇集成专家信息数据库。添加专家后可以设定默认登录口令并通知审稿专家, 审稿专家登录后可以自行修改个人信息和登录口令。 (2) 专家登录。审稿专家输入姓名和登录口令后进入专家操作界面。专家可以执行的操作有个人信息 (包括登录口令) 修改、审稿、推荐稿件和网上留言。 (3) 专家审稿。专家登陆后可以浏览完成审阅并提交的稿件和尚未提交的待审稿件列表, 可以下载阅读待审稿件的电子文档, 在线提交审稿结论、审稿意见和改红稿。审稿提交后相关数据即不可更改。 (4) 专家推荐稿件。专家荐稿的操作与作者投稿流程基本相同。 (5) 专家留言。审稿专家可以登陆后提交个人留言, 留言时会自动记录专家姓名。

2.3 读者订阅

读者提交的订单的内容应包括个人详细通讯资料, 应至少包括单号 (网站即时自动生成) 、订阅日期、类别 (印刷期刊或电子期刊) 、订阅年卷期号、订阅数量、订阅者姓名、性别、工作单位、通讯地址、邮政编码、联系电话、电子邮件地址、付款方式 (邮寄/电子汇款/银行转账) 、付款金额、付款日期, 如果读者为电子期刊订户, 还应提交登录名 (注册登录名时需要进行验证以避免重复) 。读者订阅可以采取自由提交方式, 也可以采取注册会员的方式。

2.4 编辑后台管理

(1) 编辑授权。网站管理员在后台添加编辑对其进行授权。编辑输入姓名和个人口令登陆后台管理。编辑可以执行的操作有新闻管理、专家管理、作者管理、稿件管理、留言管理、读编往来信息管理、网刊管理等。

(2) 新闻管理。管理员或编辑登陆后台可以编辑添加新闻, 修改、删除现有新闻。网站新闻均在首页滚动显示或分页显示。新闻添加项包括标题、作者、作者单位、添加时间、新闻内容、新闻来源等。可以对新闻进行预先分类, 网站公告可以作为一类新闻, 也可以独立作为一个栏目。

(3) 专家管理。在后台可以添加审稿专家信息, 修改专家信息和删除专家。专家姓名、单位和专业必须准确填写, 若有专家姓名、单位同时重复应予以区别。

(4) 作者管理。在后台可以添加作者信息, 可以修改作者信息和删除作者。若有作者姓名、单位同时重复应予以区别。

(5) 稿件管理。在后台可以对其它渠道 (如邮寄、电子邮件发送) 来源的稿件进行登记。

编辑可以在后台对各个处理阶段的稿件进行处置。包括“待审新稿”的编辑初审;“编辑审定稿” (含直接审定稿和作者根据编辑初审意见修改后的稿件) 的送审;综合“当前审回稿”的专家建议决定稿件最终处置结果并回复作者;对“未审回稿”进行催审或转审;从“采用待刊稿”中选稿确定刊载期和刊载时间;还应当可以查阅“所有稿件”, 修改稿件当前状态和删除旧稿。

编辑初审“待审新稿”时可以填写初审意见和提交改红稿, 提交后作者即可登陆查看编辑意见具体内容, 并可以下载编辑改红稿。

“编辑审定”或作者修回稿至少可以同时发送给3位专家进行正式审查。在送审前, 首先选定稿件对应的专业, 载入对应专业的专家姓名和单位列表。选中需要送审的稿件, 选择1-3个审稿专家后进行“送审”。相关专家从前台登陆后即可看到需要审理的稿件。

“当前审回稿”显示专家审回的稿件, 编辑应可以浏览审稿结论和审稿意见, 点击“审回稿”可以下载阅读专家改红稿。当一篇稿件的所有审稿专家均审回后, 编辑可以综合审稿专家的审稿结论和具体意见对稿件做最终处置 (修改/转审/刊用/退稿) 。

“稿件统计”用于指定时间段的稿件数量统计。

(6) 读编往来信息管理。在后台应当可以添加期刊读者和网站游客的来信来电;可以修改或删除读编往来信息。

(7) 网络期刊管理。“添加卷期”用于填写/修改期刊当期参数 (期号、执行编辑、版权说明、主要栏目和出版日期) ;“添加封面”用于添加/修改期刊封面图片;“添加文章”用于添加修改指定期的刊载文章参数, 并同步提交上传电子文本;“文章列表”用于修改和删除文章。提交上传的文章可以在前台“过刊浏览”栏目中查阅、浏览和下载。根据期刊社自身发展的需要和经营策略, 可以设定免费或有偿的阅读和下载权限。

(8) 订单管理。在后台应可以按照时间从后往前的顺序查阅订单信息, 把汇款是否到达以及书刊发货或网刊阅读权限开放的相关情况及时给予回复。

(9) 其它管理。“留言管理”用于网上留言的回复和删除;“记录管理”用于网站数据的批量删除。

(10) 个人资料修改。网站管理员和编辑均可以自行修改个人资料 (包括登陆口令) 。

以上是期刊网站的核心功能设计, 适用于所有的期刊社。有些期刊在专业领域具有较大的影响力, 相关专业的市场规模又较大, 在这种情况下, 如果拥有足够的人力资源, 可以考虑增设“市场与产品”、“广告业务联系”等板块, 运用动画、声音等多媒体方式充分展示网站在企业和产品宣传方面的独特魅力, 甚至可以把网站建设成行业门户网站。期刊网站的建设, 必将扩大期刊的社会影响力, 促进期刊的良性发展, 是平面媒体的有益补充。

摘要：期刊网站是期刊的发展和延伸, 应实现作者、编者和读者之间信息的无障碍传递, 为作者投稿、查稿, 专家审稿、荐稿, 读者选择性阅读提供即时、全面和高效的服务。

关键词：期刊,网站,功能设计,期刊网络化

参考文献

[1]刘虓, 冯金东, 刘飚.我国科技期刊的网站建设调查.编辑学报[J].2006, S1:170-171.

[2]李冬梅.信息技术的应用对期刊编辑出版工作的影响与变革.编辑学报, 2007, 19 (5) .358-360.

[3]陈莹.浅谈科技期刊编辑工作的网络化.天津冶金, 2007, 5:53-55.

[4]马丽.编辑部制作期刊浏览网页的方法和上网策略.科技情报开发与经济, 2007, 17 (19) :209-210.

教学网站的设计与实现 第10篇

关键词：教学网站 作用 原则 功能

当前，信息技术的迅速发展，促进了校园网建设工作的全面实施。在此背景下，信息技术教育的广泛应用已成为新课程改革的一个新的突破口，其中教学网站将成为一个重要的教学环境。下面，笔者就教学网站的作用、设计原则和设计与实现的思路来谈谈自己的理解与认识。

一、教学网站的作用

教学网站是指按照某种教学思想和教学目的，利用现代化的网络技术建立起来的、具有一定教学功能的网站系统。

教学网站能够拓宽学校教育的渠道，给学生提供一种更加自主的学习形式，学生可以根据自己的认知特点和学习需求在教学网站上学习自己感兴趣的内容，也可以与其他同学进行交流。因为学生可以定制属于自己的个性化知识，所以在很大程度上弥补了班级统一教学的弊端。教学网站丰富的教学资源还能激发学生的学习兴趣，使其建构自己的认知系统。

二、教学网站设计的原则

（一）服务教学的原则

教学网站应该以教学为中心进行建设，既要考虑教师也要考虑学生，本着服务教学的原则来设计。以教来说，教学网站要便于教师发布、管理课程资源，使教师能及时了解到学生对教学资源的浏览与学习情况。以学来说，要让学生能够便捷的进行学习资源的浏览，快速地找到该学科资源。

（二）及时更新的原则

教学网站作为日常教学的工具，其内容要每天及时更新。教师要将每天的教学设计、课件、习题等资源及时共享，以便学生能够保持对教学网站的关注与兴趣。而且只有做到教学网站每天有新内容，才能保证学生及时获取到教学资源。

（三）内容充实的原则

教学网站的教学资源应该形式多样，内容充实。主要包括视频、音频、图片、动画、学案、试题、虚拟实验、教学课件等丰富的教学资源，为教师上课和学生学习提供物质基础。

（四）导航清晰的原则

这是网站设计风格的问题。对于使用者来讲，一个好的教学网站应该要做到页面布局简洁，分类科学，易于检索，能让师生很快搜索到要找的模块。我们前面也提到过，清晰的导航是提高师生检索教学资源效率的前提。

（五）交互性强的原则

如果要让教学网站更好的服务于教学，网站的设计不能只是简单的教学资源的静态展示，还应该体现出一定的交互功能。所谓交互功能，就是指学生与学生之间能够进行在线交流，发表评论；教师能够实时发布课程信息、作业题、模拟题，以及扩展学习资料等，与学生进行公开和非公开的交流，及时反馈信息，开辟一条师生交流的重要通道。

三、特色教学网站的设计与实现

（一）网站架构

网站架构应该以学习对象、学科类别、素材类型为依据进行分类。如附录中图1。

（二）技术路线

教学网站采用B/S三层体系结构，由客户端（Web瀏览器）、Web服务器和教育资源服务器组成。系统采用ASP.NET技术开发，Web服务器采用Windows Server 2003 自带的IIS 5.0，数据库采用Microsoft Access 2003。开发语言采用面向对象语言C#。技术路线包括：HTML+ADO.NET+JavaScript+Jquery+AJAX+XML。

（三）功能模块

根据教学网站的设计原则与实用功能，结合各学科教学活动的共性，教学网站建设应该集管理、教学、资源及信息交流服务为一体，主要包括教育新闻发布系统、教学科研应用系统、教育信息资源系统和信息服务系统。

1.新闻发布

我们要利用教学网站教育新闻发布系统支持学校的教育教学工作，使其更现代化，提高信息化管理水平。教育新闻发布系统的具体功能包括以下几方面：

学校概况：包括学校简介、政务公开、教育理念、所获荣誉等。

教育新闻：包括国内教育、甘肃教育、白银教育新闻及教育法律、法规、规章等文件、制度。

校园快讯：包括校党委、教务处、办公室、政教处、总务处发布的通知公示。

专题教育：包括爱国教育、家庭教育、禁毒教育、安全教育、消防教育等。

师生风采：主要有教师园地、学生天地、活动掠影、竞赛比赛和教育随笔等。

2.教学应用

在以班级教学体制为基础的情况下，要发挥教学网站教学科研应用系统的作用，更好地开展教学工作，提高教学效率。教学科研应用系统应该包括以下几方面的内容：

教学科研：包括教学反思、课题研究、培训进修、课改实践、心理辅导及教育个案。

网络课程：实现网络课程的浏览、上传、下载、删除与管理。

实时课堂：实现教师备课、授课以及作业的发布、管理。

教学答疑：实现师生之间的互动交流，包括同步答疑和异步答疑。

3.教育资源

教育信息资源系统主要功能包括资源的分类收藏功能，如按常用类型可分为国旗下演讲、德育案例、主题班会、家长学校、党团建设等，按素材类型可分为文本、音频、视频、图片、动画和模板。对各种教育信息资源进行采集、管理、检索和编辑、删除等功能。支持两种方式录入资源：单个资源的随机录入，大量资源的批量录入。资源搜索引擎支持精确查询和模糊查询。用户可以通过网络远程上传资源、下载资源。

4.信息交流

整个校园网站就是信息资源的宝库，有大量教育教学信息需要传递和交流，主要包括以下几个方面：

信息交流工具：为社会、学校、教师、学生及家长之间的信息交流提供全新的联络方式，包括站长信箱、网站留言、通知公告、电子邮件等子功能系统。

数字图书：是集图书采编、录入、登记、借还、查询、统计及维护为一体的应用系统，为师生提供丰富多彩的阅读资料。

视频点播：是采用流媒体和视频数据压缩技术，充分利用服务器和网络资源，为全校师生提供数字音频、视频节目等多媒体节目的点播平台。

辅助工具：包括信息搜索工具、问卷调查工具、校历工具、计算工具等。

实用工具下载：包括各种应用软件及网络工具，如即时聊天工具、FrontPage 软件、Dreamweaver软件、Photoshop软件、flash软件等。

四、结语

校园网的不断提速与扩容为网上教学和远程教育提供了基础。基于教学网站模式的教育教学可以更好地为学校的管理、教学及信息交流提供服务，以便更好地实现教育功能。教学网站能使教师在网络上获得最优质的教学资源，也可以为学生搭建自主学习的平台，同时还可实现师生之间的互动交流，从而更好地满足师生的学习需要，大面积提高教育教学质量。

本文是作者主持的甘肃省十二五教育科研规划课题“校园特色网站的建设及教育功能的研究”（课题批准号：[2012]GSG097）研究成果之一。

作者简介：

企业网站优化设计 第11篇

现在网络的发展已呈现商业化、全民化、全球化的趋势。目前,几乎世界上所有的公司都在利用网络传递商业信息,进行商业活动,从宣传企业、发布广告、招聘雇员、传递商业文件乃至拓展市场、网上销售等,无所不能。如今网络已成为企业进行竞争的战略手段。企业经营的多元化拓展,企业规模的进一步扩大,对于企业的管理、业务扩展、企业品牌形象等提供了更高的要求。在以信息技术为支撑的新经济条件下,越来越多的企业利用起网络这个有效的工具。网站早已由论证阶段进入了实质阶段,尤其为企业提供一个展示自己的舞台、为消费者创造一个了解企业的捷径。公司可以通过建立商业平台,实行全天候销售服务,借助网络推广企业的形象、宣传企业的产品、发布公司新闻,同时通过信息反馈使公司更加了解顾客的心理和需求,网站虚拟公司与实体公司的经营运作有机的结合,将会有利于公司产品销售渠道的拓展,并节省大量的广告宣传和经营运营成本,更好地把握商机。

二、企业网站的类型

企业网站的分类方式多种多样,根据其功能可分为宣传型、客户服务型、电子商务型。宣传型网站:通过建立宣传产品或服务,提升企业形象,扩大品牌影响,拓展企业的海内外潜在市场。主要面向客户、业界人士或者普通浏览者,以介绍企业的基本资料、帮助树立企业形象为主;可以适当提供行业内的新闻或者知识信息。客户服务型:通过网站实现企业宣传,并达到与客户实时沟通、为产品或服务提供技术支持,从而降低成本、提高企业的工作效率。主要面客户或者企业产品(服务)的消费群体,以宣传企业的核心品牌形象或者主要产品(服务)为主。电子商务型:主要面向供应商、客户或者企业产品(服务)的消费群体,以提供某种直属于企业业务范围的服务或交易或者为业务服务的服务或者交易为主;实现产品展示、在线订购、虚拟店员等功能,这类网站适合分销与信息服务等企业。

三、企业网站的设计原则

1、明确企业建站目的和目标群体

目的应该是定义明确的,应该清楚主要希望谁来浏览,具体要提供哪些内容,提供怎样的

服务,达到什么样的效果。

2、企业网站的信息内容应该充分展现企业的专业特性

对外介绍企业自身,最主要的目的是向外界介绍企业的业务范围、性质和实力,从而创造更多的商机。

3、企业网站提供的功能服务应该是切合实际需求

网站提供的功能服务必须保证质量每个服务必须有定义清晰的流程,每个步骤需要什么条件、产生什么结果、由谁来操作、如何实现等都应该是清晰无误的。

4、企业网站界面设计应该是便于用户操作

四、企业网站优化设计

1、在用色和文字使用方面

目前国内企业网站设计中最突出的问题就是用色。举个简单的例子,浏览一些国内外企业的网站,即使内容完全一样的两个网站,一个是国内网站,另一个是国外网站,很容易就能够看出区别,我们不得不承认国外网站的结构设计以及用色比国内设计水平高。国外网站很讲究用色,决不胡乱用色,其整体配色的协调性与风格的一致性往往令人惊奇。以可口可乐公司为例,可口可乐公司的电子商务网站主要采用了标准红色,突出了网站的产品色,搭配的对比色是绿色。红色虽然是一种很刺眼的颜色,但是在丰富多彩的色彩搭配下显得很稳重,同时也不失清新的感觉。相比之下,国内许多企业的网站,在设计中并不注重这些方面的表达,网页颜色数量过多,互不相干的两种色彩放在一起,搭配不协调,缺乏统一的风格。

其次,企业网站页面中的正文字体没有进行优化处理,粗犷的字体虽然容易识别,但整体布局被这些粗大的字体扰乱,失去了网页之美。另外,在文字的使用上,应简洁明了。可以看一下可口可乐公司的中国网站,它的导航是用简单的几个单词来实现的,如“我们的品牌”、“饮料面面观”等,文字虽然简单却把整个公司需要传送给顾客的理念都概括了,主题非常鲜明,让人一目了然,也方便了客户的浏览。

2、在网站定位方面

网站策划对于网站的运作至关重要。首先要给网站一定准确的定位,明确建站目的。给网站定位时,与公司决策层人士共同讨论,以便让上层领导对网站的发展方向有一定的把握。同时,最好调动公司其他部门一起参与讨论,及时从公司立场提出好的建议,结合到策划中去,其中包括网站用户需求分析、网站信息组织、网站导航设计、网站功能需求分析以及网站推广方案建议等一些系列内容,把网站的目标信息有效地传达给浏览者或潜在客户,从而达到最好的网站营销效果。

3、在图片和动画方面

(1)处理手法简单、缺乏设计思想图片只是为了点缀。其实,网页中图片的真正意义在于深化网站的思想,反映网站的统一形象,加深浏览者对网站形象的记忆,使用户更快掌握网站的内容。使用图片时,要注意图片和内容最好与链接相匹配,这样可以将企业的各种商业活动都合理地表示出来。

(2)存储方式、存储格式有问题,导致图像色彩失真、字节过大。浏览国内企业网站,常会看到这样情景:图片局部色彩出现焦糊的感觉,本来应该是单色的地方出现杂色,这是图片存储的问题,给人一种很不专业的感觉。

(3)图片太多:对于中小企业网站而言,首页要突出设计,内容要少,图像也只是象征性的。而很多企业网站首页使用大量图片,有的甚至整页都是图片切割而成。建议企业网站首页最好简洁一些,图片少些,设计思想多些,或者色彩淡些,目的无非只有一个——加快网页下载速度。如果必须使用图片,可以采用进度提示的方式等待网页下载。因此,网站图片一定要少而精,不必要的、与企业或网站形象不符的图片去掉。

(4)在动画使用方面,切忌在网页中胡乱地加入一些互不相干的动画。建议在动画使用方面最好找专业人士进行设计符合自己企业、网站风格的动画,为网站添光增彩,而不是胡乱堆放一气,扰乱浏览者的视线。以可口可乐中国网站为例,当进入可口可乐网站时,首先看到的是一个具有代表性的装满可乐的瓶子从天而降,下面显示了网页的下载速度,既生动,又富有自己的特色,简洁而又简单,用户也同步了解了网页的载入情况。

4、具体分栏目策划

每个栏目的策划书应该是格式统一的。其所涉及的内容为:

(1)栏目概述。其中包括栏目定位、栏目目的、服务对象、子栏目设置、首页内空、分页内容。

(2)栏目详情。栏目详情就是把每一个子栏目的具体情况描述一下,其中包括各个子栏目的名称;栏目目的,把子栏目的目的写清楚;服务对象,用以明确栏目的发展方向,更好地为达到目的而将做的具体内容;内容介绍,详细说明本子栏目的具体内容;资料来源,说明该栏目的内容来源是什么,以保证栏目开展下去不会出现没有内容的情况;实现方法,讲述实现这个栏目的具体方法;有关问题,栏目负责人在栏目的策划过程当中想到的、目前尚未解决的问题;重点提示,重点提示美工人员或编程人员需要注意的地方,或需要结合的地方,也可是栏目策划人员对该子栏目在这些方面的良好建议。

(3)相关栏目。这一项是用以说明本栏目和其他栏目之间的结合、沟通,之所以要有这一项是想通过各个栏目之间的联系,来加强网站的整体性。

第四,参考网站。标明本栏目参考了哪些网站,或可以参考哪些网站,一定要说明参考其他网站的哪些优点,哪些地方是在建设过程当中应该注意的。

第五,附录。用以记录这个文档的历史修改过程和所更改的内容。

如下图4.1所示

5、具体制作和整合

在设计之前应该让栏目负责人把需要特殊处理的地方对设计人员讲明。在设计页面时设计人员一定要根据策划书把每个栏目的具体位置和网站的整体风格确定下来。为了让网站有整体感,应该在网页中放置一些贯穿性的元素,最终要拿出至少三种不同风格的方案,每种方案应该考虑到公司的整体形象,与公司的精神相结合。设计方案拿出以后,由大家讨论定稿。

设计完成后是实现。由制作人员负责实现网页,并制成模版。在这个过程实现的同时,栏目负责人应该开始收集每个栏目的具体内容并整理。模版制作完成后,由栏目负责人往每个栏目里面添加具体内容。

网站的建设应该是同时进行的。在上面所讲述的过程进行的同时,网站的程序人员应该正处于开发程序的阶段,如果实现的这个过程中出现什么问题,编程人员应和制作人员及时沟通,以免程序开发完成后发现问题要进行大规模的返工。

当两边的工作都完成以后把程序和页面实行整合。整合完以后,需要测试,主要测试内容为:服务器的稳定性和安全性;程序及数据库测试;网页兼容性测试,如浏览器、显示器;根据需要的其他测试。

网站的发布、推广与维护企业网站制作完成后,只需在ISP处申请一个虚拟空间和域名,就可以发布网站到Internet上了,用适当的FTP工具发布网站。网站建好并不是一劳永逸的,建好网站后还需要企业精心运营才会越显成效。一般地说,企业网站建好之后,要做几个方面的工作:网站内容的维护和更新;网站服务与回馈;网上推广与营销;完善网站系统等。

参考文献

[1]赵祖荫.电子商务网站建设教程[M].北京:清华大学出版社,2004:854～856.

[2]蔡立军.网站建设原理与实践[M].北京:中国水利水电出版社,2004:824～826.

[3]朱传玲.中小企业网站的管理与维护[J].安徽科技,2006,(8):38.

[4]尚俊杰《.网络程序设计——ASP案例教程》清华大学出版社.2004.