网页制作工程师试用期总结(精选多篇)

第1篇第2篇第3篇第4篇第5篇更多顶部

目录

第一篇：网页制作试用期工作自我总结第二篇：网页制作教学总结第三篇：网页制作总结第四篇：网页制作经验总结第五篇：frontpage网页制作经验总结更多相关范文

正文

第一篇：网页制作试用期工作自我总结

认真学习岗位职能，工作能力得到了一定的提高。

根据岗位职责的要求，我的主要工作任务是(1)负责对外宣传，具体包括工业园网站建设、二期招商画册的设计制作及参加相关展会等;(2)日常接待工作;(3)相关活动的策划及(来源好范文网)筹备;(4)担任讲解工作;(5)领导交办的其他工作。通过完成上述工作，使我认识到一个称职的招商主管应当具有良好的语言表达能力、流畅的文字写作能力、网站建设维护能力、大型活动的策划及筹备能力。目前我在网站建设、大型活动的策划方面存在不足。在网页制作的过程中我发现，frontpaeg根本无法适应精美网页的制作要求，于是重新学习了新的网页制作软件dreamweavermx及图形处理软件fireworksmx。目前我已熟悉了上述软件的常用功能并能运用其进行基本的网页制作及图形处理。为了让自己做一个称职的招商人员，我阅读了网上的部分策划案例，以便在以后的策划工作中有所帮助。

xxxx年又是一个充满激情的一年，在今后的工作中，我将努力提高自身素质，克服不足，朝着以下几个方向努力：

1、学无止镜，时代的发展瞬息万变，各种学科知识日新月异。我将坚持不懈地努力学习各种招商引资知识，并用于指导实践。

2、“业精于勤而荒于嬉”，在以后的工作中不断学习业务知识，通过多看、多学、多练来不断的提高自己的各项业务技能。

3、不断锻炼自己的胆识和毅力，提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。

第二篇：网页制作教学总结

教师个人工作总结范文

时间过得真快，转眼间一学期的教学工作已接近尾声，为了更好地做好今后的工作，总结经验、吸取教训，本人特就这学期的工作小结如下：

一、 思想工作方面

俗话说：“活到老，学到老”，本人一直在各方面严格要求自己，努力地提高自己，以便使自己更快地适应社会发展的形势。通过阅读大量的道德修养书籍，勇于解剖自己，分析自己，正视自己，提高自身素质。

二、教育工作方面

这学期，本人担任一年级语文教学工作，班级人数众多，又面临着新课程改革。面对首次接触的教材，我在教育教学工作中遇到了不少困难。针对这些情况，我在积极参加教育局组织的新教材培训的同时，虚心向有经验的教师及兄弟学校的同行讨教经验。在教学中，认真钻研新大纲、吃透教材，积极开拓教学思路，把一些先进的教学理论、科学的教学方法及先进现代教学手段灵活运用于课堂教学中，努力培养学生的合作交流、自主探究、勇于创新的等能力。另外，本人在搞好教学工作的同时，还很注重教学经验的积累，有了心得体会就及时记下来与同事交流，本学期撰写综合活动案例《翱游花海》以及论文多次参加市级交流、获奖、发表。

三、遵守纪律方面

本人严格遵守学校的各项规章制度，不迟到、不早退、有事主动请假。在工作中，尊敬领导、团结同事，能正确处理好与领导同事之间的关系。平时，勤俭节约、任劳任怨、对人真诚、热爱学生、人际关系和谐融洽，从不闹无原则的纠纷，处处以一名人民教师的要求来规范自己的言行，毫不松懈地培养自己的综合素质和能力。

四、业务进修方面

随着新课程改革对教师业务能力要求的提高，本人在教学之余，还挤时间自学相关学科的知识并积极各类现代教育技术培训初步掌握了多媒体课件制作。

以上小结，如有不妥，敬请领导同事批评指正。

第三篇：网页制作总结

