Web 2.0下的门户网站建设

 更新时间:2016年9月20日 19:05  点击:1679

  web2.0

  博客的出现之所以被称为网络世界的革命,是因为其极大的降低了建站的技术门槛和资金门槛,而使每一个互联网用户都能方便快速的建立属于自己的网上空间。随着配套应用的快速发展,个人博客将在很短的时间内加速成长为类门户型的微型个人网站。博客走进千家万户和各行各业,从而将形成基于个人或小团体的以内容为导向的群体,而其中一定会出现的佼佼者将在很大程度上从门户频道乃至专业网站手里夺走部分甚至大部分读者。这在IT业界和互联网行业正在得到验证。

  Web2.0的定义,我认为是在web1.0的服务基础上,是互联网络用户从信息接受者转变成为信息制造者和传播者,从受众转向主体,从单个个体转向社团的新型互联网服务模式。在这种情况下,为用户提供优秀的发布平台、便捷的沟通和展示平台、顺畅的进入和退出机制、高效的信息整合机制变的与提供高质量信息一样重要,甚至更加重要。Web2.0时代的竞争,将不仅仅是内容的竞争,而是综合服务的竞争,其中的关键点包括以上的数个方面。博客是web2.0的最主要的代表。

  [文摘]web2.0是一个读写的互联网、一个依靠链接组织起来的互联网。

  一边是写,写的人活跃在各种各样的“节点”上,使用各种工具向互联网上传递着数字化的内容,这些内容被保存在数据库、文件系统,甚至是行动中的手机、PDA;一边是读,读的人活跃在各种各样的“主页”上,这里的“主页”已经不能简单的称呼为某个网站的主页,而是互联网上N个活动的节点的主页,一个“主页”上的内容,可能来自几十个节点,“主页”的编写者同节点的所有者一样,也在使用各种各样的工具,从节点读取内容,“主页”的编写者的主要工作已经从创造内容变成了收集和整理内容。

  博客

  博客的出现,在很大程度上满足了用户由单纯的信息接受者向信息提供者转变的需要,从而得到快速的发展。博客通过RSS、博采、Trackback、TAG等技术,在个体之间已初步形成了社团氛围和初步的社团机制。可以预见,博客服务提供商们将能提供更多的技术手段来加强这种社团性联系,如SNS等。博客圈子的形成,将在另一层意义上大规模提高其内容产生质量和数量。

  互动

  博客与互联网络的互动、博客之间的互动客观上要求BSP提供商适时提供博客与博客网站之间的互动,需要博客网站为博客提供展示自己的舞台。只有这种互动,才能将博客内容提供质量提高,而进一步深化博客信息质量。从某种程度上说,博客网站的门户效应将极大影响某类博客的发展态势和发展程度,而博客门户也会因为博客发展程度的原因而停滞或加速发展。两者相辅相成。

  在国内现有BSP竞争格局下,单纯的BSP服务和单纯的门户内容提供模式都是缺乏竞争力的。必须把两者结合起来,这就需要从博客网站和频道定位开始,逐步强化互动意识,探索互动的方法和技术。Web2.0时代的门户频道建设虽应从传统门户借鉴成功的经验和做法,更重要的是要探索出一条新路,挖掘自身网站博客的优秀内容。才能使2.0门户拥有大大超越1.0时代门户的资讯生产能力和整合、吸纳传统门户优秀内容的能力。极端的说,即便有更好的产品来取代博客,探索门户同博客的深度互动平台也必不可少。

  [文摘]

  随着支持RSS和XML-RPC的BLOG站点的兴起,WEB2.0的概念也跟着兴旺发达广为传播,就可以理解了。BLOG作为能够体现web2.0中“节点”概念几乎全部要素的一种形式,是存储和输出数字化内容的最佳载体。但是,纵观国内BLOG站点,多数都是提供了输入数据的界面,却没有能有效的让自己再次成为“节点”,实在是有些可惜。

  博客相关技术

  伴随博客出现而围绕博客服务的技术主要有:博采技术、内容聚合技术、同步技术、SNS技术和tag。博采技术为用户组织了随时摘取有用内容的有效工具,其前提是用户认知到这个信息;RSS技术则将有用的信息源聚合起来,随时将信息源提供的信息发送到用户平台,Trackback技术则将博客团体内其他成员的动向信息传递给用户,保持成员间的有效沟通;SNS技术用于凝聚社团的整体意识,tag是网民自主分类工具。可以说,基于博客单体的技术开发已形成体系并走向深化。与此对应的是,博客网站门户和频道的技术实现还停留在零的状态,甚至连第一代门户的技术都不如。

  [文摘]如果把wikipedia中的web 2.0的描述当成“定义”或者“经典”是非常片面的。 其实wekipedia并没有能下出一个定义,只是说明了哪些东西属于目前所说的web 2.0的技术:
 
  CSS + XHTML

  AJAX (最近很红火的新概念老技术,我自己的理解和定义是:通过网页内的javascipt调用来减少web页面刷新的必要性来提高web可用性的一种古老技术)

  通过RSS/ATOM同步数据

  通过RSS/ATOM聚合数据

  和IBM.com一样,Microsoft.com这个以蓝色为主色调而驰名的IT技术类网站,一直创造着“经典”一词。几年来它的每次改版所形成的简洁大方的界面设计,清爽整洁的色彩设计,亲和力强的引导设计,功能性强的信息格局,阅读舒适的文字设计等,都是企业网站和设计者创作时的参考和借鉴的典范。

  Microsoft网站特色指数如下

  视觉美观度:★★★☆
  文化与情感表达度:★★★☆
  功能使用便捷度:★★★★☆

  为什么要强调“专业化”一词呢?肯定不少读者会提出疑问,如何从网页视觉设计上表现专业化?为了解答这一问题,我们先细致研究一下Microsoft.com的页面设计吧,从中一定可以得到很多启发。

  采用直线划分页面

  信息尽量填满,并且做到井然有序。要知道,直线可以给人一种严谨、精专的感受;相反,曲线给人的是一种飘扬、自由的感觉(图1)。所以在女性用品类的网站、饮品类网站、海产品类网站、为小孩子设计的网站以及为了表现柔软感觉的纺织品类网站……多采用曲线划分页面的曲线格局。而如同Microsoft.com这样采用直线、直角来划分的框架结构,就表现出了经过缜密思考的感觉、规划过的感觉、专业化的感觉。不可否认,直线框架非常适合IT类网站、电子产品类网站、法律以及政府类网站、男性用品类网站等。

  用色单一

  在Microsoft.com页面中,我们只能感受到一种色相——蓝色。为了给单色相增加变化,设计师运用了两到三种不同的渐变手法,一是铺垫到信息格局的背景里,二是在页面顶部增加层次感。

  如果用多种色相调配着一起使用,这种方法多半出现在娱乐为主的网站上,有蓝的、绿的或黄的等等。对于那些健康类、儿童类、游戏类等网站也适合多色相的组合配色方式,可表现出嘈杂的多种情感的综合特征。但对于Microsoft.com这样的想要表达出“一种声音”的网站来说,单一色相可以给人一种清晰悦目的感觉,整洁、统一反而会加深印象,给人留下深刻的感受。即便在Microsoft.com的不同栏目中,还选择了一些淡淡的红、绿、紫色作为空白背景的背景色,但蓝色为主色调的观感并不能动摇,这些颜色和渐变效果一样,增加了画面的精致度,并为页面带来了起伏感和修饰感。

  如果想要表现整洁与高效性,不妨学习一下Microsoft.com的用色方式,你一定会受益匪浅。

  清新悦目的标语设计

  文字不能直接堆砌在页面上,一些重点内容必须要用广告条才能吸引浏览者的注意力。那么对于一个信息资源丰富的企业网站来说,引导式的标语非常重要。

  国内不少网站是把文字完全叠加在图片上,文字看不清楚,图片选择不恰当,广告面积太大,这些都将影响整个页面的视觉效果和妨碍有效传递信息(图2)。

  让文字看得清楚是关键。即便文字不叠加在图片上,而图片占用了主要空间,文字仅在缝隙里得到了一点空间,这样对信息的传播会造成障碍。做标语广告时,多一分注意力放在文字设计上,让图片为文字开道,这是很核心的创作思路。虽然最有效的方式是去掉图片,只用文字设计广告,可这种情况又不美观。此时可以学学Microsoft.com,在广告条上增加背景图案,在增加变化的同时,却不会削弱文字的有效作用(图3)。

