网页设计使用什么框架好

1、网页设计哪些软件比较好？

一、菜鸟级网页制作软件

如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！

①Microsoft FrontPage

如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。

FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。

②Netscape编辑器

Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage 2000还有些像?但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。

Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。

③Adobe Pagemill

Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。

Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。

④Claris Home Page

如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。

二、中级网页制作软件

如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。

①DreamWeaver

自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

②Fireworks

第一款彻底为Web制作者们设计的软件

Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！

③Flash

让你的网页动起来

Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！我相信这句话没错！

④HotDog Professional

制作要加入多种复杂技术的网页

HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。

HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。

⑤HomeSite

制作可完全控制页面进程的网页

Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。

HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你最佳选择。不过对于生手过于复杂。

⑥HotMetal Pro

制作具有强大数据嵌入能力的网页

HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其他ODBC数据提出来，放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒?此外它还能转换很多老格式的文档(如WordStar等)，并能在转换过程中把这些文档里的图片自动转换为GIF格式。

HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。

三、高级网页制作软件

①Microsoft Visual Studio

该系列的版本有：2003、2005、2008和未来的版本；

适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。

②Jbuilder

不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。

③记事本

别以为记事本功能非常少，软件很简单；但是，如何想使用它来制作网页，也仅适合高级用户；因为在其内容，没有任何可视化的操作可直接制作网页，而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本，方能制作出网页来。

2、网页菜单最好用什么制作，css，框架还是什么

一般菜单的HTML结构会采用ul列表，如下所示：
<div class="nav">
<ul>

<li><a href="#">菜单1</a></li>

<li><a href="#">菜单2</a></li>
<li><a href="#">菜单3</a></li>
</ul>
</div>
简单点的菜单，也可以直接是几个超链接堆砌，也没什么。
不过你说的CSS是层叠样式表，是美化页面，进行布局的。在现代网页中，无论做什么都需要css，当然也包含了各种菜单。

3、制作网页一般用什么软件啊?

1、DreamWeaver

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。

2、Flash

Flash，是一种动画创作与应用程序开发于一身的创作软件，目前最新的零售版本为Adobe Flash Professional CS6(2012年发布)。

Adobe Flash Professional CS6为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。

3、Fireworks

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画。

4、HomeSite

HomeSite是一种功能完备的html编辑器。它与文本编辑器相似，但含有自动添加HTML标签以及轻松创建HTML复杂元素的功能。HomtSite还有大量的javascript特性，比如自动创建标签以及为脚本命令首色等，后者可帮助开发人员更轻松的查看和跟踪脚本命令。

5、HotDog Professional

HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。

4、网页设计框架运用

参考下
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>后台管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<frameset rows="20%,*">
<frame src="top.html" name="top"></frame>
<frameset cols="30%,*">
<frame src="menu.html" name="menu"></frame>
<frame src="cont.html" name="cont"></frame>
</frameset>
</frameset>
</html>
----------------------我是分割线---------------------------------------------------------------
menu.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>菜单栏</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript">

</script>

<style type="text/css">

</style>
</head>
<body>
<h1>管理选项</h1>
<ul>
<li><a href="public.html" target="cont">发布文章</a></li>
<li><a href="list.php" target="cont">文章列表</a></li>
<li><a href="langmulist.php" target="cont">栏目列表</a></li>
<li><a href="addLangmu.html" target="cont">添加栏目</a></li>
<li><a href="layout.html" target="_top">退出登陆</a></li>
</ul>
</body>
</html>

5、使用框架设计的网站具有哪些好处

是否该用框架技术去设计一个新网页，也已成了大家争论不休的话题。在这篇文章中，我们为你提供了一些基本的优化技术，同时你也能够了解到：如何让一个使用框架的网页为主要搜索引擎正确索引及如何对其进行优化。 首先，让我们来看看。它的优越性体现在整个网页设计的整体性的保持及更新上。这也是为什么有相当多网站设计者都倾向于使用框架技术来进行网站的设计。尤其对于那些大型网站(至少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标记，这一点非常重要。 很显然，我们所说的这些优化措施，只有对那些网页内容经过精心撰写，并且在内容中充分使用了重要关键字和关键短语的网站才起作用。其它相关问题 上面我们针对一个使用了框架结构的网站主页如何进行优化做出了详细的分析。我相信现在大家应该学会怎样对使用框架的其它内部页面怎样进行正确优化了吧。

6、网页设计中框架的作用？怎样合理的利用它？

现在用的比较少了。
个人经验一是在做帮助文件，左边是标题的链接，右边显示具体内容的时候用到过框架。二是开发聊天室的时候用过框架。三是教网页制作作业的时候被强行要求使用框架时候用过框架。其他的一时想不起来。