如何制作简单网页呢

网站设计八步骤

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

一、确定网站主题

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

二、搜集材料

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

三、规划网站

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

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

五、制作网页

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

六、上传测试

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

七、推广宣传

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

八、维护更新

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

★要想学做网页,首先得了解制作网页的工具。

制作网页主要有以下一些工具

Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。

Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具,javascript、java编辑器等。

网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。

大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。

总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了!

祝你成功。

★你可以结合Dreamwaver和Photoshop来制作网页。

Dreamwaver可以到这里下30天试用版,不过要先登记一个免费帐号,

★在网上有这方面的教程

教程

/

(中国建站专家)

主页和个人空间

/

(中华网)

建议使用网页制作三剑客Dreamweawer+Firework+Flash或使用Frontpage

首先你要明白网页制作的流程:

1、网页设计师(主要是用PS)先将网页设计出来。

2、进行网页制作,就是切片,div+css布局,将变成网页。

3、后台制作。可以自己开发,也可以套用cms,如dedecms,phpcms。等

4、具体步骤就是这样。详细的牵扯到一些技术,就是html,div+css,js,(jquery,js框架)。

后台目前流行PHP语言。这些都是基础

5、需要学习的有,html,div+css,js(jquery),php等。

教程网站,百度“W3C”,即可

如果你只是制作模板,那么就学习html,div+css,js(jquery)即可网页模板只是一个网页的模块,目的是为了方便网页编辑者可以快速导入这个模块,并且对里面的内容进行编辑,节省时间。要制作网页模板,要先懂得最基本的网页制作方法。比如构思好网站结构之后,用网页制作软件《dreamwearer》打边框,设计框架和布局,然后插入,输入文字等媒体内容。然后可以保存为模板。

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

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

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

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

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

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

二

一、工具

1、空间

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

2、软件

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

二、教程

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

三、设计

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

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

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

三

网站设计八步骤

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

一、确定网站主题

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

二、搜集材料

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

三、规划网站

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

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

五、设计网页

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

六、上传测试

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

七、推广宣传

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

八、维护更新

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

网页设计模板是什么，怎么利用网页设计模版？

网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站。每个网页模板压缩包内包含:PSD文件(可用Photoshop、ImageReady或Fireworks修改),按钮PSD文件、Flash源文件和字体文件,推荐使用Dreamweaver软件向网页模板添加内容。

创建和设置

1)模板的概念:作为创建其它文档的样板的文档。创建模板时,可以说明哪些网页元素不可编辑,哪些元素可以编辑。其扩展名为dwt。

2)模板的作用:有利于保持网页风格的一致;提高工作效率。

1创建模板

1)创建一个全新的模板:在模板面板中,使用快捷菜单按钮或单击面板上的新建按钮

模板面板的打开:Window菜单--Templates

2)创建基于文档的模板:File菜单-Save

Template

2设置模板页面属性

1)用模板创建的文档继承模板的页面属性,页标题除外。

2)设置:Modify菜单-Page

Properties

3定义模板的可编辑区

1)定义模板的可编辑区

在模板文档中选定对象、Modify菜单、Templates、New

Editable

Region

2)取消可编辑区标记

Modify菜单-Templates-Remove

Editable

Region

应用和更新

1应用模板创建文档

1)应用模板创建文档

使用模板创建新文档:File菜单-New

Template

或:File菜单-New-从模板面板中拖一个模板到文档

对现有文档应用模板:Modify菜单-Templates-Apply

Template

Page-模板面板中选定模板-单击Select

或:从模板面板中拖一个模板到文档中

或:从模板面板中选定一个模板,单击Apply

2)可编辑区和锁定区

在应用了模板的文档中,只有可编辑区的内容才可以修改。

3)把页面从模板中分离出来

如果要对应用了模板的页面的锁定区进行修改,必须先把页面从模板中分离出来。

具体操作:Modify菜单-Templates-Detach

Template

2修改模板

在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存

3更新站点中使用模板的所有文件

Modify菜单-Templates-Update

Pages

首先你要明白网页制作的流程:

1、网页设计师(主要是用PS)先将网页设计出来。

2、进行网页制作,就是切片,div+css布局,将变成网页。

3、后台制作。可以自己开发,也可以套用cms,如dedecms,phpcms。等

4、具体步骤就是这样。详细的牵扯到一些技术,就是html,div+css,js,(jquery,js框架)。