<

动作是NoahWeb中极为重要的一个概念,浏览器与服务器一个完整的上下交互行程都可以理解成一个动作。

动作编程与以往的过程编程和对象编程是截然不同的一种编程思路。过程编程已经被某种意义上被淘汰在此就不做讨论,而动作编程与对象编程相比较,他们之间最大的区别在于“高度”的不同。

类、对象带给我们的面向对象编程可以让我们方便的在众多领域中进行复杂、高效的编程实现应用。每个有过对象编程学习经历的人在最初学习时也许都被问过“这个世界是由什么组成的?”通过这个方法以便让大家能直观的了解对象和类,而对象和类更可以让我们用最初认知的世界方式来理解和描述计算机中的各种功能和值。可是,对于网站、MIS或业务系统这些轻量级B/S架构的应用,对象编程也许并不是一种最好选择。

对于客户——程序结构设计重要还是流程设计重要?

类、对象提供了我们一种去描述计算机程序内各种能力和值的方式,可类、对象也是一种很“低级”的描述方式。

我们可以通过类和对象的方式来假设设计一个批发商买卖矿泉水的程序:

首先,您需要使用对象的方式描述水的各种属性和它具有的能力,而水是被装在瓶子里,所以对于装水的瓶子您也需要用类或对象的方式去描述一下瓶子的属性和能力,瓶子需要被装在箱子里,所以您也需要去用类或对象的方式去描述一下箱子……到此暂停!