首先，二电一班的学生总的来说是属于聪明但懒惰的学生，他们的学习领悟能力比较好，很多东西一讲他们就会，但因为在初中阶段养成了一些不良的学习习惯，以致学习方法上欠缺正确的方式、方法。我觉得首先从授课方式角度来分析的话，我们作为一个专业课老师应当在课堂上调动学生的兴趣，网页设计与制作这门课程本身就是一门实践性交强的课。作为一个老师不应当按照那些传统的授课方式去讲给学生，就那我来说吧。我本人讲课是根据自己的教学理念去设计每趟课的详细内容，我更为注重的是学生的学习视点以及他们的开发能力。把每一趟详细的课程以及我个人的教学培训理念结合起来去引导学生，使他们独立创新、开拓思维。就说网页设计这门课吧，它的操作性很强。因此我上课的方式就采用的是案例教学法。通过案例的整体架构剖析再进行实战强化训练最后制作成功。

从学生的角度来讲，网页这个东西现在很多的同学都上过网，都知道。所以不用我多讲学生们也都知道网页有什么用处，而我所做的就是引导他们入门，把网页制作的方法教给他们。给他们看看网上一些很常精美的网页，让他们多见识一下各种各样的网页是如何进行布局。而学生们因为见识过那些漂亮的网页模板，心中也就有了个底。在课新知识点用实例效果来引导他们的兴趣，这样他们对网页就更感兴趣，所以他们的学习是各人有各人的方向，他们学起来也就很努力认真。在学的过程中，有时也会出现有些网页特效不记得怎么做了，这个时候他们就能明白自己是什么地方没学会。经过反复的练习，再加上这个班的学生比较团结，在学习上互帮互助，所以他们进步的很快。慢慢的就将网页制从基本构思到网页布局再到修饰最后添加动态网页特效，每个过程和各个小技巧全都掌握了。在课堂上我还会单独拿出提问的时间，让学生把自己迫切想知道的知识提出来，然后我在针对性的去详解，达到即学即会的效果。从学生的角度来说，目的是想“学到真正的知识、学会自己不会的知识”。而我就是把“学生的需求、以及想要的知识”用心去教会他们，让他们学到真正具有实际价值的东西。学生不会的老师教会你，你不懂的老师也让你学会。你想知道的、想学习的、我会针对性的去详解。传统的那种授课模式在我们学校己经彻底打破，我们更追求的是“创新、实战、交流。也就是说“创造性的学习、目标性的实现。

网页设计与制作这门课程看起来挺复杂的，其实当你真正的着手去学习的

话。一句话很简单，它注重的就是实际操作。只要你用心去多上机操作，几天就学会了。

经过这个学期的教学，我觉得在教学上对学生不能太好了，一定要给他们施加压力，他们如果没有事情可做，就会没有压力。要求他们在学完课程后，每个人都要完成相应技术的网页效果的作品。所以在平时上机时他们就很主动练习，在完成任务之后在他们的心中也感到成就感和愉悦感。而平时上课也是每节课都有相应的作业要求他们去做，并且做完之后要给我或小组长检查并登记，结果他们上机时就更主动了，再没有闲着无所事是的了，但只有少数一两个男生无论怎么教导都无济于事。对于这一两个学生只有通过多方面的教学和引导才有可能改变他们的学习态度。

第四篇：网页制作经验总结

目录：

1.域名前面加图标

2.插入关键字，说明等（书上是p89）

3.利用模板做网站

4.如何提交关键字，才能达到更好的产品推广效果

5. 常用html代码

1.域名前面加图标

ico文件制作第一步：用画图软件做一个16*16（32*32）的图像文件，为jpg或gif格式；第二步：然后通过 1、http:///html-kit/services/favicon英文网站 2、http://">

注意：其中的5是指停留5秒钟后自动刷新到url网址。

4.set-cookie(cookie设定)

说明：如果网页过期，那么存盘的cookie将被删除。

用法：<meta http-equiv="set-cookie" content="cookievalue=xxx;

expires=wednesday, 21-oct-98 16:14:21 gmt; path=/">

注意：必须使用gmt的时间格式。

5.window-target(显示窗口的设定)

说明：强制页面在当前窗口以独立页面显示。

用法：<meta http-equiv="window-target" content="_top">

注意：用来防止别人在框架里调用你的页面。

5.content-type(显示字符集的设定)

说明：设定页面使用的字符集。(我们在前面字体设计中已经介绍过它的作用)

用法：<meta http-equiv="content-type" content="text/html; charset=gb2312">

