你可以用iE浏览器或opera浏览器直接另存为一个mht格式的文档还有就是网上好多网站整站下载工具可以将js和css图片了都保存下来可以在本地浏览TeleportPro这个软件挺不错你可以试下
网页制做入门(1)
网页制做入门
我们天天与网页打交道，那些或界面精美，或内容丰富，或构思独特、风格各异的网页，不知道吸引了多少人的眼球了，它们的运行方式，制做方法，你说你说一点都不好奇，一点都不想知道，那肯定是假的，嘿嘿，我也一样，而且我的好奇心有时还不小～～～，可我的好奇心有是有了，因为网页制做没有真正当成吃饭的家伙，所以，，，当初的热度也只有三分钟，在这里，把以前的一些经验介绍给大家，强烈希望广大高手介入，来个你说，我说，大家说，集众人的智慧于此。因为大多数地方，是跟据我自己的做法，我自己的理解说的，难免有说错的地方，也请大家指正了。
第一讲网页基本常识
我们平时常见的网页，基本可以分为两类，静态网页(htm,html等)和动态网页(asp、cgi、php等)。静态网页交互性不强，只是单纯的传输信息给客户浏览器，而动态的一般有很强的交互性，很多都在一定程度上结合了数据库，能进行资料的搜索等功能，常用于论坛，留言本，网上订单等。常用的网页脚本语言VBScript、JScript，也是一种编程语言。下面这几点是在别的地方抄来的，就当看小说一样看下吧，只需大概知道下就行了。
一、什么是HTML？
网页的学名称作HTML文件，是一种可以在www网上传输，并被浏览器认识和翻译成页面显示出来的文件。www是“worldwideweb"的缩写；HTML的意思则是"HypertextMarkupLanguage",中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片，联接，甚至音乐，程序等非文字的元素。
网页就是由HTML语言编写出来的。
HTML语言只是一种排版语言，语法就类似于这样："页高8宽5，(1,2)处插入高1宽1的图片A..."
HTML语言发展很快，已经历经HTML1.0,HTML2.0和HTML3.0,html4.0多个版本，现在html5.0正在测试同时DHTML(动态)，VHTML(虚拟)，SHTML等也飞速发展。我们现在一般只要掌握HTML4.0就可以了。
二、什么是动态HTML(DHTML)？
动态HTML是一组技术，是一种新的思想方法，它被设计用来创造和显示更多的交互性网页，包括动态样式，动态内容，2D布局，数据捆梆和多媒体效果等等。
动态HTML(DHTML)是一门令人兴奋的新技术，它完全克服了传统HTML的不足，极具发展前景。DHTML使用一个文件对象模型(DOM)来扩充HTML语言，使得WEB页面的所有元素及其属性都可以实时存取，从而允许你使用脚本动态地修改页面元素，而这些都不需要WEB服务器的干预。使用DHTML完全能够设计出复杂的，动态的，交互式的WEB页面，使我们的WEB页面将因此而变得更为生动和精彩。DHTML目前正在发展中，尚没有形成一个标准。Microsoft和Netscape两大公司对DHTML各有自己的看法，尽管两大公司都使用了很多相同的技术术语，并引用相同的已发表和提议的标准集合，但在具体实现中，两者不能统一。Netscape是增加一些新的标记(主要是Layer,Ilayer等)，而Microsoft是对现有的标记增加一些新的属性。由此引起的问题是在InternetExplorer上正常运行的动态网页，在Netscape上可能会不正确运行；反之亦然。W3C目前正在努力开发一种标准使它能与所有的平台和浏览器兼容。
三、什么是HTTP？
四、什么是FTP？
FTP是FileTransferProtocol（文件传输协议）的缩写。它是一种在UNIX类操作系统上使用的协议，现在已经被纳入TCP/IP协议中，被广泛的应用在Internet上。它的传输方式一般分为ASCII和BIN（二进制）两种。我们在说到Internet上的FTP时，通常是指一些使用FTP协议的站点和FTP的传输方式。
五、上传主页有哪几种方式？E-Mail方式维护主页是什么意思？
通常我们上传主页的方式是由提供主页空间的ICP来决定了。一般的上传方式有FTP、HTTP、和E-Mail三种。FTP是文件传输协议的英文缩写，光看字面意思，我们就应该知道传输文件是它的拿手好戏。好戏。HTTP方式是利用浏览器与服务器链接，向服务器端发送文件。E-Mail方式是指在维护主页的时候将要更新的内容用压缩软件压缩打包，用E-Mail发给主页空间所在网站的WebMaster。再由WebMaster将主页内容解压打开，完成更新工作。这三种上传的方式中，FTP以它的快速和良好的交互性，得到了大家的公认和推崇，现在已经是最流行的上传和下载方式了。而E-Mail上传方式的优点是安全性极高，不易被黑客乘虚而入。但是由于交互性和灵活性太差，已经很少使用了。
六、什么是CGI？
七、什么是ASP？
MicrosoftActiveServerPages即我们所称的ASP，其实是一套微软开发的服务器端脚本环境，ASP内含于IIS3.0和4.0之中,通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。有了ASP你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。以下罗列了ActiveServerPages所独具的一些特点：
1.使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。
2.无须compile编译，容易编写，可在服务器端直接执行。
3.使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。
4.与浏览器无关(BrowserIndependence),用户端只要使用可执行HTML码的浏览器，即可浏览ActiveServerPages所设计的网页内容。ActiveServerPages所使用的脚本语言(VBScript、Jscript)均在WEB服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。
5.ActiveServerPages能与任何ActiveXscripting语言相容。除了可使用VBScript或JScript语言来设计外，还通过plug-in的方式，使用由第三方所提供的其他脚本语言，譬如REXX、Perl、Tcl等。脚本引擎是处理脚本程序的COM(ComponentObjectModel)物件。
6.ActiveServerPages的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。
7.可使用服务器端的脚本来产生客户端的脚本。
8.物件导向（Object-oriented）。
9.ActiveXServerComponents(ActiveX服务器元件)具有无限可扩充性。可以使用VisualBasic、Java、VisualC++、COBOL等编程语言来编写你所需要的ActiveXServerComponent。
八、JavaScript是什么？Java和JavaScript是一样的吗？
JavaScript是一种新的描述语言，此一语言可以被嵌入HTML的文件之中。透过JavaScript可以做到回应使用者的需求事件(如form的输入)而不用任何的网络来回传输资料。所以当一位使用者输入一项资料时，它不用经过传给服务器端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程序所处理，你也可以想像成有一个可执行程式在你的客端上执行一样。javascript虽然效果不错，但它在网络上的效果奇慢。
在JavaScript上，JavaScript和Java很类似，但到底并不一样。Java是一种比JavaScript更复杂许多的程序语言。而JavaScript则是相当容易了解的语言，JavaScript创作者可以不那么注重程序技巧。所以许多Java的特性在JavaScript中并不支持。
九、常用的WEB图像格式有哪些？
1、PNG（PortableNetworkGraphic）
PNG格式是WEB图像中最通用的格式。它是一种无损压缩格式，但是如果没有插件支持，有的浏览器可能不支持这种格式。PNG格式最多可以支持32位颜色，但是不支持动画图。
2、GIF（GraphicsInterchangeFormat）
GIF是Web上最常用的图像格式，它可以用来存储各种图像文件。特别适用于存储线条、图标和电脑生成的图像、卡通和其它有大色块的图像。GIF文件非常小，它形成的是一种压缩的8位图像文件，所以最多只支持256种不同的颜色。Gif支持动态图、透明图和交织图。
3、BMP（WindowsBitmap）
BMP格式使用的是索引色彩，它的图像具有极其丰富的色彩，可以使用16M色彩渲染图像。此格式一般用在多媒体演示和视频输出等情况下。
4、TIFF（TagInageFileFormat）
TIFF格式是对色彩通道图像来说最有用的格式，支持24个通道，能存储多于4个通道。TIFF格式的结果要比其它格式更大、更复杂，它非常适合于印刷和输出。
5、JPEG（JointPhotographicExpertsGroup）
JPEG是Web上仅次于GIF的常用图像格式。JPEG是一种压缩得非常紧凑的格式，专门用于不含大色块的图像。JPEG的图像有一定的失真度，但是在正常的损失下肉眼分辨不出JPEG和GIF图像的差别。，而JPEG文件只有GIF文件的1/4大小。JPEG对图标之类的含大色块的图像不很有效，不支持透明图和动态图。
6、TGA（Targa）
TGA格式与TIFF格式相同，都可以用来处理高质量的色彩通道图形。
另外，PDD、PSD格式也是存储包括通道的RGB图像的最常见的文件格式。
十、域名
由于IP地址全是些的数字，为了便于用户记忆，Internet上引进了域名服务系统DNS（DomainNameSystem）。当您键入某个域名的时候，这个信息首先到达提供此域名解析的服务器上，再将此域名解析为相应网站的IP地址。完成这一任务的过程就称为域名解析。
以地域区分的最高域名有：AQ（南极洲）、AR（阿根廷）、AT（奥地利）、AU（澳大利亚）、BE（比利时）、BR（巴西）、CA（加拿大）、CH（瑞士）、CN（中国）、DE（德国）、DK（丹麦）、ES（西班牙）、FI（芬兰）、FR（法国）、GR（希腊）、IE（、爱尔兰）、IL（以色列）、IN（印度）、IS（冰岛）、IT（意大利）、JP（日本）、KR（韩国）、MY（马来西亚）、NL（荷兰）、NO（挪威）、NZ（新西兰）、PT（葡萄牙）、RU（俄罗斯）、SE（瑞典）、SG（新加坡）、TH（泰国）、TW（中国台湾）、UK或GB（英国）、US（美国）（一般可省略）等。
从域名的结构上来看，域名可分为一级域名、二级域名、三级域名等。以电脑报网站为例是个一级域名，在一级域名的下一级bbs.cpcw.com就是一个二级域名，如果要在bbs.cpcw.com下面设立xxx.bbs.cpcw.com则是三级域名了。我们见到的免费域名通常是二级域名。
网页制做入门(2)
作者：
第二讲初识代码
我的网页之路是从洪恩网站里的DW教程开始的，从零到现在这个半调子水平。那里的很多教程都是从最基础的开始，很合适广大初学者，所以建议大家也从那里开始了。洪恩网站的学习网址：
在这里，基本上不讲软件的具体使用，只讲总结性的东西，要注意的技巧吧，在最后，也会写一两个用DW做的简单特效实例。
随便打开一个网页，点击查看，再点源代码，一般都可以看到这个网页的代码，做网页说白了，也就是把文字、图象等多媒体效果有机的结合在一起，DW和FP等只是书写代码的利器，只要你知道代码，用记事本也一样能做出精美的网页（真正的高手据说就是用记事本做网页），但对我们初学者来说，没有必要去记代码，只需知道利用DW或FP，能实现哪些操作，就象用WORD一样，画一条线就有一条线，画一个表格就有一个表格，在软件的演示窗口里，有着同WORD一样所见即所得的最后效果察看。因此，可以说，做网页入门很简单！可后面还有半句话：做好网页不简单！因为，一个好的网页，不单单是代码书写，更重要的是美工设计，内容的充实。虽然很多代码不需要一一手工书写，可有些代码的基本组织结构了解一些，还是对做网页大有帮助的。我们可以这样学习、研究代码：在用DW或FP中做了某一个操作，把效果与上面的代码窗口比较一下，就可以知道什么代码是实现什么效果的，还可以通过查看别人的网页的源代码分析学习。想学ASP网页的朋友们，有些基本代码是非记不可的。
现在很多做网页的人，都是用借鸡生蛋的办法做的网页，做法是从网上下载现成的网页模板，对模板稍加更改，替换下内容成了。当然，这也是新手们做网页速成的一种好办法。模板在很多有提供空间的网站都有下载。很多以前收录的网址，现在打开都没有用了，在这里，能提供给大家的，只有这些了。
1.源代码下载：要下载ASP源代码的可以到“中国站长站”去，网址：，这是个比较权威的源代码下载点，在这里下到动网源码，说不定可以下到动网7.0forSQLServer版本（excelhome的论坛就是用这个版本）。
2.网页图片及音乐等素材：
下面我把一些常用的写下来，以供大家参考：
DREAMWEAVER常用标记：（都是以前记的一些笔记了）
标记一般成对出现，一个表示特定代码部分的开始，另一个表示特定代码部分的结束(表示结束的前面带"/"符号)，但也不是绝对的，比如，br标记。基本的HTML标记：html、head和body必不可少。
1.head和/head标记中仅包含网页标题(如title我的网页/title)和程序脚本。
2.body/body标记中包含网页的全部内容。是网页的主体部分。
3.center和/center：是中间内容居中标记；
4.h2和/h2：从h1~h6，将文本标注为标题，通常要比正文粗大，h1最大；
5.p和/p：段落标记，在行与行之间添加额外的空白行；
6.br：强行换行标记，插入单行，不需要封闭标记
7.图象标记：imgsrc="aaa\\bbb.gif"width="500"height="198"align="center"
align水平对齐(left、right或center)，valign垂直对齐(top，bottom或middle)，border边框宽度
alt="鼠标放在图片上时出现的提示文字"
8.pfontsize="3"b本行字符将以粗体显示/b/font/p
9.pfontsize="3"i本行字符将以斜体显示/i/font/p(i等效于em)
10.pfontsize="3"face="宋体"color="#RRGGBB"本行字符将宋体显示/font/p
12.HR显示一长灰色细线，分割网页为上下两部分。可以只用单边。完整的如下：
HRalign=centerwidth="100%"SIZE=1显示一灰色矩形，SIZE为1时，宽为1(很细，可看作一直线)
13.LI在文字前出现一个圆点的项目符号/LI，可单个使用，也可结合br使用
14.OLtype=2start=1li标记/lili区段/li/ol：控制项目序号及显示方式，如1,2,3
15.UL使该段文字首行和下面都缩进约两个字符/UL
16.BLOCKQUOTE使该段文字整体都缩进约两个字符，可以多重使用BLOCKQUOTE
17.SUP这是上标字/SUP，SUB这是下标字/SUB，U这是加下划线字/U
18.TT这是Windows的等宽字/TT
19.FONTSIZE=+1字体放大一级/FONT
20.DLDT语言DD基础要素/DL:“语言”显示为列表标题，“基础要素”显示为列表内容，自动缩进。
21.DIVAlign="Right"这是右对齐的段落一P这是右对齐的段落二P/DIV默认为左对齐方式。
表格及其标志：Align:水平，Valign:垂直。Align或Valign写在TR中时表该行的几个列都用同一方式。
22BLINK闪烁/BLINK:标记中的文字实现闪烁效果，但并不适用于所有的浏览器。
23.TABLEBORDER=1TRTD第一列第一栏/TDTD第一列第二栏/TD/TR
TRBgColor="yellow"TD第二列的第一栏/TDTD第二列的第二栏/TD/TR
TRTDAlign="Left"Valign="Center"水平:左对齐br垂直:居中/TD/TR/TABLE
BgColor可写在TABLE、TR、TD中，分别为整个表格、整行、单一单元格的背景颜色设置。
以上是我以前笔记中收录的一些常用的标记，今天看到lfspecter大虾也发了一些关于网页的帖子，可以两边对照着看，侧重点各有不同，也许更有利于初学者的理解，链接如下：;;ID=78021page=1
技巧篇：
1.在BODY标签中可以规定整个文档的一些基本属性：
"bgcolor":指定html文档的背景色。
"text":指定html文档中文字的颜色。
"link":指定html文档中待连接超链接对象的颜色。
"alink":指定html文档中连接中超链接对象颜色。
"vlink":指定html文档中以连接超链接对象颜色。
"background":指定html文档的背景文件。有两种方式表示颜色对象：bodybgcolor="green"或bodybgcolor="#00FF00"。文档主体部分可用颜色列表：black黑色Red红色Line石灰色Maroon栗色Gray灰色Silver银白色Navy海军蓝Olive橄榄绿Purple紫色Yellow黄色Aqua浅绿色Blue蓝色Green绿色Fuchsia紫红色White白色Teal暗蓝绿
2.浏览器的状态列提示文字控制
(2).改变状态栏提示文字：打开"Behaviors"行为编辑窗，单击"＋"按钮，选择"SetTextSet"下的"TextOfStatusBar"选项，然后在方框中输入自己的文字，例如"欢迎来到我的主页"等，单击"确定"即可。
3.链接控制：
a.返回前页：使用OnClick="history.go(-1)"
b.链接提示:在链接语句中增加,如：去哪儿？(在点击链接前注意看状态行显示的变化)
OnMouseOver="window.status=\'这里是...\';returntrue"OnMouseOut="window.status=\'\';returntrue"
c.链接的不同方式:
在帧里显示：在链接处加target="main"语句，其中main为帧名
整页显示：在链接处加target="_top"语句
开新窗口：在链接处加target="resourcewindow"语句，如AHREF="index.htm"TARGET="resourcewindow"/A
d.强制主页每次都不进行缓存，而从服务器上重读
在Head部分加MEATHTTP-EQUIV="Pragma"CONTENT="no-cache"
e.自动刷新
幻灯片效果：语句类似上面，但在页面1中URL指向页面2，而页面2指向页面3...页面n指回页面1，即可实现循环显示页面的效果。
h.在打开指定网页的同时打开另一指定网页\'next.htm，只需在指定网页的body中加入指令onload：
4.设置"添加到收藏夹"链接：
选中"添加到收藏夹"文字，在属性面板中的链接（Link）中输入："javascript:window.external.AddFavorite(\'\',\'学习之家\')"。点击此链接时会弹出对话框，可以将你的主页地址加到收藏夹中。
5.文字移动动态效果：
1)文字从右移到左边：marqueeb大家好/b欢迎您经常光临！/marquee
2)让文字在固定的区域内出现从下到上的滚动效果：
例1:tableheight=542cellspacing=0cellpadding=0width=800border=0
trtdvalign=centeralign=middlewidth=316height=405
marqueescrollamount=1scrolldelay=140direction=upwidth=382height=403center谨以此网站送给xxx
fontcolor=#ff0000/font/centerbr此处为长篇大论!/marquee/td/tr/table
例2:bodydivalign="center"pmarqueealigh=leftbgcolor=#FFFED7direction=upbehavior=scrollheight=100
hspace=1scrollamount=2Scrolldelay=1width=250VSpace=1loop=-1
fontcolor="#FF0000"size="5"face="方正大黑简体"望岳/fontbrbr
fontcolor="#FF0000"岱宗夫如何，齐鲁青未了。br造化钟神秀，阴阳割昏晓。br汤胸生层云，决眦入归鸟，br会当凌绝顶，一览众山小。br/font/marquee/p/div/body/html
3)在指定宽度内移来移去的文字代码：TDheight=20Palign=centerMARQUEEscrollDelay=120direction=right
behavior=alternatewidth=150height=12产品导航/MARQUEE/P/TD
6.E-mail链接：
选中字或图片，在属性中设置Alt为"给我来信"，链接为"mailtketang.pc@goldhuman.com"，在浏览器中单击此图，就会启动发送邮件窗口。在链接地址前加"#"符号，可以在网页中不打开实际链接。
7.动画背景为透明：
选中Flash(gif)，在源代码/object/p前加入代码：paramname="wmode"value="transparent"。或文件属性栏里"参数"输入wmode,value="transparent"。
8.浮动背景图象(主页内容向下滚动而背景图象不动的效果)：
(1).bodybackgroud="image.jpg"bgproperties="fixed"
(2).在Dreamweaver中用「Text」-「CustomStyle」-「EditStyleSheet」-「New」-RedefineHTMLTag中选择Body，然后在Background中的Attachment里选fixed
9.滚动条换颜色：
默认的网页滚动条是灰色，在网页代码head/head里插入一对style/style标签，标签里写入下面的代码：
body{SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR:#333333;(滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48}(立体滚动条强阴影的颜色)
后面的16位颜色值你可以随意更改，括号内是解释说明，在输入时请不要插入。
10.背景音乐:
body中加入以下任一个代码（建议为midi格式的）：
显示操作面板：在相应地方加:
embedsrc="aladdin.mid"width="140"height="35"autostart=truecontrols="middleconsole"
不显示操作面板：在页中任意地方加embedsrc="aladdin.mid"hidden=trueautostart=trueloop=true
bgsoundsrc=音乐路径loop=次数－1为无数次
embedsrc=音乐路径width=0height=0
11.在Dreamweaver中轻松设置行间距：
用层叠样式表（CSS）来实现，在Dreamweaver中编辑层叠样式表不用编写代码，具体操作方法如下：
（1）在快速启动栏中点击层叠样式表按钮（"showcssstyles"按钮），在弹出的CSSStyles面板上双击（none）；
（2）此时，可看到弹出的EditStyleSheet面板，在该面板上按New按钮；
（3）再在弹出的NewStyle面板上点取RedefineHTMLTag（重新定义HTML标记），再在Tag中选择"body"标记后按OK按钮；
（4）这时可看到弹出的Styledehinitionforbody的对话框，在此对话框中可以设置"body"标记的许多属性，可以按你的意愿设置，但我们这里主要是要设置行距，所以在line属性输入框中填上行距的像素点数，现在流行的九号字，行距一般用12，按OK按钮返回到EditStyleSheet面板，此时已把"body"的行距设置好了；
（5）由于"body"中定义的行距对表格不起作用，所以再在EditStyleSheet面板上再按New按钮；
（6）再在弹出的NewStyle
要领一：确定网站主题
做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。美国《个人电脑》杂志(PCMagazine)评出了99年度排名前100位的全美知名网站的十类题材：第1类：网上求职；第2类：网上聊天/即时信息/ICQ；第3类：网上社区/讨论/邮件列表；第4类：计算机技术；第5类：网页/网站开发；第6类：娱乐网站；第7类：旅行；第8类：参考/资讯；第9类：家庭/教育；第10类：生活/时尚。我们可以参看上面的分类，继续细分。如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。
对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。记住：在互联网上只有第一，没有第二！
要领二：选择好域名
域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空。
目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。
要领三：掌握建网工具
网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是几款具有代表性的网页制作器：
（2）所见即所得的网页编辑器。其中以MicrosoftFrontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。
（3）现在非常流行的Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍！但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等；并且由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。
要领四：确定网站界面
界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：
①栏目与板块编排
网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。在栏目编排时需要注意的是：
●尽可能删除那些与主题无关的栏目；
●尽可能将网站内最有价值的内容列在栏目上；
另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。举个例子：ENET硅谷动力（）的站点分新闻、产品、游戏、学院等板块，每个板块下面又各有自己的主栏目。一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。如果有必要设置板块的，应该注意：
●各板块要有相对独立性；
●各板块要有相互关联；
●各板块的内容要围绕站点主题；
②目录结构与链接结构
网站的目录是指建立网站时创建的目录。例如：在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排，比如：
●在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理。
其它需要注意的还有：目录的层次不要太深，不要超过3层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理。
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。一般的，建立网站的链接结构有两种基本方式：
●树状链接结构（一对一），这类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确知道自己在什么位置，不会“不知身在何处”，但是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须回到首页再进行。
●星状链接结构（一对多），类似网络服务器的链接，每个页面相互之间都建立有链接。这样浏览比较方便，随时可以到达自己喜欢的页面。但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。
③进行形象设计
网站的设计可以从以下几点出发：
●设计网站标志(LOGO)。LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
●设计网站色彩。网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。
●设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东流了。
●设计网站宣传语。也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。
要领五：确定网站风格
“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。
风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。
总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。
在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。
要领六：有创意的内容选择
要领七：推广自己的网站
网站的营销推广在个人网站的运行中也占着重要的地位，在推广个人网站之前，请确保已经做好了以下内容：网站信息内容丰富、准确、及时；网站技术具有一定专业水准，网站的交互性能良好。一般来说，网站的推广有以下几种方式：
注册著名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技巧，像AltaVista、搜索客这样的搜索引擎，它自动收录提交的网址。另外，注意Meta的使用，不要提交分栏Frame页面，大部分搜索引擎不识别Frame，所以一定要提交有内容的Main页面。
（3）目标电子邮件推广
使用电子邮件宣传网址时，主要有如下技巧：可以使用免费邮件列表来进行，只要你申请了免费邮件列表服务，你就可以利用邮件列表来推广你的网站；可以通过收集的特定邮件地址，来发送信息到特定的网络群体，在特定网络群体中推广自己的网站；发送HTML格式的邮件，即使其内容与接收者关系不大，也不会被被当作垃圾信件马上删掉，人们至少会留意一下发送者的地址。不过，在进行邮件推广的时候要注意网络道德。
要领八：支撑网站日常运行
当个人网站做到某一程度，就必须把赚钱提到议事日程上来，通常来说，个人网站获取资金通常有以下两个渠道：
①CPM(CostPerMillion/Thousand)
②点透（Click-through）
③提成(Commission)
（2）与大型网站合作
另外，通过与大型网站合作，获取经费，也可以维持个人网站的日常运行。不过，个人网站很容易会成为商业网站的附属品。
打开DW，直接把素材插入页面再替换文本，设成自己需要的导航的文本就可以了。