回头看一下使用类和对象的时候我们在做什么?我们在进行对象之间的关系设计。而我们最初目的是什么?是设计一个批发商买卖矿泉水的流程。

看一下使用动作编程是怎么设计整个流程的:

订单确认—>出库—>装货—>送货—>收款

订单确认、出库、装货、送货、收款每个都是一个动作,而这些动作组合在一起构成了一个买卖矿泉水的动作流程。或许您还认为上述整个买卖矿泉水流程不合理应该是另一个更合理的流程。这样考虑就对了,因为您现在更多的时间已经花在为您的用户设计流程,而不是考虑设计整个类和对象之间的关系。

对于系统的用户我们为他考虑的不应该是程序结构方面的设计,而应该更多的是流程方面的设计。在使用动作方式后,您关注的不再是类和对象之间的关系,而是整个流程的设计。

一级还是多级?

我们还是继续来看批发商买卖矿泉水的流程设计,对象编程时,水和瓶子之间是存在关系,瓶子和箱子之又存在关系,再往上设计,或许还有批发商对象,买卖矿泉水的这个行为是由箱子这个对象来具备的,如下图所示:

<

NoahWeb™引擎为计算机编程专用语言解析引擎,属于新一代解析型编程语言执行引擎,用于快速开发B/S结构下的应用或网站。同NoahWeb™紧密相关的有NoahWeb Engine、NoahWeb Designer以及其他设计器辅助工具。

NoahWeb™使用有别于传统编程语言的编程结构和语法,语法分逻辑层和表现层两类。使用NoahWeb™对B/S的项目进行开发,逻辑层和表现层已经被NoahWeb™全新的编程结构分离。表现层(前端)使用HTML或是说XML内的注释标签方式描述基本的控制指令,逻辑层使用XML格式NoahWeb™语法进行逻辑开发,从而大大加快了开发速度。

NoahWeb™内包含对各种常见数据库的支持。NoahWeb™使用内部的数据库无差异支持引擎来对数据库进行方便快捷的访问,从而让使用NoahWeb™开发的项目能够轻松的移植到不同数据库运行。

NoahWeb™提供了功能强大的Form表单的管理和设计支持。

NoahWeb™集成了国内各种常见协议的支持。

NoahWeb™对表现层代码、字符资源、数据库查询、页面表单、变量、动作、函数等资源提供统一管理,各种资源具有极高的可重用性。

NoahWeb Designer用来协助开发人员使用NoahWeb™对项目进行快速开发。在NoahWeb Designer中可管理使用NoahWeb™开发的动作(Action)、名称空间(NameSpace)、模组(Moudle)、表单(Form)、字符资源(String)、数据库操作(SQL)等资源。

