如何做网页设计（网页设计师）

本文目录一览：

• 1、请问，怎样在电脑上自己制作网页?
• 2、零基础如何学网页设计
• 3、如何制作网页？
• 4、怎样制作网页,建立网站
• 5、如何制作网页？请大家帮帮忙
• 6、怎样制作网页网站的？

请问，怎样在电脑上自己制作网页?

一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 六、上传测试 网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。 七、推广宣传 网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。 八、维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 ★★♂KOF♀为您做答 希望对你有帮助 如果满意请选择我的答案 您的支持是我最大的动力★★★要想学做网页，首先得了解制作网页的工具。 制作网页主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。 Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。 另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。 此外还有一些网络编程工具，javascript、java编辑器等。 网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。 大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。 总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！ 祝你成功。

零基础如何学网页设计

网页设计也就是图形用户界面设计，它也属于UI设计学习的范畴。当然也有单纯的网页设计师，我们来简单了解一下网页设计。

一、网页设计是什么？

网页设计是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。那网页设计师最主要的主要的工作就是给让图形用户界面可操作性、易用、符合行业特点。

图片来源：阿多比设计学院学生作品

二、那网页设计前景如何？薪资待遇如何呢？

互联网时代，绝大多数企业都意识到通过线上资讯来吸引更多的潜在客户是多么重要。这些潜在客户对你的公司及产品印象的好坏，很大程度上取决于你在网站设计上投入精力的多少。所以花时间构思一个好的网站设计，特别是主页部分的设计非常关键。企业站和电商平台也是互联网环境下企业必不可少的传播平台和C端自主交易平台，是互联网产业下的主流。

有这么多网页设计的需求，那市场上肯定需要大量的网页设计师，所以网页设计市场不可能饱和。

除开网页设计的需求，网页设计师的全国平均薪资在6000左右，当然也月薪几万的网页设计师，所以网页设计是一个可以挑战高薪的职业。

图片来源：职友集

三、如何学习网页设计呢？

网页设计肯定需要学习企业网站的设计思路和设计技法，商业性网站的设计目的、电商的平台实操技法等，甚至需要掌握电商平台的运营相关知识，掌握设计与运营的联系。

1、设计基础

图片来源：阿多比设计学院学生作品

网页设计也应该先学习设计基础，包括绘画基础、设计基础理论、基础工具的使用等。美术基础可以让你了解形体的结构，光感和空间关系。学习排版设计、色彩构成，视觉基础规律等设计基础，设计基础让你在做设计时，有理论知识做支撑，才能让作品符合设计规范，让设计更合理。

对于网页设计，工具的掌握必不可少，在这里可以通过我之前的分享去学习了解Photoshop和AI这两款工具，其他工具的学习方法企业也和这两个工具的雷同，就是带着案例去学习。

2、企业官网设计

企业都意识到通过线上资讯来吸引更多的潜在客户是多么重要，潜在客户对你的公司及产品印象的好坏，很大程度上取决于你在网站设计上投入精力的多少，所以网页设计的学习肯定要学习企业官网的设计。那企业官网设计应该如何学习呢？

通过网站建设流程及规范、多风格类型界面设计、网站宣传品设计、Banner广告、网站宣传品设计、网页项目设计，熟练网站建设流程，熟练掌握各种类型的企业官网设计方法，能够根据企业要求设计网站宣传品、Banner等。

（1）企业网站线框图制作

在项目之处，通过线框图去简单描述网站的功能模块，可以更直观的和项目组成员交流，知识后去修改设计的成本较低。

图片来源：阿多比设计学院学生作品

（2）企业网站首页制作

企业网站的首页是对该企业的第一影响，虽然首页的元素依据企业的性质、业务方向会有不同的特点，但是页面的基本元素不变，如LOGO、导航栏、Banner、按钮等。

（3）企业网站内页制作

企业网站内页制作一般会详细介绍该企业、企业的业务方向、企业的产品等等。

图片来源：阿多比设计学院学生作品

（4）企业网站切图、标注

当企业网站设计完之后，需要交付给前端开发，所以需要将企业网站的设计稿切图、标注，让前端清晰的了解设计要求。

（5）除了上面的内容，我们还可以学习企业质感网站制作、BANNER文字层次排版、汽车BANNER、满屏网站制作、网页按钮制作、网页响应式等，通过更深入的学习去了解多个行业的网站特点和网站设计技巧，最终能够灵活使用设计方法与技巧设计出符合企业特点、产品特点的企业网站。

3、电商设计

除了企业官网，淘宝电商设计也是网页设计的学习中不可缺少的内容。

（1）商品修图

淘宝电商设计中有大量的修图工作，通过实例去学习让你更好的掌握电商修图的特性，比如电器修图、首饰修图、化妆品修图、服装修图等。

（2）专题页

专题页是一个内容聚合页，专题页的设计也是电商中不可缺少的一部分，电商会根据产品、活动、节日制作不同的专题页去促进产品销售。通过电商项目专题页、女王节专题页、6.18专题页等，去在每个特定的情况下专题页的设计应该如何变化。

图片来源：阿多比设计学院学生作品

（3）电商Banner、详情页等也是电商设计不可缺失的成分。