后台目前流行PHP语言。这些都是基础

5、需要学习的有,html,div+css,js(jquery),php等。

教程网站,百度“W3C”,即可

如果你只是制作模板,那么就学习html,div+css,js(jquery)即可网页模板只是一个网页的模块,目的是为了方便网页编辑者可以快速导入这个模块,并且对里面的内容进行编辑,节省时间。要制作网页模板,要先懂得最基本的网页制作方法。比如构思好网站结构之后,用网页制作软件《dreamwearer》打边框,设计框架和布局,然后插入,输入文字等媒体内容。然后可以保存为模板。

ps怎么设计网页模板ps怎么设计网页模板我们在看网站的时候会发现设计师们也越来越注重模式设计,不同的网站设计风格,需要不同的设计思路,网站的设计需要什么要求呢接下来小编就带大家来看看网页的设计方法。在网站设计中使用字体的步骤。首先,我们需要先确定一个网站的类型和类型。如果是企业网站,我们就需要将网站的内容编写成标题、副标题和正文,然后根据内容的主题来设计网站的页面,同时也要注意网站中的字体的统一性。如果是商城网站,我们应该使用衬线体、手写体、圆角矩形体、粗体、倾斜体等。另一种简单的网页形式,如站酷、淘。最主要的是表现网站的内容。这是因为其他网站从来也不是为了好看而设计的,都是为了让用户感到舒适。

　有四种基本的记述格式：欧式、苏式、宝塔式和牒记式。

　　1 欧式：又称横行体，是北宋文学家欧阳修创立的。欧式的特点是：世代分格，由右向左横行，五世一表，用起来很方便。欧式中，每个世代人名左侧都有一段生平记述，介绍该人的字、号、功名、官爵、生辰年月日、配偶、葬地、功绩等。

　　2 苏式：又称垂珠体，是北宋文学家苏洵创立的。苏式世系表的特点是：世代直行下垂，世代间无横线连接，全部用竖线串连，图表格式也是由右向左排列的，主要是强调宗法关系。

　　3 宝塔式：顾名思义，就是将世代人名象宝塔一样，由上向下排列。宝塔式采用横竖线连接法，竖线永远处在横线的中间，这对人多的大家族来说，因人名不可能排在同一页纸上，兄弟之间长幼关系不清，会为写谱、看谱带来很多不便。

　　4 牒记式：不用横竖线连接世代人名间的关系，而是纯用文字来表述这种关系。每个人名下都有一个相关的简介，如：字、号、功名、官爵、生辰年月日、葬地、功绩等。牒记式的世系形式固定，次序分明，比较节约纸张。

　　以上四种世系表形式都各有特色，这是一般族谱中比较常见的世系表，但也有其它的变化，我们在记述家族世系表时，可根据掌握材料的多少、家族成员的多少等灵活采用，总之，世系表要易看易懂、内容真实、层序分明，这才是最为重要的。

问题一：目前，最好的家谱制作软件是哪个？ 家谱先生61是单机版的，功能挺全的。只能个人用用，无法跟同宗分享。

问题二：我想制作个家谱，可是不知道在电脑上用什么软件好，最好是简单容易操作的 onlinedown/soft/39407

家谱先生(FamilyKeeper) 61