●meat标签的name变量语法格式是：

<meta name="xxx" content="xxxxxxxxxxxxxxxxxx">

其中xxx主要有下面几种参数：

1.keywords(关键字)

说明：keywords用来告诉搜索引擎你网页的关键字是什么。

举例：<meta name ="keywords" content="life, universe, mankind, plants,

relationships, the meaning of life, science">

2.description(简介)

说明：description用来告诉搜索引擎你的网站主要内容。

举例：<meta name="description" content="this page is about the meaning of

life, the universe, mankind and plants.">

3.robots(机器人向导)

说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

content的参数有all,none,index,noindex,follow,nofollow。默认是all。

举例：<meta name="robots" content="none">

4.author(作者)

说明：标注网页的作者

举例：<meta name="author" content="ajie,ajie@netease.com">

以上是meta标签的一些基本用法，其中最重要的就是:keywords和description的设定。

为什么呢？道理很简单，这两个语句可以让搜索引擎能准确的发现你，吸引更多的人访问

你的站点!

根据现在流行搜索引擎(lycos，altavista等)的工作原理,搜索引擎首先派出机器人自动

在www上搜索，当发现新的网站时，便检索页面中的keywords和decription，并将其加入到自己的数据库，然后再根据关键词的密度将网站排序。

也就是说：

1. 如果你的页面中根本没有keywords和description的meta标签，那么机器人是

无法将你的站点加入数据库，网友也就不可能搜索到你的站点。

2. 如果你的关键字选的不好，关键字的密度不高，被排列在几十甚至几百万个站点的后面

被点击的可能性也是非常小的。

所以,我们必须记住添加keywords和description的meta标签，并尽可能写好关键字和简介。

写keywords的禁忌是：

1.不要用常见词汇。例如www,homepage,net,web等。

2.不要用形容词，副词。例如最好的，最大的等。

3.不要用笼统的词汇，要尽量精确。例如不用"摩托罗拉手机",改用"v998"等

寻找合适的关键词的一个技巧是：到lycos,alta,infoseek等搜索引擎，搜索与你内容相仿

的网站，查看排名前十位的网站的meta关键字，copy下来用到自己的站点上。

这里，我们举一段微软多媒体网站的关键字供你参考：

<meta name="keywords" content="joke, music, mp3, media, audio,

joke of the day, downloads, free music, horoscope, radio, video,

music downloads, movies, radio station, media player, free,

download, weather, horoscopes, windows media technologies,

online, radio station guide, free download">

小资源:人们最常用的一些搜索词(即关键词)可以到

两个网址一看，那里有每个月网上最流行搜索词的排行榜.

另外为了提高搜索点击率，这里还有一些"邪门歪道"：

1.为了增加关键词的密度，将关键字隐藏在页面里(将文字颜色定义成与背景颜色一样)。

2.在图象的alt注释语句中加入关键字。

如：<img src="xxx.gif" alt="keywords">

3.利用html的注释语句，在页面代码里加入大量关键字。

用法： <!--- 这里插入关键字 --->

如何提交关键字，才能达到更好的产品推广效果

1. 利用模板做网站

另存为 模板——插入记录--可编辑区域——新建从模板

4. 如何提交关键字，才能达到更好的产品推广效果

2、为什么网页标题或摘要中一定要含有查询关键字？

答：即使您排在搜索结果的第一位，点击率既可能高至90%以上，也可能低至10%以下，决定因素是您的网页摘要的相关性。而用户判断相关性的首要因素是您的网页标题或摘要中是否含有他输入的关键字。所以您一定要配合您选择的关键字，认真填写您的网页摘要，使您的网页摘要与各关键字相关，以吸引访问者。

3、为什么要在标题或网页描述中前20个字要出现查询关键字？

答：竞价排名是通过提交产品关键字来寻找产品的潜在客户，您要为每一个产品关键字撰写产品标题和产品的网页描述，例如：产品性能介绍、产品价格和购买电话等。这样可以吸引访问者，更准确地寻找产品的潜在客户。为了达到更好的推广效果，建议您一定要将与产品关键字最直接的介绍撰写在网页描述的前面。

4、我可以提交多少个关键字，是1个还是2个？