4、其他

网页设计学习的内容远不止这些，网页的设计方法也是多种多样，我们还可以学习AE、C4D ，H5动画动效等让设计更加生动。

以上只是简单分享了部分网页设计的基础内容，希望零基础的小伙伴能通过以上分享能够了解什么是网页设计，能够学习到网页设计的基础知识。当然想要从事网页设计，并不是一两句话就能讲清楚听明白的，学习与练习才是掌握技能最好的办法。

最后，回到题目本身，零基础入门网页设计难吗？其实网页设计入门不难，但是想要精通还是挺难的。如果喜欢网页设计，就不要只学习皮毛，一定要深入学习并掌握网页设计的知识，才能在这个行业中有好的前景。

如何制作网页？

首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。

建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。

第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。

第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。

第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。

怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。

二

一、工具

1、空间

网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。

2、软件

推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。

二、教程

花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。推荐一个教程地址，有空可以去看看，

三、制作

开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。

其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。

一点个人的粗浅体会，不妥之处敬请指正。

三

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 .

四

一、首先确定你要制作的网页的主题，就是你建这个网站的内容是什么（注：网站和网页的关系与区别就好比一本书和其中的一个页面的关系）；

二、确定你的网页的阅读对象，就是你的网页是准备给那些人看的；

三、选择制作网页的工具软件，常见的有dreamweaver和office组件里面的frontpage，如果你是初学者，哪我建议你使用frongpage,因为这个软件的入门比较简单（当然功能也很强大），如果你会使用word的话，哪就可以很快作出网页的，如何你想作专业的网页制作人员，哪我建议你使用dreamweaver，目前的版本是XM，我现在就使用，很好用的，这个软件的好处是不怎么产生垃圾代码，并且支持各种代码的性能很好，基本上各种代码可以直接编辑。

四、如果你作好了页面，就需要考虑你的网页放到什么地方发表，也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用（有发布空间的标志是你有了FTP账号，这个需要申请）。

五、找到发布空间以后，你需要把自己的网页上传到你的发布空间，这个需要一个上传软件，我推荐使用ACEFTP，这个软件体积小，速度快，注意我发现这个软件的2.0中文版不能够正确使用，我建议使用1.31版。

六、制作网页需要的其他相关软件：ACDSEE,这个是查看图片的最好软件，也可以对图片作简单的处理，目前的版本是4.0，网上很多地方可以下载；另外如果你对图片需要复杂处理的话，哪最好选择使用PHOTOSHOP，目前的版本是7.0，也有中文补丁，使用起来很方便，当然，这个软件的学习使用相对是比较难点的。

7、使用层的时候最好定义为div标签而不是layer，因为前者在两种主流浏览器都有很好的兼容性。

8、在用图片制作热区链接时，最好给热区命名，防止有时只能在图片上画出直线。

9、当我们将框架结构建立好后，可以将此框架体文件和Site窗体并排放置，然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。

10、如果对一张图片不满意，想更换另一张，最简单的方法双击此图片，直接选择要替换的图片即可。

11、在预览网页之前最好先保存一下，有时候在不能正确预览网页，而存一下就可能会解决这个问题。

12、如果你的页面中使用了CSS或是Java Applet，最好不要使用“file-convert-3.0 browser compatible”命令，因为这一选择会把所有3.0 浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver 到底做了什么，具体发生了那些变化。而且要提醒你，对一批页面执行此操作时，一定要先备份，否则可没地方买后悔药。

五---资源

1. 水晶情缘--网页特效专家 2006 情人节特别版

这个软件是专为那些想在网上安家而苦于制作网页特效源

2. 网建博士 1.01

不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要会用

3. 网页背景选择器 2.5.1

当您制作网页时，您是否为了在大量素材中选一张背景，每每都要用看图软件查看--修改网

4. Animagic GIF Animator 1.22

一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif

5. Animagic GIF Animator 1.22 汉化补丁

一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif

6. Macromedia Authorware V7.0

先进丰富的视音频、可视媒体集成制作解决方案，可用于制作网页和在线学习应用软件

download.21cn.com/list.php?id=31900

7. Picture2Web 2.3.1

用来制作网页电子相簿的好工具

download.pchome.net/design/homepage/9539.html

8. SCP Button Magic 4.0

专门制作网页广告横幅和按钮的软件

download.pchome.net/design/webpic/2138.html

9. Animagic GIF Animator V1.22

一个很好用的制作网页动画的软件，它提供了六种特效，

10. Magic Gallery 4.5

一款制作网页照片集以及其缩略图的软件

download.pchome.net/design/homepage/17444.html

11. Animagic GIF Animator 1.22

一个很好用的制作网页动画的软件

download.pchome.net/design/animation/633.html

12. Banner Maker Pro V4.0.0.1 汉化版

是一套制作网页横幅广告及按钮软件。特点包含：可以调

13. Banner Maker Pro V6.0.6

是一套制作网页横幅广告及按钮软件。特点包含：可以调

14. Animagic GIF Animator V1.22 汉化补丁

一个很好用的制作网页动画的软件，它提供了六种特效，

15. Mapedit 3.16

制作网页Image Maps的工具