一款国产的具有很高实用价值的专用家谱制作软件。无论您是新修、续修、还是改修老式家谱、或者是抢救复制私藏老谱，该软件都将成为您家谱管理的强有力工具。 该家谱软件的突出特点如下： ・面向大型家谱管理：成功的实现了家谱的分卷管理技术，卷与卷之间有机结合，上下卷之间跳转自如，随意漫游；续卷灵活，纵横方向均可自由续卷，同一部家谱内续卷数量不限，续卷的世代宽度自由安排，从而有效的实现了对大型家谱的管理。 ・多族谱管理：可以同时对多部（任意姓氏的）族谱管理。 ・强劲的族谱维护技术：族谱连接、族谱拆分、更改族谱起始世代数，还可在卷内对节点（子树）任意精确移动。 ・家族成员信息完备：家谱记录内容丰富，资料显示图文并茂，家族成员的数据参数定义完备。 ・检索结果形象丰富：资料检索结果直观形象，配以“寻根链”视图可以一览查询成员的传承脉系。 ・目录、文件管理隐含化：将家谱编写中可能遇到的目录、文件管理工作完全隐含到软件内部，即使电脑知识很少的网友也能轻松上手。 ・家谱打印：该功能是本软件的核心亮点之一，可以将您录入好的家谱资料打印成册，便于分发给家族的各个成员。目前提供四种打印家谱方案： ①方案一：打印家谱内容包括（家族梗概、目录树、父子图、个人资料）等几大部分。 ②方案二：打印家谱内容包括（家族梗概、目录树、阶梯图、个人资料）等几大部分。 ③方案三：打印家谱内容包括（家族梗概、目录树、宝塔图、个人资料）等几大部分。 ④方案四：打印家谱内容包括（家族梗概、目录树、传承图、个人资料）等几大部分。[分横排、竖排两种版式] ・真人肖像模式：使用该显示模式，在世系图上您可以为每个节点上的成员定义制作成员本人的真人肖像，从而使得世系图更加生动、形象。 ・多媒体资料信息管理：软件为每个成员定义了一个相册、影像集和录音集（不加入资料不占空间），您可以将成员精彩的照片、视频及音频资料加入到家谱中，制成一个图、文、像、声并茂的现代数字家谱，软件内置媒体播放器。

downloadenet/page=1

问题三：做族谱用什么软件方便？ 看你需要什么类型的家谱：1、纸质家谱：书籍形式，正式规范，需要采集资料、编辑排版、印刷装订，过程较繁琐，成 本 较高。2、网络家谱：通过网站或APP修谱，过程简单，甚至不用钱，操作简单或有使用说明。

家谱是记载家族人文的核心载体，写家谱要明确采用哪种格式。

比如欧阳修式、苏洵式、宝塔式、牒记式、图文对照式、横排图表式、竖排图文式、表记式、图记式等。示例：使用 找你家谱 编修 宝塔式 家谱，形象直观，简洁易用。

手机修谱・网络寻根tiebabaidu/p/4865322667蒲千寻家谱展示tiebabaidu/p/4865510206――找你家谱 FindU

问题四：制作家谱用什么软件好 要求高的话用方正书版、indesign，没什么特别要求的用word就行。

问题五：家谱软件哪个好 coreldraw 差不多

或者Adobe InDesign 也不错

主要得看你会什么软件

问题六：想制作个家谱，有哪些比较实用好用的软件？ 那就看看流行的互联网同心圆家谱咯。利用互联网络技术，把传统的纸质家谱转化为数码的、 电子版的数字家谱，清晰明了的展示家谱中的内容，把家族中的每个人都有效的连接起来，形 成一个动态的的家族部落群，共同构成互联网家谱。家谱中的成员可以在互联网家谱中寻找祖 先的足迹、家族历史起源和历程，家族成员信息可以随时查阅和增加，这就是互联网家谱。

问题七：想制作一本家谱，用什么软件好 常见的传统家谱都是纸质的，方便就数电子版本的家谱了。（百姓通谱网）

优势：

1、经济、准确。传统修缮家谱耗时耗力。

2、便于携带、传递、保存。互联网家谱的问世让家谱更容易携带，只需一张U盘，复制，粘贴即可。互联网家谱不怕潮湿不发霉。不怕虫蛀不少页，让家谱保存更加方便。

3、超大容量。在这个信息时代，文字。声音。。视频等媒体信息，也可以存放于互联网家谱中。让家谱内容更充实。互联网家谱的超大容量可录入更多的个人信息和媒体资料。

4、查看方便。便于修改。有续传承。互联网家谱真正实现查看方便，不必再为了查找祖源时亲自到当地看家谱。互联网家谱结合传统的修谱模式与现代人的现实需求，可以不受时间和空间的限制。让身在不同地域的家族人都可以共同管理。真正实现有续传承。

5、隐私保护，授权浏览。

问题八：家谱软件哪个好 国产的亿图不错，操作方便，图形、线条、添加这些添加都很方便，还可以直接使用模板、一键从数据库快速的创建家谱、族谱，下面是亿图里边的一个例子，你可以参考一下：

问题九：制作家谱用什么软件好 传承家谱程序是专门做树形家谱的程序，而且输出为WORD文档，也可以图形输出。 输出树形谱系为TXT文件，可以输出任意大小的树形谱系，避免了版面上的限制。 可以在百度搜索，最新版本为520