答：关键字数量不受限制，您可以提交多个关键字。您可以为您的任何一个网页选择任意多个关键字，网民搜索这些关键字中的任何一个时，您的网页介绍信息都会出现在搜索结果最前列。

5、我提交的关键字可以搜索出我的网站，没有提交的关键字就不出现我的网站吗？

答：您没有提交的关键字的有可能会出现您的网站。竞价排名系统采用“智能搜索”，会让客户的网站显示机会大大增加，从而被更多潜在客户看到。若检索词有竞价排名客户购买，直接出现竞价排名客户网站；若检索词没有竞价排名客户购买，那么智能搜索将会查找该行业通用词，显示所有购买了行业通用词的竞价排名客户网站。

6、我没有提交的关键字也出现了我网站，关键字如何计费呢？

答：竞价排名系统采用智能搜索，系统将会智能判断用户的搜索请求，当网民的搜索请求和竞价排名用户注册的关键字内容非常相关，就会在搜索结果页面显示客户的推广网站（或网

页）。例如：用户搜索“我要买鲜花”，而竞价排名的客户中没有人购买这个关键字，那么系统会自动进行智能搜索，查找该行业通用词“鲜花”，自动显示“鲜花”的竞价排名客户，如果发生了访问将会按“鲜花”的访问价格收费，同时在统计报告里记录一次点击和相应的消费金额。

7、我可以为我的网站选择任何搜索关键字吗?

答：不可以，为了保证网民检索结果的质量，只有跟您的网页紧密相关的关键字才能通过审核。

以下几种情况，均属于与网页内容无关：

（1）与您公司的产品无关，关键字是其竞争对手或同行业其他企业的公司名称或产品；

（2）网站上没有与关键字相关的内容的网页，不能选择该关键字；

（3）关键字不能是：公司产品应用的领域、提供的服务涉及的范围等等；

（4）通用词汇：求职、招聘、下载、免费、企业、公司、服务等，网站必须有大量该领域的相关内容才能通过审查，如果只提供该领域的一种或很少的几种产品或服务，不能通过审核。

8、我可以用产品名称做为关键字吗？

答：可以。与关键字匹配的url所指的网页上必须含有与关键字相关内容，如某网上商城，虽然有一页的产品是鼠标，但如果首页上没有与鼠标相关的内容，那么关键字"鼠标"不能指向该网站首页，只能指向含有鼠标的页面。

9、我公司是西门子的一级代理，可以提交西门子做为关键字吗？

答：您不是西门子公司的网站因此原则上是不可以用其他公司名做为关键字提交，而您是西门子的一级代理并在线销售相关产品，因此您需要修改标题和网页描述。

例如：易趣网在提交“西门子”关键字

标题：易趣西门子电子专区

网页描述：无论是手机，电话，还是各类西门子电子产品，在易趣您都可以找到最多最好的。

并将网站ｕｒｌ指向关键字相关页面。

10、同一个关键字，我可以注册多个网页吗？

答：不可以。我们不希望网民搜索一个关键字的时候，搜索结果中出现大量来自一个网站的网页。一般情况下，您只能为一个关键字注册一个网页（url）

以下四种情况，均属于重复提交关键字：

（1） 同一个网站上的不同网页，不能注册相同的关键字；

（2） 网站有多个不同的网址（url），均指向同一个网页，那么这些也不能注册相同的关键字；

（3） 使用竞价排名系统开了多个不同的账户，也不能为网站里的网页重复注册同一个关键字；

（4） 网站有多个镜像站点，同一个关键字不能匹配多个镜像网站。

11、我可以选择上海、美国这些地名做为关键字吗？

答：如果您选择的关健字属于地理名称或地区名称，那么，您的网站必须提供该地区的信息、政府机构、或具有吸引力的事件、活动，或提供与该地区相关的服务如旅游、鲜花快递、留学移民等。仅仅在您网站上有该地名是不够的，仅仅您的企业或网站名称中含有该地名也是不够的，都不能通过审查。比如上海当地的门户上海热线，或者某旅游网站关于上海的栏目可以选择"上海"作为关键字，但"上海汽车厂"不能选择"上海"作为关键字，某旅游网站的首页也不能选择"上海"作为关键字，只有专门介绍上海的那个网页才能注册关键字"上海"。