download.pchome.net/development/html/13659.html

16. Banner Maker Pro 6.0.6

是一套制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色

17. GIF Dispenser 1.0

是一个快速制作网页动态GIF图片的好工具

download.pchome.net/design/animation/923.html

18. 自助建站专家 5.0

不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要会用

19. 酷网宝典(CoolWEB) 2.0

酷网宝典(coolweb)是用于制作网页特效的软件。能够制作三大类效果：特殊层效果，动态

20. 下雨天网页特效王 RD2.0

制作网页的好帮手,大量的特效代码

download.pchome.net/development/html/17686.html

21. Macromedia Contribute 3.11

Macromedia出品的全新概念网页设计工具，可以将网页编写程序化繁为简,制作网页,现在就

22. 酷网宝典(CoolWEB) V2.0

酷网宝典(coolweb)是用于制作网页特效的软件。能够制作

23. Button Magic V4.0

专门制作网页广告横幅和按钮的软件，可存成 BMP、JPG

24. Liatro Button Maker V2.2

Liatro Button Maker 是一套专门制作网页按钮的绘图软

25. Mapedit V3.16

制作网页Image Maps的工具，小巧、使用方便。

26. 网建博士 V1.01

不懂制作网页的专门技术，不懂网页编程技术，不需要任

27. GIF Dispenser 1.0

是一个快速制作网页动态GIF图片的好工具，使用者只要移动操作视窗上的浮标组，来调整

28. Reptile V3.0

所视即所得的背景制作软件，制作网页背景再也不需要求

29. GIF Dispenser V1.0

是一个快速制作网页动态 GIF 图片的好工具，使用者只要

30. 网建博士 V1.01

不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要

download.21cn.com/list.php?id=24329

31. MapEdit V3.05 汉化版

制作网页Image Maps的工具，小巧、使用方便。 本

32. 网页特效王 Beta 1

制作网页特效的得力助手,正在进一步开发中

33. MapEdit 3.16

小巧但是使用方便的制作网页ImageMaps的工具!

34. Picture2Web V2.3.1

Picture2Web 是一个用来制作网页电子相簿的好工具。它

35. Banner Maker Pro V6.0.1

制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色、

download.21cn.com/list.php?id=10850

36. Button Magic 4.0

专门制作网页广告横幅和按钮的软件，可存成BMP、JPG和GIF格式。

37. Magic Gallery 4.5.13

MagicGallery是一款制作网页照片集以及其缩略图的软件，可以方便的调节图片尺寸。

38. Magic Gallery V4.5.13

Magic Gallery 是一款制作网页照片集以及其缩略图的软

39. 下雨天网页特效王 RD2.0

制作网页和好帮手，该软件包含了大量的javascript特效和vbscript特效。你只需简单

download.21cn.com/list.php?id=42907

40. BSCOutline Tutorial V5.10

怎样制作网页,建立网站

一. 网页设计软件的选择

设计主页首先要选择合适的工具软件，现在比较流行的网页制作软件是 FrontPage 和 DreamWave。他们各有优缺点，FrontPage 是微软出品的网页编辑软件，也是 Office 系列软件的组成部分。最新的 FrontPage2000中文版 在 Office2000 的软件包中可以找到。如果对 Office 有一定的基础，会用 Word 的人，很开就可以学会使用 FrontPage ，它的最大优点之一就是易学易用。另外 FrontPage 制作的网页在 IE 浏览器中的效果也特别好。但是，如果你希望网页在 Netscape 或其他浏览器上有良好表现，那么使用 FrontPage 就有些麻烦。不是说不可以，只是很容易出错。在这方面 DreamWave 就好很多，毕竟是第三方的软件。DreamWave是由 MacroMedia 公司出品的网页制作软件，最新版本是3.0，功能也同样很强大。不过学习起来要难一些，而且 IE 浏览器的一些高级功能就无法实现了。各有所长，只有自己权衡了。另外不要将两个编辑软件交替使用，否则会出现混乱。

二. 网络服务商的选择

现在提供免费主页空间的网站非常多，当然也有收费的。选择什么好呢？千万不要认为什么“无限主页空间”就是最好。这里的讲究非常多的。首先要明确服务商提供的是什么操作系统的服务器，如果你使用 FrontPage 编写主页，最好选择 Windows NT 服务器，这样效果最好。另外还有 Linux 和 Unix 的服务器也很多见，用这些服务器的话要注意一个问题，就是文件名的大小写一定要清楚。一般的 Windows 用户会觉得这不是问题，因为微软的习惯，文件名大小写是不区分的。但是 Linux 和 Unix 不是这样，比如你有一个 top.jpg 的图片上传，然后在 HTML 超连接写成了 top.JPG，扩展名写成大写了。在本地看这个 HTML 文件很正常，图片显示正确。但等你上传到服务器上，你会发现根本无法显示文件。解决这个问题的最简单办法是所有的文件名和扩展名都用小写英文字母，而且不要用长文件名。当然，如果是 Windows NT 服务器，就不用担心这个问题。