问题十：想制作一本族谱，用什么软件好？ 天下家谱 V6112下载多特软件站OKOKOKOK

求采纳为满意回答。

首先，网站模板是建立在后台管理的基础上，你的这个网站是动态网站，也就是所谓的aspnet。只有一个网站的网页是不够的。如果你只是想用它的版面，不需要后台支持的话，就用Dreamweaver来修改它。但我估计你的这个网站在DW里不好修改，因为它都是连接后台的。如果你要想用网上的模板制作你们企业的网页，首先你要在网上下一个后台管理系统，连接数据库，在这个基础上会有配套的网页模板，这样你才能修改成自己的。

还有问题可以再留言我。

一、FrontPage 2003简介

FrontPage 2003是由Microsoft公司推出的Office 2003组件之一。FrontPage 2003的启动与退出、文件的打开与保存与Office系列中其他软件相同。FrontPage 2003启动后，主窗口如图6-61所示，菜单部分外貌与Office中的其他软件相似。

与以往的版本相比，FrontPage 2003有以下几个新功能：

（1）自定义浏览器分辨率预览检查；

（2）描摹图像；

（3）层功能；

（4）插入交互式按钮；

（5）行为的应用；

（6）使用网页重定向；

图6-61 FrontPage 2003启动界面

图6-62“新建”任务窗格

（7）检查网页错误；

（8）优化HTML代码；

（9）规划页面布局。

二、制作简单网页

我们在前面已经学会了用Word进行排版，其实你已经会制作一个简单网页了，只需将原来排好的Word文档，另存时选择保存类型为“Web页（htm；html）”就可保存为一个网页文件。

下面我们用FrontPage 2003制作一个简单网页。步骤如下：

1启动FrontPage 2003

选择“开始”/“所有程序”/“Microsoft Office”/“FrontPage 2003”命令，打开如图6-61所示的界面。

图6-63 新的空白的网页

图6-64“网页模板”对话框

2建立新网页

选择“文件”/“新建…”菜单命令，打开“新建”任务窗格，如图6-62所示。单击“空白网页”，也可以通过工具栏上的“新建”按钮建立一个新的空白的网页。如图6-63所示。

如果要根据 Microsoft FrontPage 的模板创建网页，单击“其他网页模板”，打开如图6-64所示的“网页模板”对话框，再单击所需模板类型的选项卡，然后单击某个模板。

3输入如下内容

图6-65

4编辑操作

网页中的文本编辑操作与Word的编辑操作类似。

本例中，将“我的第一个网页”应用“标题一”样式，并设为隶书，水平居中；将“你好！欢迎光临”应用“标题二”样式，将其余内容应用“普通”样式，并将行距设为“15倍行距”，设置完成后效果如图6-65所示。

5保存网页文件

选择“文件”/“保存”命令，弹出“另存为”对话框，指定保存位置和文件名，然后单击“保存”按钮即可完成操作。

三、制作多媒体个人主页

我们以制作一个简易的个人网站为例，进一步学习使用FrontPage 2003。

1规划

网站规划包括规划网站的风格、网站的结构和网站的配色等，是对网站的整体定位。本例设置了6个栏目，包括首页、自荐信、个人简历、荣誉证书、才艺展示、****，链接的文件名分别为indexhtm、zijianhtm、jianlihtm、zhengshuhtm、zhanshihtm、lianxihtm。当然也可以结合自己情况进行修改。页面布局如图6-66所示。

2建立网站

在FrontPage 2003中，所谓网站，就是一些网页和程序的集合，各个网页之间通过超链接联系在一起，所有的网页和文件保存在一个文件夹中，通过网站把这些文件和网页统一起来。本地网站是指本地硬盘上用来存放整个网站的所有文档的文件夹。远程网站是指网络服务器上的网站，供用户浏览。

建立一个新网站，事实上就是建立一个单独的文件夹，然后在这个文件夹中建立各个网页文件，并且把它们链接在一起。

网页制作可以在新建网站中完成，也可以像前面那样单独新建一个网页。建议用新建网站的方法来制作网页。

下面我们首先创建新的FrontPage网站：

（1）在“文件”菜单上，单击“新建”，出现如图 6-66 所示的“新建”任务窗格。

图6-66

（2）在“新建”任务窗格中，单击“由一个网页组成的网站”。

