03 使用Office设计网页.docx

《03 使用Office设计网页.docx》由会员分享，可在线阅读，更多相关《03 使用Office设计网页.docx（3页珍藏版）》请在三一办公上搜索。

1、使用Office设计网页Word虽然是一个文字处理软件，但其强大的功能足以用来制作网页，对于那些用于发 布的公文文档，用Word生成网页更是简单；Excel同样可以用来做网页，当然与专门的网 页制作工具比较起来，用来做带有表格的网页更方便一些；Powerpoint，和Word 一样也可 作一些特殊效果的网页。1. 使用Word设计网页步骤1：打开word软件，新建一个空白文档。切换视图为Web版式”，切换方法为菜 单“视图”-Web版式”。步骤2：在Word中输入自己所需要的文字，同时设置文字的字体、字号、格式，以及 对齐方式。步骤3：在Word中插入图片，并设置“版式”，将图片置于所期望的位

2、置，效果如图 1.2所示。图1.2 Word制作网页效果【注】在图片上点右键，选择“设置图片格式”在弹出的对话框中，设置“版式”为“四 周型”或“紧密型”可使图片任意拖动位置，并使文字围绕图片四周；设置“版式”为“浮 于文字上方”，则图片可任意拖动位置，并可覆盖于文字上方，设置方法如图1.3。图1.3 设置Word中图片版式步骤4：设置文字和图片完毕，将Word文档保存为网页。保存方法是：菜单“文件”- “另存为网页”，在弹出的对话框中，选择保存的文件夹，并选择保存类型为“网页”类型 （如图1.4），输入文件名保存即可。页标题：实验1使用Office制作网页匣改标题（）.文件名:word, h

3、tmV1杲存类型a）：网页 C+：.htm; *. html：VWord 文档*. doc） XML 立档（*. xml） 单个文件网页*. rrihtml)网贝 *. htm: :*:. html疏选过的网页l. htm ;文档模（*. dot）*叫学V图1.4 Word文档保存为网页类型【注】为避免保存步骤出错，可在保存为网页之前，首先保存一份Word文档，然后再 保存为网页。至此，使用Word制作网页过程完毕，打开保存的文件夹，可以看到在该文件夹中有一 个刚刚保存的htm文件和一个同名文件夹，打开该同名文件夹可发现，Word文档中包含的 图片均保存在该文件夹中。请思考一下，这是为什么？【

4、注意】在移动网页位置时，需要同时移动该文件夹。否则将造成网页中的图片无法显 示。使用Internet Explorer打开并浏览刚刚使用Word制作的网页，可以看到网页的效果， 如图1.5。图1.5 Word制作的网页浏览效果【实验操作1】使用Word制作一个包含文字、图片的自由网页，保存为word.htm，并 浏览该网页。【实验操作2】使用Word制作一个个人简历网页，包含自己的照片、主要信息（如姓 名、性别、班级、家乡等），并介绍一段你喜欢的文字，或者介绍一下你的家乡，或介绍你 上大学的感受。保存为myInfo.htm，浏览该网页。2. 使用Excel设计网页步骤1：打开Exce 1，新建

5、一个空白表格。步骤2：输入文字，可以选择若干个单元格，使用格式进行“合并单元格”。使用鼠标 拖动各列表格至合适的宽度，拖动各行至合适的高度。设置单元格的背景色和边框，设置效果（如图1.6）。步骤3：将Excel保存为网页，保存方法：菜单“文件”-“另存为网页”，在弹出的对 话框中，选择保存的文件夹，并选择保存类型为“网页”类型，输入文件名保存即可。与 Word 一样，在保存的文件夹下，会出现一个同名文件夹，该文件夹中保存有Excel中的图 片。使用Internet Explorer打开并浏览该网页，查看其效果（如图1.7）。图1.6 Excel制作网页效果图1.7 Excel制作的网页浏览效果

6、【实验操作3】使用Excel制作自己的上学期课程列表，并保存为Excel.htm,浏览该 网页。【实验操作4】使用Excel制作一个本学期的课程时间表，并保存为myCourse.htm，浏 览该网页。3.使用Powerpoint设计网页使用如上述Word和Excel中相同的方法，制作一个Powerpoint，设置PPT中的文字格 式和图片大小、格式等。将Powerpoint另存为网页格式。【注】使用Powerpoint制作的网页，在本地使用Internet Explorer打开并浏览，将 会提示出错，并无法显示。因此本实验中，不再安排浏览该效果。【实验操作5】使用Powerpoint制作一个本宿舍同学或本班级班委会的成员简介PPT， 并保存为myDorm.htm或myClass.htm。下次实验时，通过Dreamweaver将该Powerpoint网 页，上传至远程站点浏览并查看效果。