如果只是做简单的主页，那只需要得到相应的主页空间就可以了。但如果做高级一些到主页，就牵涉到一些网络程序的执行，这就需要 CGI 权限甚至数据库权限。一般的网络服务器上是不会免费提供这些功能的，而且收费往往不低。对于一般的个人主页完全没必要苛求这些，不然维护费用会很大，除非确实想做出一个很好的站点。免费主页空间的另外一个问题是服务商随时有权关闭服务，因为不承担任何承诺，这样你的成果可能会白费，所以要找一些比较可靠的主页空间，最好是已经提供较长时间服务，且有一定知名度的。

另外，不同的服务商使用的网络服务器和线路也不尽相同，访问的更新速度差异也非常大。要选择线路速度快一些的主页空间，不然会大大影响来访者的兴趣。最好使用本地的网络服务器，因为跨区域的网络线路往往比较拥挤。

还有，网络服务商提供怎样的主页维护方式也很重要。如果提供 FrontPage 扩展的 HTTP 维护，那就最方便了。可以做到全自动维护。如果是传统的 FTP 方式，也不错。FrontPage2000 同样可以用 FTP 自动上传，而且也可以用许多 FTP 管理软件。但还有一种是基于 WEB 的主页维护，这种主页空间只能到服务商的网站上按它特定方式编辑维护主页。这样很不方便，最好不要使用。

三. 主页内容的选择

评价一个主页的优劣，主要不是看外观而是看内容。选择适当的内容很重要，最好是自己比较感兴趣的内容，否则会没有长期维护的热情。另外不要做太多的主题，没有重点的四面出击往往一样也不吸引人。很多著名的个人主页都是靠一个优秀的栏目而大受欢迎的，飞翔鸟硬件就是个很好的例子。维护主页贵在坚持，一定要不断上传新的内容来充实更新网站。不过同样要注意不要随便抄袭别人的内容，如果对方的内容是可以转载的自然没问题，但如果是版权所有的，可能会遇到纠纷，甚至会强制关闭你的个人主页。知识产权还是需要尊重的，因此在转在其他网站的内容时，最好征求对方的同意。

还有，主页内容千万不要有违法的成分，特别是不要有色情内容。

四. 主页制作的技巧

主页制作是一门综合性技术，也是一门艺术，它包括策划、美工、设计等等。这里只是说一些应该注意的问题。很多商业网站都有“广告条”，点击广告可以为网站赚钱，甚至像 Yahoo 这样的网络公司也主要靠这些广告的收入维持。但是一般的个人主页，建设初期最好不要放广告条，特别是不能放很多。在访问量不是很大的时候，广告是赚不到钱的。反而会让访问者觉得主页很乱，全是无聊的广告，给人的印象就很差了。

还有些个人主页因为访问量很低没面子，就修改网页计数器，增加访问量。这其实是自欺欺人，以后别人也不会相信你的主页流量了。一个好的主页，总会有越来越多的访问者，如果没质量的主页，做手脚又有何用？

还有，如果是免费主页空间，一般速度都不太快，空间也不大。最好不要提供过多的软件下载，这样会严重影响访问速度。到头来会得不偿失的。一般较好的软件下载站点都提供独立的 FTP 线路下载软件，这样才能保证网站的访问速度不受影响。同样的，主页上也不要使用分辨率太大的图片，一般一张图片尽量控制在 20KB 一下。个人主页中也不要过多使用 Java class 的小程序和过于复杂的 Java 脚本，这些只起到点缀的作用就行了，用得太多了，浏览网页的速度也会变得非常迟钝。

制作主页时还要特别小心语言版本的问题，特别是中文。选用的内码或字体错误的话，访问时就会出现乱码或字体扭曲等问题。

五. 域名和无形资产

每个个人主页都有自己的域名，就像人总有个名字。起名字也有很多讲究。很多人会模仿著名网站的名字，在别人的拼写上改一改字母之类的。其实这样并不好，没有了自己的个性，反而不容易给人留下深刻的印象。还是自己取个好名字吧。另外常看到有人写着“永久域名 xxx.yeah.net”之类的。其实这些都是二级域名，一些网络公司免费提供的而已。这些都称不上永久域名，因为公司随时可以停止服务的。最好是能拥有自己的国际顶级域名，这才是永远属于你自己的。其实这也并不是一笔非常昂贵的费用，但确是主页长期发展的根本保障。当然，如果觉得没必要，使用免费二级域名也不错。

如何制作网页？请大家帮帮忙

怎样设计网页

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了……

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。

其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。

首先，我们要弄清楚网页设计的任务。

一、设计的任务

设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。

网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。

第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。

第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。

第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。

明确了设计的任务之后，接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。

设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。

三、色彩的运用

色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。

我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。

色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。

单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。

但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。

通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。

通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。

造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。

五、设计的原则

设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。

统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。

分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。

对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。

和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。

六、网页的优化

在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。

在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。

图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。

表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。

网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。

说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。

怎样制作网页网站的？

具体是：

Web页面可用预定义模板来创建，也可不采用模板而在空白页上自己进行设计。创建新页面的步骤如下：

在网页视图下，选择“文件”菜单中的“新建”命令，再从其子菜单中选择“网页”命令，将弹出“新建”对话框，如图所示。

