1. 网站结构的主要类型
1、星型网络结构
在星型网络结构中各个计算机使用各自的线缆连接到网络中,因此如果一个站点出了问题,不会影响整个网络的运行。星型网络结构是现在最常用的网络拓扑结构,如图1所示。
2、环型网络结构
环型网络结构的各站点通过通信介质连成一个封闭的环形。环形网络容易安装和监控,但容量有限,网络建成后,难以增加新的站察睁敏点。因此,现在组建局域网已经基本上不使用环型网络结构了。
3、总线型网络结构
在总线型网络结构中所有的站点共享一条数据通败枝道。总线型网络安装简单方便,需要铺设的电缆最短,成本低,某个站点的故障一般不会影响早宽整个网络,但介质的故障会导致网络瘫痪。总线网安全性低,监控比较困难,增加新站点也不如星型网容易。所以,总线型网络结构现在基本上已经被淘汰了。
2. 网站的结构都有什么
网站的目录结构
网站的目录是指在创建网站时建立的目录,我们要根据网站的主题和内容来分类规划,不同的栏目要对应不同的目录,在各个栏目目录下我们也要根据内容的不同对其划分不同的分目录,比如说页面图片放到images目录下,新闻放到news目录下,数据库放到database目录下等等。同时要注意目录的的层次不宜太深,一般不要超过三层,另外给目录起名的时候要尽量使用能表达目录内容的英文或汉语拼音,这样会更加方便日后的管理维护。
网页的构成和布局
不同主题的网站对网页内容的安排会有所不同,但大多数网站首页的页面结构都会包括页面标题、网站LOGO、导航栏、登录区、搜索租轮区、热点推荐区、主内容区和页脚区(如图),其他页面不需要设置如此复杂了,一般由页面标题、网站LOGO、导航栏、主内容区和页脚区等构成。
搞网站设计不是把所有内容放置到网页中就行了,还需要我们把网页内容进行合理的排版布局,以给浏览返咐者赏心悦目的感觉,增强网站的吸引力。在设计布局的时候我们要注意把文字、图片在网页空间上均匀分布并且不同形状、色彩的网页元素要相互对比,以形成鲜明的视觉效果。我们常见的布局结构有
“同”字形布局、“国”字形布局、“匡”字形布局、“三”字形布局和“川”字形布局等。
1.
“同”字形布局:所谓“同”字形结构,就是整个页面布局类似“同”字,页面顶部是主导航栏,下面左右两侧是二级导航条、登录区、搜索区等,中间是主内容区,如http://www.china-channel.com。
2.
“国”字形布局:它是在“同”字形布局上演化而来的,它在保留“同”字形的同时,在页面的下方增加一横条状的菜单或广告,如http://www.yesky.com。
3.
“匡”字形布局:这种布局结构去掉了“国”字形布局的右边的边框部分,给主内容区释放了更多空间,内容虽看起来比较多,但布局整齐又不过于拥挤,适合一些下载类和贺卡类站点使用,如http://nj.onlinedown.net。
4.
“三”字形布局:一般应用在简洁弊世信明快的艺术性网页布局,这种布局一般采用简单的图片和线条代替拥挤的文字,给浏览者以强烈的视觉冲击,如http://www.cphoto.com.cn。
5.
“川”字形布局:整个页面在垂直方向分为三列,网站的内容按栏目分布在这三列中,最大限度地突出主页的索引功能,一般适用在栏目较多的网站里,如http://www.ezIT.com.cn。
3. 网站的组成结构都有哪些
扁平or树型:一说到网站结构,大家都会提到扁平结构和树型结构,言必称“结构扁平化”,这些指的是物理结构,即基于内容聚合的目录及文件位置决定的结构。其实对于网络搜索引擎来说,只要结构合理、有逻辑性、内容有规律可循都可以,都是友好的。
链接结构:相对于物理结构,就要说到逻辑结构:即通过内部链接形成的链接结构,逻辑结构才是搜索引擎最关注的。对于一个网站来说,网页仅仅可以通过首页——目录1——目录2一层一层follow到是远远不够的,一个优秀的链接结构应该是网状的。
首页链接应该链向重要的频道页,频道页再链向下面的节点页或普通页面。同时,频道页、节点页和普通页面都应该可以链回到首页
无论哪些页面之间互相链接,都需要一个描述恰当的锚文本
链接不要放在JS、FLASH等搜索引擎不可见的位置,使用图片做链接入口应该完善alt标签
网络搜索引擎目前仅支持对部分JS和FLASH进行解析,绝大多数放在JS和FLASH里的链接都是获取不到的
为重要页面留更多入口。网络搜索引擎认为,获得更多内部投票的网页相对来说更加重要
“离首页越近”的网页,越容易受到网络重视。这个“近”指的是页面离首页的点击距离。即使URL所在目录层级较深,只要在首页有入口,网络也认为这是一个非常重要的页面。
不要产生可怕的孤岛页面。虽然网络在提交入口、社会化挖掘方面做了许多工作,但链接抓取依然是网络获得新页面的最重要渠道
4. 网站的基本架构是什么
网站架构按照制作步骤分为硬架构和软架构。
一、硬架构
1、机房:在选择机房的时候,根据网站用户的地域分布,可以选择网通、电信等单机房或双机房。
2、带宽:预估网站每天的访问量,根据访问量选择合适的带宽,计算带宽大小主要涉及峰值流量和页面大小两个指标。
3、服务器:选择需要的服务器,如图片服务器,页面服务器,数据库服务器,应用服务器,日志服务器,对于访问量大点的网站而言,分离单独的图片服务器和页面服务器相当必要。
二、软架构
1、网站的框架:现在的PHP框架有很多选择,比如:CakePHP,Symfony,Zend Framework,根据创作团队对各个框架熟悉程度选择。
2、逻辑的分层
1)表现层:所有和表现相关的逻辑都应该被纳入表现层的范畴。
2)应用层:主要作用是定义用户可以做什么,并把操作结果反馈给表现层。
3)领域层:包含领域逻辑的层,就是告诉用户具体的操作流程的。
4)持久层:即数据库,保存领域模型保存到数据库,包含网站的架构和逻辑关系等。
(4)网站主要有什么结构类型扩展阅读
网站的分类
1、根据网站所用编程语言分类:例如asp网站、php网站、jsp网站、Asp. net网站等;
2、根据网站的用途分类:例如门户网站(综合网站)、行业网站、娱乐网站等;
3、根据网站的功能分类:例如单一网站(企业网站)、多功能网站(网络商城)等等。
4、根据网站的持有者分类:例如个人网站、商业网站、政府网站、教育网站等。
5、根据网站的商业目的分类:营利型网站(行业网站、论坛)、非营利性型网站(企业网站、政府网站、教育网站)。
5. 网页制作的结构布局有哪些
布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构:
1.“同”字型结构布局
所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单,下方左侧为二级栏目条,右侧为链接栏目条,屏幕中间显示具体内容的布局。
这种布局的优点是充分利用版面,页面结构清晰,左右堆成,主次分明,信息量大;缺点是页面拥挤,太规矩呆板,如果细节色彩上缺少变化调剂,很容易让人感到单调缺乏。
2.“国”字型布局
“国”字型布局是在“同”字型布局基础上演化而来的,在保留“同”字型的同时,在页面的下方增加一横条状的菜单或广告,是一些大型网站所喜欢的类型。一般最上面是网站标题及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是在网上见到的最多的一种结构类型。
这种布局的优点是充分利用版面,信息量大,与其他页面的链接切换方便,缺点是页面拥挤,四面封闭,令人感到憋气。
3.T型布局
这是一个形象的说法,是指页面的顶部是“网站标志+广告条”,左面是主菜单,右面是主要内容。这种布局的优点是页面结构清晰、主次分明,是初学者最容易上手的布局方法;缺点是页面呆板,如果不注意细节上的色彩,很容易让人“看之无味”。
4.“三”字型布局
这种布局多用于国外站点,国内用得不多。特点是在页面上有横向两条色块,将页面整体分割为但部分,色块中大多放广告条、更新和版权提示。
5.对比布局
顾名思义,这种布局采用左右或者上下对比的方式:一半深色,一半浅色。一般用于设计型站点。优点是视觉冲击力强;缺点是将两部分有机地结合比较困难。
6.POP布局
POP引自广告术语,是指页面布局像一张宣传海报,一一张精美的图片作为页面的设计中心。这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接,甚至直接在首页的图片上做链接而没有任何提示。这种布局大部分出现在企业网站和个人主页,如果处理得好的话,会给人带来赏心悦目的感觉。
7.Flash布局
这种布局是指整个或大部分幅面的网页本身就是一个Flash动画,它本身就是动态的,画面一般不叫绚丽、有趣,是一种比较新潮的布局方式。其实这与封面型结构是类似的,只是差毕橡这种类型才采用了目前非常流行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于虚旁传统的多媒体。不同性质的网站,其页面内容安排是不同的。一般网页的基本内容包括标题、网站标识图案(LOGO)、页眉、页脚、主体内容、广告栏等。下面简单说明:A、页面标题在站点的没一个页面中都有一个标题,用来提示页面的主要内容,着一信息将出现在浏览器的标题栏中,而不是在页面的布局中。它的重要作用就是引导访问者清楚地浏览网站的各项内容,不至于迷失方向。标题的加入在HTML语言中比较简单
电子商务网站的主页内容布局授课:花小琴常见的网页布局结构国字型布局——国字型布局由同字型布局进化而来,因布局结构与汉字国相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告,页面中间主要放置网站的主要内容,最下部分一般放置网站的版权信息和联系方式等。常见的网页布局结构T型布局——T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告,下方左侧是导航栏菜单,下方右侧则用于放置网页正文等主要内容。常见的网页布局结构标题正文型——标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。常见的网页布局结构左右框架型布局——左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接,右侧则放置网站的主要内容常见的网页布局结构上下框架型——上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。常见的网页布局结构综合框架型——综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术常见的网页布局结构POP布局——POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。常见的网页布局结构FLASH布局——FLASH布局是指网页页面以一个或多个Flash作为页面主体的学习前端第一步:划分网页结构,网页的结构的划分应该遵循哪些原则,如何去划分网页的结构呢?
对于一个前端初学者,第一步就是要学会如何划分一个网页的结构。当设计师给到你一张设计图,你需要根据这张图做出一个符合标准的页面,这里所说的标准,即w3c标准,参考w3school在线教程。那么做出一个完整的符合标准的网页第一步就是要划分网页的结构。一般来讲,网页结构的划分需要遵循几个原则:
一、自上而下原则
因为浏览器在渲染一个网页的顺序是自上而下的。这里提到了渲染这一个词,所谓的渲染就是浏览器将代码转换为页面显示内容的过程。浏览器会自上而下读取你写的代码并自上而下的显示。
二、从左至右原则
在自上而下的同时,同一行的内容是从左至右渲染,所以在划分结构的时候有从左至右的顺序。
三、一像素原则
这个原则对于初学者来说必须坚持,但也并不是说无论什么时候都得死认这个道理。前期我们在划分网页的时候一定要划分准确,尤其是横向。试想,如果外面的盒子宽度是1200像素,里面两个盒子一个600像素另一个601像素,加起来超过了父级的宽度那么必然第二个盒子会换到下一行进行显示。
在说完上述三个原则过后有些人就会一味地追求遵循这些原则,比如在划分结构的时候一定要分为上下部分,但是比如下面我截取这个网页的一部分,图片和文字其实是属于一个整体,文字是对图片的说明,所以就不应该分为上下,而应该水平方向划分,每一个图文作为一部分内容,水平分为四部分:
我们说一般网页有header(头部区)、banner(广告横幅区)、main(主体内容区)、footer(底部区),单页并非所有网页都是这样,有些网页没有banner但是初学者容易将header下面那一部分硬划分为banner,有些网页除了这几部分还会有比如icon等区域由喜欢将他们划分到main中去。
说到main区,这个结构划分就多种多样了。有些网页是有一个从左到右通栏的背景色甚至背景图片,这样我们结构的划分也应该有外层一个通栏的盒子,将背景色或者背景图给他,里面再嵌套一个inner盒,给可视区域的固定宽度并居中。如果没有通栏的背景那么这个时候是不需要给通栏的盒子,直接main区给固定宽度居中就好了。
那么在结构划分的时候有些盒子区域之间的空隙怎么去划分这也是初学者最容易犯难的问题。其实严格意义来讲这些空白在结构划分的时候并不会造成影响,因为空白区域在都可以用代码来实现。不过一些文字区域你不能贴着文字的上下来划分,因为文字都是自带行高的。
另外,有些地方可能会有一部分小图片或者一部分内容覆盖在外面大盒子上,这部分在划分结构的时候可以不用管,因为后期在代码实现的时候我们可以利用定位技术实现。