NoahWeb Designer可根据项目的配置信息管理数据库连接,提供针对已连接数据库表结构的数据库操作的快速生成和编辑,还可进行对字符资源的编写和提供在其他编写工具中编写NoahWeb™的各类编写支持,最后NoahWeb Designer会将所有生成内容使用NoahWeb™语言和语法进行保存以保证NoahWeb Engine的正常解析和执行。




    大家可能有这样的体验,在相同的条件下,有些网页不仅美观,大方,打开的速度也非常快,而有些网页却让人长久等待。这就说明网页制作不仅仅是以文笔流畅,图片精美,布局整洁而取胜,很大程度上依赖于网络技术。因此一个很简单的主页不仅是制作者审美观、阅历的体现,更是制作者知识面、技术等综合素质的展示。

    我们来一起熟悉一下跟主页制作相关的网络术语,只有了解了网络相关的知识,我们才能制作出自己具有艺术性和技术性的主页。

  万维网:

    万维网的英文缩写是WWW,是一个基于超级文本的信息查询工具。

  超级文本: 

    超级文本与普通文本不同,它是一种使用用户于计算机之间进行交流的文本显示技术,通过对关键词或图片的索引链接,可以使这些带有链接的词语或图片指向相关的文件或者文本中的相关段落。类似于普通书本中的目录,我们要看某一个章节,就要用手翻页到相关的页面,在这里,我们用鼠标点击相关的链接(相当于书本中的目录)就能打开相关的页面或内容。

    通常当鼠标指针指向带有超级链接的时候,鼠标指针从原来的箭头形状变为“手”的形状,文本的下方也会出现下划线或者做出颜色的改变,这是软件默认的超级文本的链接形式,依据设计制作者的不同选择,会出现不同的显示。

  浏览器:

    浏览器是安装在电脑中(客户端)用来查看万维网中超级文本的一种工具(软件)每一个万维网的用户都要在电脑上安装浏览器来“阅读”网页中的信息,这是使用万维网的最基本的条件,就好像我们要用电视机来收看电视节目一样。目前大家所用的Windows操作系统中已经内置了浏览器。

    目前主流的浏览器主要分为两种:

  1、微软公司开发的 Microsoft Internet Exploere浏览器,简称IE,目前最高版本是6.0。

  2、网景公司开发的 Netscape Navigator浏览器。

    这两个浏览器开发公司不同,但使用界面大致相同,他们占有了网络浏览器市场的绝大部分份额,还有一些其他公司的浏览器,因为其占有市场份额相对太小,这里不作介绍了。需要提醒大家注意的是,尽管微软和网景浏览器界面大致相同,但是对于浏览使用了特效的同一个网页,显示的效果也可能不同,即便是同一个公司的不同版本的浏览器也有这样的状况。因此我们在网页制作过程中应该考虑到浏览对象的不同而选择不同的制作方式。例如如果我们的主页主要面对的对象是国内用户,而国内用户大多使用Windows自带的浏览器,我们就可以选择目标浏览器是IE,同时要兼顾一下还在使用IE5.0版本的用户;如果我们面对的对象是海外用户,而海外很多人习惯使用网景浏览器,我们就可以选择Netscape的浏览器。

  FTP(文件传输协议): 

    FTP是文件传输协议的英文缩写,是快速、高效、可靠的信息传输方式。这个协议能把文件从一台计算机传输到另外一台计算机中,而不必管这两台计算机位置在何处,也不用管这两台计算机使用什么操作系统和使用何种网络,只要它们都遵循FTP协议,并且能够通过网络互联。

    由于FTP是一个交互式的会话系统,因此两台计算机可以作为一个客户端一个服务器端来看待,它们之间要建立双重连接,一个用于控制,一个用于数据传输。这是制作网页所要使用的重要技术之一。

  URL(统一资源定位器): 

  URL主要用于指明通信协议和地址,以获取网络的各种信息服务。它包括:

  通信协议:http、FTP、Telnrt、Mailto等。
  主机名:指服务器在网络中的IP地址或域名。
  所要访问的文件的路径和文件名:主机名与文件夹(目录)及文件之间用“/”符号分隔。
  我们在上面所说的浏览器的地址栏中输入的就是URL。

  IP地址: 

  IP地址是分配给网络上计算机的一组由32位二进制数值组成编号,来对网络中计算机进行标识,为了方便记忆地址,采用了十进制标记法,每个数值小于等于225,数值中间用“.”隔开,一个IP地址相对一台计算机并且是唯一的,这里提醒大家注意的是所谓的唯一是指在某一时间内唯一,如果我们使用动态IP,那么每一次分配给我们的IP地址是不同的,这就是动态IP,在我们使用网络的这一时段内,这个IP是唯一的指向我们正在使用的计算机的;另一种是静态IP,它是固定讲这个IP地址分配给某计算机使用的。网络中的服务器就是使用的静态IP。

  域名:

SyntaxHighlighter.highlight();

[!--infotagslink--]