若用户要新建的网页是框架，则从“框架网页”选项卡中选择某种框架样式；否则，从“常规”选项卡中选择一种所需样式，然后单击“确定”按钮。若想建立一空白网页，可在对话框的“常规”选项卡中选择Normal Page项，或直接单击常用工具栏的“新建网页”按钮。

建议逐一试用FrontPage提供的各种模板以便熟悉它们，日后你就可以自如地利用模板创建常规Web页面，能够节省许多时间。

1．在网页中插入图形

图片往往比大量的文字讲述更具吸引力和说服力，在web页面中适当地添加图片会使网页丰富多彩，但过多地加入图片将降低页面的下载速度，特别是对通过调制解调器访问web页的用户。大多数图形都是采用压缩格式，有的调制解调器不具有压缩功能，这种调制解调器速度更慢。因此用户在加入图片时，应认真选择和进行规划。虽然图形可使web页更有趣味，但应适度使用（使用较少颜色，缩小高度和宽度或裁剪图形、降低图形的分辨率，尽可能地减少图形文件大小，如用压缩格式的文件类型）。

Web页面所使用的两种图片格式分别为GIF和JPEG，用户可选择“插入”菜单中的“图片”命令，再从其子菜单中选择“来自文件”命令，打开“图片”对话框，“图片”对话框提供了“扫描”、“使用您的web例览器来选择网页或文件”、“剪贴画”和“在您的计算机上选择一个文件”四种途径插入图片。

对于一些非GIF和JPEC格式的图片，FrontPage可以自动地将这些文件转换成GIF或JPEG格式。

2．在网页中插入水平线

水平线可以在网页上清晰地划分界限，而且对用户网页的布局起着重要的作用。添加一条水平线，可以通过“插入”菜单中选择“水平线”命令添加。在默认状态下水平线是灰色的，用户可以像改变文本颜色一样改变水平线的颜色。改变水平线的颜色有两种方法（必须在不加主题的情况下）：

（1）双击该水平线，将显示“水平线属性”对话框。在对话框的“颜色”项，选择下拉列表，从中选择合适的颜色，单击“确定”按钮。

（2）用鼠标右键单击这条水平线，从快捷菜单中选择“水平线属性”命令，再从对话框中选择一个合适的颜色。

使用框架

框架是把Web浏览器的视窗分成几个部分，每个部分都是独立的Web页面，这样便可同时显示多个页面。

可以很容易地用FrontPage创建一个多框架的web页面。为了创建具有框架的Web页面，可从“文件”菜单的“新建”子菜单中选择“网页”命令，弹出“新建”对话框，选择“框架网页”选项卡。

在左边的列表中可选择不同类型的框架模板，选定模板后，按“确定”按钮即可创建一个具有框架的网页。

在创建有框架的Web页面时，应注意有些web浏览器不支持框架。虽然使用不能显示框架的浏览器的用户已很少，为确保这些用户仍然能够浏览到Web站点上的内容，可以填上要告诉那些低版本浏览器的使用者的话，例如请对方更换浏览器等。

在新建的框架的窗口中，单击“设置初始页”按钮将会弹出“创建超链接”对话框，可以链接到一个指定页面；单击“新建网页”按钮将创建一个新页面，然后在该页面内对该页进行编辑。在编辑页面时，若感觉页面被放在一个狭窄的框架中太拥挤，可选择“框架”菜单中的“在新窗口中打开网页”命令，这样便打开一个新的满屏窗口，可以自由地在页面中增加内容。

利用FrontPage的框架页面模板在Web页面上引入了框架布局，我们还可以在此基础上，根据需要进行进一步的设计。

1、增加新框架

要给框架页面增加新框架，就是像拆分表格的单元格一样，把一个框架分为两个框架。 其操作如下：

（1）按住Ctrl键，将鼠标放在框架边框上，当鼠标变为上下箭头时，可把边框拖到一个新位置，当松开鼠标按钮时，一个新的空白内容的框架就形成了。

（2）也可以通过命令来操作：首先单击要拆分的框架内部，选“框架”菜单中的“拆分框架”命令，在弹出的“拆分框架”对话框中单击“拆分成列”或“拆分成行”单选按钮，单击“确定”按钮即可。

2．删除框架

若框架页面看起来太乱，可删除某些框架。要删除一个框架，可先单击该框架选择它，再选择“框架”菜单中的“删除框架”命令即可。

3．改变框架属性

在设置好框架的整体布局后，我们还可以对每一框架的具体属性进行设置，操作如下：

（1）单击需设置属性的框架，选择“框架”菜单中的“框架属性”，则弹出“框架属性”对活框。

（2）在对话框的“名称”文本框中可输入框架名，这样便于识别不同的框架；在“选项”区域中，若选中“在例览器中可以调大小”复选框，则客户在浏览站点时，可重新定义框架尺寸，通过在“显示滚动条”下拉列表框中选择不同的描述项，可设置让滚动条是否出现。

（3）在“框架大小”区域中，可设置框架大小，可以定义一个绝对像素值或相对于浏览器窗口的百分比，若要用浏览器来设置相对于该页面中框架的尺寸，可选“相对”；在“边距”区域中，可设置内容页面与框架边框分隔的像素数值。