12、我可以选择教育、下载、公司、服务这些热门通用词汇吗？

答：如果您选择的关键字属于通用词汇，如教育、娱乐、金融、免费、下载、服务、企业、公司等，那么您的网站必须有大量该领域的内容才能通过审查，如果你只提供该领域的一种或很少的几种产品或服务，那么不会通过审查。各种媒体和娱乐类关键字，如书、小说、杂志、cd、dvd，音乐、电影、游戏、mp3等，也只有提供大量相关信息或服务的网站才能选择。关键字查询信息中，您填写的标题和描述也必须与您的网站（或网页）内容相符合，您的网页描述应尽量表明，为什么您看到网站是优秀的。

13、我可以为任何网站选择搜索关键字吗？

答：您注册的网站必须是您自己的网站，不能为别人的网站选择搜索关键字。虽然注册时您无需提供相关证明，但是，如果我们要求验证您的网站所有权，您必须能提供足够的证明。

在发生争议，而您又不能提供网站所有权证明或提供的证明不充分的情况下，百度竞价排名系统会暂停对您提供的搜索引擎排名服务。您填写的url必须是直接指向您自己的网站，即使做重定向，也必须指向您自己的网站。任何时候，如果发现有重定向到其它网站或与选择的关键字内容不符的网站，百度竞价排名系统有权在未通知您的情况下立即终止相关服务。 5.

常用html代码

插入图片：<img src="图片地址" width="宽度" height="高度" border="边框" >

加入连接：<a href="所要连接的相关地址">写上你想写的字</a>

在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>

移动字体(走马灯)：<marquee>写上你想写的字</marquee>

字体加粗：<b>写上你想写的字</b>

字体斜体：<i>写上你想写的字</i>

字体下划线: <u>写上你想写的字</u>

字体删除线: <s>写上你想写的字</s>

字体加大: <big>写上你想写的字</big>

字体控制大小：<font style='font-size:12px;' >写上你想写的字</font> (其中字体大小可通过12px部分控制)

更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

插入音乐：<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false"> 插入flash: <embed src="flash地址" width="宽度" height="高度">

插入影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

换行：<br>

段落：<p>段落</p>

插入背景音乐：<bgsound="背景音乐地址" loop=infinite>

第五篇：frontpage网页制作经验总结

【摘要】frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的。

【关键字】frontpage创建站点、新建页面、文字、超链接

现在流行的网页制作软件有很多，如macromedia公司的dreamweaver、微软公司的frontpage、还有adobe pagemill 3.0--制作多框架，表单和image map 图像的网页工具、netscape等等。其中frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。

工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。

用frontpage创建站点是很容易的。首先，我们来看一下创建一个只包含一个网页的站点。 选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点” 图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。 在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，frontpage就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。

在文件列表里除了主页之外，还有文件夹。新建站点时，frontpage都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。 “private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。

尽管每一个站点都要有一个主页，不过创建站点时我们仍然可以从一个空站点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点”对话框里，我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标，这是frontpage提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点，都是从头开始来创建一个站点，这就好像盖房子一样，首先画图纸。然而，有许多的房子都具有相似的结构和用途，所以我们可以用一张图纸盖很多相似的房子，这样就节省了许多工作。

同样的，尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的，如果我们从头开始建立站点的话，就要做许多重复劳动，这时，我们就可以使用模板或向导来建立站点。模板和向导的作用就好像盖房子的图纸一样，我们不必每次建立站点时都从头开始。 我们单击“个人站点”图标， 用它可以迅速创建一个个人站点，输入站点所在的位置，单击“确定”按钮， 这样我们刚就创建了个人站点。个人站点模板已经为我们规划好了站点的目录和建立了相关的页面。 现在我们点击一下“文件夹”按钮， 双击index.htm图标，

看，这就是我们的个人站点的主页。哎，好象有许多文字都不对，没关系，这些文字都是可以改变的，现在写的是文字的用途，比如“主题”文字就是用来写网站标题的地方，我们只要把它改为自己喜欢的标题就可以了。返回到“文件夹”模式，双击photo.htm。 也可以把风景图片换成自己的照片，只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。 这不仅节省了许多力气，同时也给了初学者一个良好的出发点。