（3）在“网站模板”对话框中，在“常规”选项卡下，单击需要的网站模板，本例选择“只有一个网页的网站”，并在指定新网的位置栏中，键入或选择新网的路径及名称，这里我们将默认的mysite改为myhome，如图6-67所示，然后单击“确定”按钮，出现创建新网站对话框，完成站点创建，完成后如图6-68所示。左边一列是文件夹列表，可以通过右键快捷菜单新建文件夹，对文件或文件夹进行复制、删除、重命名等操作。

图6-67“网站模板”对话框

图6-68

3准备素材

将本例所需的动画素材复制到网站内的images文件夹下。

4制作主页页眉

在“网页”视图中的文档窗口底部，单击“设计” 。

在文件夹列表中双击indexhtm，打开该网页并进入编辑状态，开始首页制作。

（1）设置网页大小 在“视图”菜单上，指向“网页大小”，单击 设置网页大小。

（2）设置网页背景在“网页”视图中的文档窗口底部，单击“设计” ，右击网页编辑区，在弹出菜单中单击“网页属性”项，弹出“网页属性”对话框，在标题框内输入“欢迎访问小慧的个人电子简历”；单击“格式”选中格式选项卡，选中背景栏下的“背景”，并单击“浏览”按钮选择背景。如图6-69所示。单击“确定”按钮完成网页背景设置。也可在“格式”菜单上单击“背景”来设置。

（3）插入一个一行两列的表格 方法与在Word中插入表格相同。

在显示设计视图模式下，通过常用工具栏的“插入表格”按钮，或在“插入”菜单上，指向“插入”，在级联菜单中单击“表格”；右击插入的表格，在弹出菜单中单击“表格属性”，并将单元格衬距、单元格间距和粗细栏均设为0，如图6-70所示，单击“确定”按钮。

图6-69 网页属性

图6-70 表格属性

（4）在第一个单元格内插入 将插入点放在第一个单元格，在“插入”菜单上，指向“”，再单击“来自文件”。找到要添加的文件（网站下images文件夹下的logogif），如图6-71所示，然后单击“插入”。

更简单的方法是从文件夹列表拖动文件到编辑区指定的位置即可。

（5）在第二个单元格内插入Flash动画 单击第二个单元格，在“插入”菜单上，指向“”，再单击“Flash影片”。弹出与图6-71相似的“选择文件”对话框，找到要添加的文件（网站下images文件夹下的banner_007swf），然后单击“插入”。

（6）在第一个表格下插入一个1行1列的表格 同样将单元格衬距、单元格间距和粗细栏均设为0，设置好背景颜色，本例是选的其他颜色，如图6-72所示，在“值”文本框中输入Hex={C1，E8，C9}。

（7）制作滚动字幕 在第二个表格的单元格内单击，在“插入”菜单上，单击“Web组件”，弹出插入Web组件对话框，默认选中的是字幕，因此单击“完成”按钮，弹出字幕属性对话框，在“文本”框内输入：衷心感谢您垂阅我的简历，单击“确定”按钮。如图6-73所示。

图6-71 插入对话框

图6-72“其他颜色”对话框

5制作正文和页脚

（1）在第二个表格下插入一个1行2列的表格，同样将单元格衬距、单元格间距设为0，但粗细设为1，暗边框设为白色，亮边框则设为其他颜色，在如图6-72所示的“值”文本框中输入Hex={99，CC，FF}。

（2）设置单元格背色。右击此表格的第一个单元格，在弹出菜单中单击“单元格属性”，弹出如图6-74所示的对话框，背景设为其他颜色，在如图6-72所示的“值”文本框中输入Hex={F1，F5，FC}。同样方法将第二个单元格设为白色。

图6-73 字幕属性对话框

图6-74 单元格属性

（3）调整单元格宽度，使之与第一个表格相同。

（4）在第一个单元格内插入一个8行1列的表格，并将单元格衬距、单元格间距和粗细栏均设为0。在单元格属性中将单元格对齐属性设为水平居中，垂直居中，行高调整为40。

在刚插入的表格第二行内插入homepagegif，并在其后输入“首 页”；在第三行内插入sub_dotgif，并在其后输入“自 荐信”，后面四行插入的均为sub_dotgif，输入的文字依次为“个人简历”、“荣誉证书”、“才艺展示”、“****”。

（5）在表格三的第二个单元格内插入一个3行3列的表格，并将单元格衬距、单元格间距和粗细栏均设为0。将中间一列调宽一些。