（4）要改变开始页面，可以在“初始网页”文本框中输入一个新的页面名字或URL。

（5）单击“框架网页”按钮，则弹出“网页属性”对话框。

（6）在该对话框的“框架”选项卡中，在“框架间距”文本框中，可输入以像素为单位的边框宽度；若要使框架边框消失，则不要选中“显示边框”复选框。

（7）单击“确定”按钮，关闭“网页属性”对话框，再单击“确定”按钮，关闭“框架属件”对话框，完成框架属性设置。

动态网页

DHTML是动态网页的意思，它其实并不是一个标准的术语。事实上没有一种技术叫作DHTML。DHTML是利用CSS(层叠样式表)，JavaScript，HTML等技术而建立的能与访问者产生互动的网页。比如在动态网页里，当访问者单击了某一张图片后，这张图片会自动的移动，这就是DHTML效果。也就是说，当网页下载完毕后，它无需再与服务器连接就能产生变化了。FrontPage2000提供了一套容易制作动态网页的方法，你可以建立起属于自己特色的动态网页。

1、使用DHTML的基本步骤

1).在页面点选需要使用DHTML的对象，比如文本，图片。对于文本需要拖曳鼠标选定；

2).在DHTML工具栏，选择通过开启的下拉列表选择一种事件，文本和图片所具有的事件是不同的；接下来再应用下拉列表选择一种效果；最后选择该效果的的实现方法；

3).当你为对象使用了DHTML后，保存该页面并预览，你会发现你选定的对象按照你设置的DHTML的效果出现；

4).如果想删除某一个对象的DHTML效果，先选定该对象，然后单击DHTML工具栏上的删除效果图标即可。

2、DHTML的事件

在DHTML制作中，我们听得最多的是“事件”这个术语。什么是“事件”呢，顾名思义，就是发生的一件事情，比如你用手打开门，那么这就是一个事件。换到网页制作中，开门变成了单击，也就是说，访问者单击了一个链接，那么出现了事件的结果，门被打开了。

在FrontPage2000中，当我们打开DHTML效果工具栏后，点选文本或者图片会产生不同事件。但它们的施用方法是一样的，下面我们以文本举例：

我们先在编辑器里输入一段文本，比如：网页陶吧，然后继续下面的三个步骤：

选定一段需要产生DHTML效果的文本，这里是：网页陶吧。从DHTML效果工具栏的开启下拉列表选择一个事件。这里对于文本我们只有“网页加载”这个事件。“网页加载”就是当网页第一次装入的时侯发生的事件，它不需要用户利用鼠标去触发它，而只需要访问者利用浏览器打开它的时侯就会产生预设的动态效果。

选择好事件后，我们要在应用下拉列表里选择一个该事件的应用效果。在该列表下有七种可以采用的效果，我们选择飞入。

对于应用效果会有不同的方法产生。比如当你选择的应用效果是“飞入”的时侯，文本可以从底部飞入，可以从左边飞入，也可以从右边飞入，这些就是方法。在这个下拉列表里并没有注明这个术语。有的应用效果是没有方法的，比如波动。我们这里选择从底部飞入。

最后保存该页面并预览，你会发现网页陶吧这个四个字在网页第一次加载后从底部飞入。当然，你也可以尝试其它DHTML效果。对于选定图片，你会在DHTML效果工具栏的开启下拉列表看到新的事件，单击和鼠标悬停，它们会有各自的应用效果和实现方法。你可以每一个尝试一下，这样你就能明白这些事件和应用效果和方法之间的关系。

3、DHTML的小技巧

DHTML兼容性

利用FrontPage2000制作的DHTML网页只能被InternetExplorer4.0或以上版本完全正常浏览。对于图片的DHTML效果，Netscape Communicator 4.0或以上版本也可以浏览。

禁止DHTML

如果想禁用DHTML效果，点选菜单工具/网页选项，在打开的对话框里选择兼容性标签，取消动态HTML前的复选框里勾，这样DHTM效果被禁用。

快速使用DHTML

一般情况，在你没有选定某一个对象的情况下，你只需要把鼠标移动到对象的左边或者右边单击一下就可以使用DHTML效果了。

4、网页过渡

网页过渡是指当你进入或者离开一个网页的时侯所产生的效果的这个过程。比如你从某一页进入另一页，你会发现当前页慢慢向中间合拢，同时出现了另一个新的页面，直到当前页合拢消失而最后出现新的页面。如果你想使用网页过渡，可以按照以下步骤：

1).打开想使用过渡效果的页面，或者新建立一个页面。点选菜单格式/网页过渡，打开网页过渡对话框；

2).在事件下拉列表里选择一个事件，我们选择进入网页。大家要注意，当你为某页和站点都设置了过渡效果时，网页将比站点过渡效果优先；

3).在周期文本框里输入持续的时间，然后在过渡效果列表框里点选一个效果，单击确定。利用浏览器打开该页面，因为我们选择的网页过渡是进入网页，所以当你打开该页时你就能看到过渡效果了。