那么模板和向导有什么区别呢？我们安装软件时，一步步的用对话框提示我们完成安装过程的程序就是一个向导。在frontpage里，向导也是一种模板，不过它是一种特殊的模板，它会以对话框的形式辅助你完成站点的创建过程。

现在我们选择“文件”菜单的“新建”选项，单击“站点”命令，

你看，frontpage提供了两个向导：公司展示向导、讨论站点向导，使用起来都很方便，你有兴趣也可以利用向导建立一个站点。

创建页面最简单的就是单击frontpage“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。

如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到frontpage提供的许多网页模板，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。使用模板可以不用总是从空白网页开始编辑，这样就省力很多。

网上几乎所以的网页都使用图片加以点缀，在网页中插入适当的图片，能够产生图文并茂的效果。

如果有一个图形，怎么把它放到网页上呢？

首先要看你的图形是什么格式的，也就是它扩展名是什么 只有扩展名为gif和jpeg的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅广泛，而且有利于节省存贮空间。如果图形不是这种格式，使用了其它格式的图形文件，在保存网页时frontpage会提示做格式转换，frontpage可以自动进行格式转换。

现在可我们看看怎么插入图形 选择“插入”菜单的“图片”命令，单击“来自文件”按钮。

在默认情况下，frontpage认为你要插入的图片总是放在你建立的站点的目录或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下，我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然，我们也可以在这个目录下建立其他的子目录，再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。

如果要插入的图片不在主目录下, 在“选择文件”对话框中进行选择。选择好文件以后，单击“确定”按钮，回到“图形”对话框。单击“确定”按钮，图形就插入了。现在单击“常用”工具栏的“保存”按钮。 在“另存为”对话框中输入新的web页文件的名字，单击“保存”按钮。出现了一个对话框, 因为我们刚才插入的文件不在站点内，现在frontpage要把它复制到站点内，可是使用什么名字，放在站点的哪个目录下呢，就要在这设置了，单击“改变文件夹”按钮，另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮，在默认情况下，图形被保存在站点的主目录下，现在我们选择image目录，单击“确定”按钮。回到“嵌入式文件”窗口，再单击“确定”。这样，图形就保存在站点内了

我们还可以从internet上插入一个图形。选择“插入”菜单的“图片”命令， 在url栏内输入图片的地址，单击“确定”按钮。由于是插入网上的图片，因此在插入图形以后，应该保存一下网页，使图形存到站点内。

您可能说,我不会画画，插入图片容易，可是编辑图片就不容易了。没关系，frontpage自己带有许多剪贴画，你可以把它们插入到自己的网页。 选择“插入”菜单的“图片”命令， 选择“剪贴画”。 你看，各种剪贴画都分类放好了。你可以自由地选

择。不过，插入后别忘了保存网页，把剪贴画复制到站点目录下。

一般我们插入的图形总是和文本在一起的，所以调整图形和文本的对齐方式很重要。 在默认情况下，图形自动与文本的底部对齐。这一个网页，由于默认的对齐效果，页面出现了大量的空白。这时就要调整图形的对齐属性。在图形上单击鼠标右键，选择“图片属性”，选择“外观”选项卡我们把对齐方式调整为“左对齐”。 使用图形可以使网页更加丰富多彩，而且我们还可以用图形来建立超链接，使网页相互联系起来。怎么用图形来建立链接呢？ 其实图形超链接只要在建立超链接时选择图形就可以了。首先选中超链接的图形，单击箭头图形，单击“常用”工具栏“超链接”按钮，选择主页文件“页面

1.htm”，单击“确定”按钮. 在普通模式中，按住ctrl键，单击箭头图形，就跳到主页页面了。

如果我们要在图片上加上文字，单击图形工具栏“文本”按钮，现在图形中就出现了一个文本框，输入：“机软件”按一下esc键，取消文字编辑，就选中文字框了，调整文本框到合适的位置，单击页面其他区域，文字就添加成功了。

如果我要修改 单击一下要修改的文字，这时文字作为一个整体被选中了，再点一下文字，这时文本框里有光标闪烁，你可以编辑文本了，重新输入：“计算机硬件”，在页面其他区域单击。 文字就修改完成了。