在该表格第一行第二列中输入“自荐信”，在第二行第二列输入自荐信的内容。设为15倍行距。

（6）在表格三后面插入一个2行1列的表格，并将单元格衬距、单元格间距和粗细栏均设为0；并且第一个单元格背景色设为与表格二背景色相同，在第二个单元格内输入“联系电话：023-683568XX E-mail：xiaohui＠163com”并设为居中。

6链接网站文件

选中要建立超链接的文字或图像，单击常用工具栏中的“插入超链接”按钮或在“插入”菜单上单击“超链接”，或者是右击选中区域并单击“超链接”，均可打开“插入超链接”对话框。如图6-75所示。

图6-75“插入超链接”对话框

（1）选中“首页”，单击常用工具栏中的 按钮，在打开的如图6-75所示的“插入超链接”对话框中，在“地址”框内输入indexhtm，并单击“确定”按钮。

（2）用同样的方法将“自荐信”链接到zijianhtm、“个人简历”链接到jianlihtm、“荣誉证书”链接到zhengshuhtm、“才艺展示”链接到zhanshihtm、“****”链接到lianxihtm。

7保存文件，按F12键预览网页

四、制作本网站内其他页面

首先在文件夹列表中将 indexhtm 复制 5个，分别重命名为 zijianhtm、jianlihtm、zhengshuhtm、zhanshihtm、lianxihtm。只需将每个文件中自荐信部分修改为相应内容即可，页眉、超链接栏和页脚均不变。

五、网站发布

当我们完成上述内容后，需将制作的网页发布到Internet上的Web服务器中，才能供网上的访问者浏览。首先要到Internet服务提供商（ISP）那里申请购买存放网页的空间和域名，以前有很多网站（如网易等）都提供免费的个人主页存放空间，现在相对较少了，中国学生网仍在提供50M免费空间服务，大家可到http://web6to23com/去申请一个免费空间。

发布网站可以使用专门的FTP工具。但为了给用户提供方便，FrontPage 2003内置了网页发布功能，利用它，只需进行简单的设置，就可以轻松地完成网站发布任务。FrontPage 2003中的远程网站视图可以帮助我们将整个网站或单独的文件和文件夹发布到任何位置：扩展的 Web 服务器、支持文件传输协议（FTP）或基于 Web 的分布式创作和版本控制（WebDAV）的Web服务器或文件系统中的某个位置。

下面我们利用FrontPage 2003及文件传输协议（FTP）发布网站，步骤如下：

1打开FrontPage网站

在“文件”菜单中单击“打开网站”或单击工具栏上的“打开”按钮边上的下拉标志，从下拉菜单中选“打开网站”，在弹出的“打开网站”对话框中找到需要打开的网站并单击“打开”按钮。

2转至“远程网站”视图

若要转至该视图，请单击“网站”选项卡，然后单击窗口底部的“远程网站”按钮。或在“视图”菜单上，单击“远程网站”。如图6-76所示。

3设置“远程网站属性”

在文档窗口顶部，单击“远程网站属性”。在弹出的对话框中，在“远程网站”选项卡上，在“远程 Web服务器类型”下，单击“FTP”。在“远程网站位置”框中，键入自己所选定的远程网站的地址及 FTP 协议（本例中输入“ftp://12591675”），如图6-77所示。单击“确定”按钮，在打开的“要求提供用户名和密码”对话框中输入ISP提供的用户名和密码，单击“确定”按钮。如图6-78所示。

图6-76

图6-77

4发布网站

通过单击窗口右下角的“发布网站”按钮即可发布所有文件。也可发布单个文件，在本地网站选择一个文件，然后单击“本地到远程”按钮 。如图6-79所示。

图6-78

图6-79

作为一个过来人，我倚老卖老一下，希望你不要介意。

这个应该是你们的大学的毕业设计或者期中期末的作业吧？

参考网上的可以，但是不可以照搬，否则，1，被老师抓，视为雷同。2对你自己也没什么帮助。

我建议你，还是老老实实的稍微的轻微的小小的研究下网页设计，做的不好没关系，就怕抄袭，切忌。我发一些简单的个人网站模板给你，wwwdrame/template/gr/indexhtml 你参考下，一定要自己修改修改，要不你就完蛋了。谢谢！

请采纳答案，支持我一下。