-
让品牌有温度、有情感
专注品牌策划15年
网站设计框架（网站设计框架结构）
发布时间：2023-03-11 16:08:07
稿源：
创意岭 阅读：
1242
问大家
大家好！今天让创意岭的小编来大家介绍下关于网站设计框架的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008
本文目录:
一、网页设计的布局有哪几种
网页设计的布局有哪几种？
1.“国”字型：
2.拐角型：
3.标题正文型：
4.左右框架型：
5.上下框架型：
6.综合框架型：
7.封面型：
8.Flash型：网页设计
9.变化型：网页设计
二、使用框架设计的网站具有哪些好处
是否该用框架技术去设计一个新网页，也已成了大家争论不休的话题。在这篇文章中，我们为你提供了一些基本的优化技术，同时你也能够了解到：如何让一个使用框架的网页为主要搜索引擎正确索引及如何对其进行优化。 首先，让我们来看看。它的优越性体现在整个网页设计的整体性的保持及更新上。这也是为什么有相当多网站设计者都倾向于使用框架技术来进行网站的设计。尤其对于那些大型网站(至少500页以上的内容)而言，框架结构的使用可以使网站的维护变的相对容易。什么是框架型网页? 如果一个网页的左边导航菜单是固定的，而页面中间的信息可以上下移动，这一般就可以认为是一个框架型网页。此外，一些框架型站点的模板在其页面上方放置了公司的LOGO或图片。不过这一块也是位置固定的。而页面的其它部分则可以上下左右移动。有的框架型站点模板还会在其固定区域中放入链接或导航按钮。另外，在框架型网页中，深层页面的域名通常不会在URL中体现出来(这就意味着在浏览器的URL一栏中，不会显示你当前所看的深层页面，而是主页的URL)。这种问题在一般结构的网站中是不存在的。 无论是在一些内容比较好的书籍里还是在网上，你都能看到很多关于搜索引擎优化方面的文章。在这些文章当中，基本上都认为网站用框架来设计是极不可取的。这是由于大多数的搜索引擎都无法识别网页中的框架，或者无法对框架中的内容进行遍历或搜索。 在这种情形下，又有人可能会告诉你使用框架的网站永远不可能为搜索引擎索引，也不可能得到好的优化。这种论调对错参半。倘若框架使用得当，这种论调是站不住脚的。但对于框架的错误使用，或在网站设计时压根不考虑今天搜索引擎技术的方方面面，那么这句话又是有一定道理的。为什么使用框架的网页无法被正确索引? 在此，我们将向大家解释为何使用框架的网页无法被使用网络蜘蛛(spiders)或网络爬虫(crawlers) 的主要搜索引擎(如Google)正确索引的主要原因。在一个框架网页的后台代码中，我们一般能够看到的是网页的标题标记(Meta Title)、描述标记(Meta Description)、关键字标记(Meta Keywords)及其它原标记(Meta Tags)，同时你还会看到一个框架集标记(Frameset Tag)。框架中的内容在后台代码中是无法被体现的，而对于那些主要搜索引擎的搜索程序来说，如Google的GoogleBot和Freshbot，其设计思路都是完全忽略某些HTML代码，转而直接锁定网页上的实际内容进行索引。这样一来，网络蜘蛛在那些一般性的框架网页上根本找不到要搜索的内容。这是由于那些具体内容都被放到我们称之为“内部网页”中去了。 现在大家都清楚了，无论对于任何网站及任何页面，真实的页面内容才是达到成功优化的一个重要因素。因此很显然，一个使用框架的网站是几乎不可能在搜索引擎中取得较好的页面等级的。现今的搜索引擎期待的只有一件事情，那就是网站的内容。这里的内容指无格式或文本格式的内容，也就是网页上所写的词和短语。使用“Noframes”标记进行优化 使用了框架型网页并不意味着就完全无法对其网页进行优化。实际上在HTML标记中，有一个叫做NOFRAME的标记，如果使用得当的话我们就可以有效地对页面进行优化了，从而使得搜索引擎能够正确索引你框架网页上的内容信息。也有网站这样使用NOFRAMES标记：他们在NOFRAMES标记里放上这么一段话：“本网页使用了框架，但您的浏览器不支持框架。请下载新的浏览器观看。” 让我们看看那些专业的搜索引擎优化公司是怎么做的吧。他们在使用了框架的网页中，有效的提供含有丰富关键字和关键短语的重要文字和内容，从而有效帮助网站在SERP(搜索引擎搜索结果页)中取得较高的排名(页面等级)。 这样优化的结果，其实就是让主要搜索引擎不但读取了你的网页后台代码中的标题和其它原标记，而且对那些不支持框架的浏览器所无法显示的页面内容信息，也进行了索引。如果你出于某种原因非要使用框架结构，那么请紧记：在你的后台代码中一定要正确的使用NOFRAMES标记，这一点非常重要。 很显然，我们所说的这些优化措施，只有对那些网页内容经过精心撰写，并且在内容中充分使用了重要关键字和关键短语的网站才起作用。其它相关问题 上面我们针对一个使用了框架结构的网站主页如何进行优化做出了详细的分析。我相信现在大家应该学会怎样对使用框架的其它内部页面怎样进行正确优化了吧。
三、网页设计模版是什么?应该怎么设计？
网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。x0dx0ax0dx0a创建和设置x0dx0ax0dx0a1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。x0dx0ax0dx0a2)模板的作用：有利于保持网页风格的一致;提高工作效率。x0dx0ax0dx0a1.创建模板x0dx0ax0dx0a1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮x0dx0ax0dx0a模板面板的打开：Window菜单--Templatesx0dx0ax0dx0a2)创建基于文档的模板：File菜单-Save As Templatex0dx0ax0dx0a2.设置模板页面属性x0dx0ax0dx0a1)用模板创建的文档继承模板的页面属性，页标题除外。x0dx0ax0dx0a2)设置：Modify菜单-Page Propertiesx0dx0ax0dx0a3.定义模板的可编辑区x0dx0ax0dx0a1)定义模板的可编辑区x0dx0ax0dx0a在模板文档中选定对象、Modify菜单、Templates、New Editable Regionx0dx0ax0dx0a2)取消可编辑区标记x0dx0ax0dx0aModify菜单-Templates-Remove Editable Regionx0dx0ax0dx0a应用和更新x0dx0ax0dx0a1.应用模板创建文档x0dx0ax0dx0a1)应用模板创建文档x0dx0ax0dx0a使用模板创建新文档：File菜单-New From Templatex0dx0ax0dx0a或：File菜单-New-从模板面板中拖一个模板到文档x0dx0ax0dx0a对现有文档应用模板：Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Selectx0dx0ax0dx0a或：从模板面板中拖一个模板到文档中x0dx0ax0dx0a或：从模板面板中选定一个模板，单击Applyx0dx0ax0dx0a2)可编辑区和锁定区x0dx0ax0dx0a在应用了模板的文档中，只有可编辑区的内容才可以修改。x0dx0ax0dx0a3)把页面从模板中分离出来x0dx0ax0dx0a如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。x0dx0ax0dx0a具体操作：Modify菜单-Templates-Detach From Templatex0dx0ax0dx0a2.修改模板x0dx0ax0dx0a在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存x0dx0ax0dx0a3.更新站点中使用模板的所有文件x0dx0ax0dx0aModify菜单-Templates-Update Pages
四、几种常见网页布局设计
网页设计的布局有哪几种？
1.“国”字型：
网页设计也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。
2.拐角型：
这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。
3.标题正文型：
这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。
4.左右框架型：
这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。
5.上下框架型：
与上面类似，区别仅仅在于是一种上下分为两页的框架。
6.综合框架型：
上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。
7.封面型：
这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。
8.Flash型：网页设计
其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。
9.变化型：网页设计
即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。
以上就是关于网站设计框架相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