相关文章

  • Springboot如何实现Web系统License授权认证

    这篇文章主要介绍了Springboot如何实现Web系统License授权认证,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-05-28
  • 如何获取网站icon有哪些可行的方法

    获取网站icon,常用最简单的方法就是通过website/favicon.ico来获取,不过由于很多网站都是在页面里面设置favicon,所以此方法很多情况都不可用。 更好的办法是通过google提供的服务来实现:http://www.google.com/s2/favi...2014-06-07
  • C#使用Http Post方式传递Json数据字符串调用Web Service

    这篇文章主要为大家详细介绍了C#使用Http Post方式传递Json数据字符串调用Web Service,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
  • InterlliJ IDEA2020新建java web项目找不到Static Web的解决

    这篇文章主要介绍了InterlliJ IDEA2020新建java web项目找不到Static Web的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-09-02
  • mac下Apache + MySql + PHP搭建网站开发环境

    首先为什不自己分别搭建Apache,PHP和MySql的环境呢?这样自己可以了解更多知识,说起来也更酷。可也许因为我懒吧,我是那种“既然有现成的,用就是了”的人。君子生非异也,善假于物也。两千年前的荀子就教导我们,要善于利用工具...2014-06-07
  • 详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)

    这篇文章主要介绍了在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入),本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-07-11
  • php实现网站留言板功能

    我要实现的就是下图的这种样式,可参考下面这两个网站的留言板,他们的实现原理都是一样的畅言留言板样式:网易跟帖样式:原理 需要在评论表添加两个主要字段 id 和 pid ,其他字段随意添加,比如文章id、回复时间、回复内容、...2015-11-08
  • jQuery mobile 移动web(6)

    这篇文章主要介绍了jQuery mobile 移动web(6)的相关资料,需要的朋友可以参考下...2015-12-21
  • 网站广告怎么投放最好?首屏广告投放类型优化和广告位布局优化的案例

    网站广告怎么投放最好?一个网站中广告位置最好的是哪几个地方呢,许多的朋友都不知道如何让自己的网站广告收效最好了,今天我们就一起来看看吧。 在说到联盟优化前,...2016-10-10
  • 利用js实现Vue2.0中数据的双向绑定功能

    vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,下面这篇文章主要给大家介绍了关于如何利用js实现Vue2.0中数据的双向绑定功能的相关资料,需要的朋友可以参考下...2021-07-19
  • Microsoft Expression Web 简体中文正式版 官方下载地址

    Microsoft Expression Web 简体中文正式版相对于早期的 Microsoft Expression Web Designer CTP1(英文)除了它是正式的中文版外,有进步的地方1.对标签的id名称加上了css的代...2020-06-25
  • Tomcat首次部署web项目流程图解

    这篇文章主要介绍了Tomcat首次部署web项目流程图解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-12-11
  • jQuery UI结合Ajax创建可定制的Web界面

    这篇文章主要为大家详细介绍了jQuery UI结合Ajax创建可定制的Web界面,如何利用Ajax和jQuery UI创建具有各种定制功能的高度可定制的UI,感兴趣的小伙伴们可以参考一下...2016-06-24
  • web项目开发之JS函数防抖与节流示例代码

    这篇文章主要介绍了web项目开发之JS函数防抖与节流实现的示例代码及原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助...2021-09-24
  • 个人站长做网站应该考虑的一些问题

    个人网站建设应该考虑哪些问题呢?这个问题我们先在这里不说,下文会一一列出来,希望这些建义能帮助到各位同学哦。 我相信VIP成员里面有很多站长,每个人几乎都拥有一个...2016-10-10
  • 创建一个完整的ASP.NET Web API项目

    ASP.NET Web API具有与ASP.NET MVC类似的编程方式,ASP.NET Web API不仅仅具有一个完全独立的消息处理管道,而且这个管道比为ASP.NET MVC设计的管道更为复杂,功能也更为强大。下面创建一个简单的Web API项目,需要的朋友可以参考下...2021-09-22
  • Web制作验证码功能实例代码

    web开发中,经常会使用验证码功能,例如登录、注册,或其他关键功能之前经常会使用。下面通过实例代码给大家介绍Web制作验证码功能实例代码,感兴趣的朋友一起看看吧...2017-06-24
  • 分享利用论坛签名提升网站权重

    分享一篇利用论坛签名提升网站权重的方法,在推广中论坛签名也是一种不错的外链推荐的方法,但现在权重越来越低了,有需要的朋友可以看看。 话说有一天在站长网上面看...2016-10-10
  • gateway与spring-boot-starter-web冲突问题的解决

    这篇文章主要介绍了gateway与spring-boot-starter-web冲突问题的解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教...2021-07-17
  • 网站排名提升后稳定排名方法

    一、靠前排名成搜索关注的对象   从搜索引擎的角度考虑一下,就不难理解为什么搜索引擎对排名在首页的网站那么慎重,甚至对新进排名在首页的一些网站进行为期一个多月的...2016-10-10