利用DHTML效果的确是吸引访问者的有力利器，但如果你不愿意和复杂的代码打交道，那么FrontPage2000为你预设了许多DHTML的效果。你要做的仅仅是选定需要动态效果的对象，比如文字，图片，然后利用“傻瓜”式的操作就可以让你的网页动起来。

Web页有自己的一组属性，通过选择“文件”菜单中的“属性”或通过鼠标右键单击页内任何位置，选择快捷菜单中的“网页属性”命令，可以打开“网页属性”对话框，在“常规”选项卡中，各项设置含义如下：

·位置：指出页的完整URL。

·标题：显示的页标题，即在HIML中显示在head元素中的tit1e标签内。

·基位置：在此位置可输入一个URL，可将这页中使用的相对URL的超链接总指向同一正确的目标，通过对一个URL的说明，可以在不移动相对URL中所有目标的情况下，移动这个页。

·默认的目标框架：定义不规定框架的页中所有超链接的默认框架。

·背景音乐：加入背景音乐，当浏览器打开该页时，会同时播放音乐。

在其它选项卡中还可对页边距、语言等系统参数进行设置。

建立超链接

--------------------------------------------------------------------------------

超链接（HyperLink）的出现使网上浏览变得更加便捷，只须用鼠标轻轻点击，便能轻松地从一个页面跳转到另一个页面，从一个Web站点跳到另一个Web站点，从一个国家跳到另一个国家。超链接就是一些特殊的文本或图像，是其它页面的入口。

1．与当前web站点的页面建立超链接

（1）在FrontPage中打开要建立超链接的页面（若是新建页面，则要肯定该页面己被保存），选中超链接源，超链接源可以是一个字符、一个单词、一句话或一幅图片等。

（2）选择“插入”菜单中的“超链接”命令，或单击“常用”工具栏的“超链接”按钮，则弹出“创建超链接”对话框（如图），在该对话框中列出了当前FrontPage中打开的Web站点中的文件夹和文件。

（3）在该对话框的文件列表中，选择要建立链接的目标文件。

（4）单击“确定”按钮，超链接建成。

2．与本机中的其它文件建立超键接

（1）选择超链接源，打开“创建超链接”对话框。

（2）在该对话框中单击“制作一个链接到您计算机上文件的超链接”按钮，然后从弹出的对话框中找到自己所要链接的文件，选中它。

（3）单击“确定”按钮，超链接建成。

3．与world wide web上某一站点建立超链接

（1）在FrontPage中打开欲建超链接的页面，选定超链接源。

（2）选“插入”菜单中的“超链接”或单击常用工具栏的“超链接”按钮，弹出“创建超链接”对话框。

（3）在“URL”文本框中，输入超链接目标的URL。

（4）单击“确定”按钮。

格式化文本

1．输入文本

从总体而言，文本仍是网页中的主体内容，在FrontPage中输入文本与在Word中输入文本非常类似。

(1).需要加入空行或换段时才使用Enter键，当输入文本达到所定义的右边界时，将自动换行。若录入文字有错可按Backspace键清除错误，重新录入。

(2).可在文本中任意位置处插入新文本内容，操作时把鼠标指针定位到欲加文本处即可添加文本。

(3).可进行覆盖式录入，即先用鼠标选中要替换的文本，然后直接录入文本。

(4).可通过单击常用工具栏的“显示所有”按钮，让段落标记在屏幕上显示或隐藏，借助段落标记可清楚地看到段与段之间的空行。

2．文本的选择

(1).选择一个单词或多个单词：选择一个单词只需在该单词上双击鼠标即可，按住鼠标左键在要选单词上拖动即可选择多个单词。选择字与选择多个单词的方法相同。

(2).选择一行文字：一行文字就是在屏幕上占据一行空间的文本。将鼠标箭头移到行的最左边，当光标箭头变为指向左边时，单击鼠标左键，便可选择该行。

(3).选择一个段落：将鼠标箭头移到该段落的最左边，当光标箭头变为指向左边时，双击鼠标左键，或按下ALT键，再用鼠标单击想要选择的段落，即可选择该段落。

3．删除、拷贝和移动文本或图片

(1).删除：删除插入点左侧的一个字符，按Backspace键；删除插入点右侧的一个字符，按Delete键；删除插入点右侧的一个单词，按Ctrl＋De1ete键；剪切所选内容并保行到“剪贴板”，按Ctrl＋X键；删除所选内容按De1e1e键或选择“编辑”菜单中的“删除”命令。

(2).拷贝：拷贝所选文本或图形到剪贴板，方法是：选中文本或图形，然后按Ctrl+C键或从菜单上选择“编辑”菜单中的“复制”菜单命令，也可直接单击工具栏中的“复制”按钮。

(3).移动文本或图片：选择想要移动的文本或图片，再拖曳到要插入的位置，释放鼠标，所选对象就移到目的地。如果先将选择的文本或图片“剪切”，然后再“粘贴”到指定区域，也可将其移动。

(4).通过“撤销”取消误操作：如果用户在不小心的情况下错误地执行操作，单击工具栏上的“撤销”命令按钮，可以取消用户执行过的操作，或从菜单栏选择“编辑”菜单中的“撤销”菜单命令，或按Cir1＋Z键。

4．加入标题