怎样使文字更丰富、活泼呢？一个简单的就是使用“格式”工具栏。

字体设置：选上文字，打开格式工具栏的“字体”下拉列表框，在里面选择相应的字体就可以了。如果浏览网页的人使用的计算机没有设置的字体？浏览器会用系统默认的字体代替你设置的字体。不过，使用常用字体是一个好习惯。

字号设置：在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了

工具栏上的b、i、u图标的作用是：

按下b按钮，被选中的文字就会变为粗体

按下i按钮，被选中的文字就会变为斜体

按下u按钮，被选中的文字就会带下画线

字的颜色：单击“格式”工具栏“字体颜色”按钮旁的向下箭头，选择适当的颜色，字的颜色就改变了。

还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令，在这里我们还可以作进一步的设置。这里除了“格式”工具栏可以做的设置以外，还可以设置许多效果。“字符间距”选项卡：它是用来设置文字的间距的。单击“间距”下拉列表，可以选择字符的间距是普通、扩充还是紧缩的。选择扩充，这时预览框的文字间距就变大了。也可以调整间距大小来改变间距，输入10，文字的间距就更大了。

“定位”下拉列表：在frontpage中每一行都有一个底线，定位就是指文字相对于底线的距离。也就是把文字上下移动，现在选择“上移”，文字就向上移动了。预览框中的黑线就是行的底线。

设计好的页面，应该检查它在浏览器中是否显示正常。

方法是，一般只要切换到预览模式就可以了。单击“预览”选项卡，在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页了。因为即使是同一个页面，可能在不同的浏览器中显示会不太一样。比如在internet explorer中是这样显示的，但是在netscape中又是那样显示的。所以，我们要在自己的机器上多装几个浏览器，用来检查网页的兼容性。

那么为什么不用不同的浏览器来检查呢？选择“文件”菜单的“在浏览器中预览”选项，在浏览器列表框中选择不同的浏览器。（以internet explorer 5.0为例）单击“确定”

按钮。就可以看到新建页面在浏览器中的效果了。

怎样才能自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢？

在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。先来看一下用文字来建立链接。

首先创建一个指向站点内其他网页的超链接。

选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在url文本框中显示了该文件的地址。单击“确定”按钮.超链接就制作成功了。 我们切换到预览模式（单击预览按钮），当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，我们就切换到主页了。

那么为什么不在普通模式下试呢？：因为普通模式主要是用来编辑网页的，当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状，因此不能进行页面切换。 不过如果按住ctrl键，鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住ctrl键才能激活超链接。

我们也可以将超链接指向其他站点的网页。选中作为超链接的文本，单击“常用”工具栏的“超链接”按钮，这和选择插入菜单的超链接命令是一样的。 在“创建超链接”对话框里，在url地址栏直接输入要连接的网页或网站的地址。 如果不清楚要作超链接的地址，只要单击url地址框后面的放大镜就可以用浏览器在internet上查找要链接的网页，frontpage会自动记录你找到的地址。单击“确定”按钮就可以了。我们还可以改变已经设置好的超链接。首先确认是普通模式，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的url地址就可以了。 要想取消超链接，删除所有url地址框里的就可以了。还有一种超链接，可以链接邮件。这样可以使你的网上朋友通过email及时与你联系，这是一个网站站长和网友交流的重要手段。 先选中要作为超链接的文本，一般文本就是你的邮箱地址，单击“超链接”按钮，单击“信封”按钮，输入你的邮箱地址，单击“确定”按钮，退出对话框， 选择“确定”，这时超链接就建立好了。我们试一下，切换到预览模式，单击邮件链接。

这样我们就差不多完成了网页的制作步骤，最后可将它发布到web服务器上。站点发布前还要对它进行检查工作，包括超链接，页面等。

【】

〈1〉乔春源，樊天岳等。信息技术。江苏技术出版社，2014年7月。

〈2〉李振格。office入门与提高。清华大学出版社，2014年2月。

〈3〉王超锋。网页制作。人民邮电出版社，2014年10月。

本网推荐其他精彩内容：

网页制作过程中的经验总结

手机版网页制作总结

工程师试用期总结

如何制作网页

网页制作

本文来源：https://www.bwwdw.com/article/vy4d.html