出于页面内容层次的需要，有时在页面中要加入一些小标题。 HTML语言规范采用6级标题，各级标题采用文字不同字号来区分，其中标题1为大标题，其它依次为中小标题。要设定某一级标题，可以在FrontPage格式工具栏中的“样式”下拉列表中选中一个标题等级，然后在光标处输入标题文字即可；或者先输入文字，并选定该文字，然后在“样式”下拉列表中选定某一级标题。标题结束后，将下拉列表中的格式改回原来的“普通”，再进行其它内容的输入。

5．改变字体及设置字体效果

FrontPage在通常情况下，字体为“Times New Roman”。若用户的操作系统是中文Windows95／98或Windows NT，中文默认字体为“宋体”，文字大小采用默认的字号。若要设定不同的字体，可先选择要改变的文字，然后在格式工具栏里的“字体”下拉菜单中选择一种字体，或从菜单栏选择“格式”菜单中的“字体”菜单命令，通过“字体”对话框来设置，并可设定字体样式、大小等。当字体改变后，形式将一直保持，直到用户又重新设置新的字体为止。

(1).设置字体颜色：选中文字，单击格式工具栏上的“文本颜色”按钮的下拉箭头，就会弹出其下拉列表，在“标准颜色”中选择所需颜色；若没有，可选择“更多的颜色”命令，然后从弹出的对话框中选择。

(2).设置字体样式：要对需要的文字进行粗体、斜体和下划线处理，只要选择要处理的文字，从格式工具栏上单击“加粗”、“斜体”或“下划线”按钮即可。想解除此效果，可以选中文字，再次按相应的按钮就可以解除效果，恢复到正常字体。在制作网页时，一般不采用“下划线”效果，因为下划线在一些网页中都表示有超链接。

(3).字体加线效果：共有两种:“下划线”可以在选中的文字下面划一条线；“删除线”在文字中间贯穿划一条线。

(4).特殊的文字风格：当选中的文字需要使用某些特殊风格，如“闪烁”风格，可通过选择“字体”对话框中“字体”选项卡（如图）的“效果”区域的所需选项，但有的文字特殊效果只有在浏览器中才能体现出来。

6．文本的缩进

文本的缩进就是使文本左边、右边显示空白，这种效果有利于对关键段落加强说明。要对一个已有的段落运用缩进的方式，首先选中段落，然后在格式工具栏上单击“增加缩进”按钮，段落左边和右边分别缩进一段距离，连续按“增加缩进”按钮，缩进将进一步加大。这种在文字两边同时缩进的方式也称之为双向缩进。若缩进的空间太大，可以通过单击“减少缩进”按钮来减少缩进的空间。

7．文本对齐方式

若输入的文字是从该页的左边距开始，并逐渐向右延伸，且到了行满以后又折回下行左边（左边距处）重新开始，这就是左对齐。有些文字需要居中方式，比如标题之类的文字；而有些文字需要放到右边，这些可通过格式工具栏上的“向左对齐”、“居中”和“向右对齐”按钮来实现：，不同的对齐方式可以使文本呈现不同的显示样式，而且可以清楚地表明用户想要说明的问题，使网页整体保持协调。 要设定文本的居中、左齐或右齐方式，须先选择好要设置的文本，再单击相应按钮即可。如果用户想回到原始状态的对齐的方式，应先选定该文本，再单击格式工具栏上相应的对齐按钮。

8、加入项目符号或列表编号

有一些列表前面有加圆点的符号，说明一条条的列表内容，这在专业排版中称为项目符号，在Web页面中加入项目符号或列表编号可使内容有条理、更清楚，可以通过列表把大量内容简要地描述出来，便于读者抓住重点。还有另外一种形式即列表编号，可以用来描述一个问题的处理步骤和顺序，这两种处理形式在FrontPage中运用起来很方便。

加入项目符号或列表编号与在Word中的操作很类似。先选定文本，用户可以在格式工具栏按相应的按钮，或选“格式”菜单中的“项目符号和编号方式”命令，打开项目符号和编号方式对话框（如图），从中选定不同格式的列表项目。

在FrontPage中新建的两个文本行之间都有一个空行，如果用户在输入或添加项目时不想每两行之间都出现一个空行，可以在格式工具栏上单击“项目符号”或“编号方式”按钮。该按钮为下凹状后同时出现第一个项目符号，输入需要的文字后，按“回车”键，然后在自动出现的下一个项目符号后继续输入。

FrontPage还可以通过提供列表编号或项目符号的方式对列表项进行排列。操作方法与上一段所述相同。

如果在所有项目输入完毕后，以下的内容不再希望添加编号或项目符号，可两次回车，则停止编号或停止添加项目符号。若想改变编号的形式或不想从1开始，可通过在列表符号上单击鼠标右键，在弹出的快捷菜单上选择“列表属性”命令，在弹出的“列表属性”对话框中选择“号码”选项卡，选择所需的编号风格，再在右边的“初始号码”微调器中调整起始编号，在调好之后单击“确定”.

打字不易，如满意，望采纳。

如何做网页设计的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网页设计师、如何做网页设计的信息别忘了在云尚网络www.ysfad.net进行查找喔。