资料：网页制作

《资料：网页制作》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页制作随着多媒体和网络技术的发展，世界变的越来越小。我们仿佛生活在“地球村”里，足不出户就可以了解世界各地发生的事情，这一切都应归功于网络。网络极大的改变了我们的生活、学习和工作方式，作为网络世界中的一员，我们除了可以共享他人的网络信息之外，还可以将自己的思想以网页的形式发布，让其他人共享我们的信息。制作网页就是一种很好的方式之一。制作网页首先需要确定网站的主题，接着搜集相关的文本图片及视频资料，然后选择网页制作工具软件进行设计制作。常见的网页制作工具有Word、FrontPage、DreamWeaver（如下表），本章就这些工具做基本介绍。学完本章，我们就可以选择最喜欢的工具来制作

2、网页。名称功能Word微软office系列软件，常规版面编辑，把生成的文档转换成web页，不支持复杂的页面设计，生成的页面不具交互功能FrontPage微软的专业网页编辑软件，功能完备。提供多种视图，支持网页交互。内含丰富的图片以及ＧＩＦ动画编辑器，支持ＣＧＩ和ＣＳＳ样式表。它的制作向导和模板很具亲和力DreamWeaver是一个可视化网页设计和站点管理工具，由Macromedia公司开发。能够处理ＦＬＡＳＨ和ＳＨＯＣＫＷＡＶＥ等媒体格式。具有强大的代码调试功能，提供布局视图，网页布局非常方便。可与Flash，FireWork交互使用，可自己定义热键.第一节用Word制作网页说起Wor

3、d，我们感触更深的是它强大的文字处理功能，其实Word不仅可以用作文字处理，还可以制作网页和网站。一、任务创意WebQuest教学是一种网络主题探究式教学，它是利用因特网资源的授课计划或者是课程单元，目的是让学生开展以探究为取向的教学活动。我们也叫它为“网络专题调查”或“网络主题探究”。WebQuest教学方法与新课程标准提倡“自主、合作、探究”的学习方式是不谋而合的。你是不是想尝试着WebQuest教学呢？一般实施WebQuest教学需要经历这几个步骤：（1）选择设计适当的问题，一般选择一些没有清晰答案的、甚至是有争议的问题。（2）教师制作WebQuest学案并为之在网上安家。（3）

4、组织实施教学。按照这样的步骤，我们设计本次任务就是利用Word设计一个WebQuest的教学网站，主题是梦幻电脑，这是要求学生用自己的“小金库”（合计5000元人民币整），去添置电脑。接下来的工作就是设计WebQuest学案了。一般而言，一个WebQuest包括情境、任务、过程和步骤、结论、在线资源几部分，这里我们将每个部分独立为一个网页，因此本网站就包括五个页面：index.html(情境)、任务.html、过程和步骤.html、结论.html、在线资源.html。加油站：关于webquest：迪斯尼培训webquest网站《有关WebQuest的说明》http://ite.luoh

5、uedu.net/whatwq.htmWebquest网站参考案例：走进西藏http://www.hainnu.edu.cn/licb/IT/ITework/WebQuestEwork/WebQHistory/WebQHanjiao/INDEX.HTM儒家思想http://www.hainnu.edu.cn/licb/IT/ITework/WebQuestEwork/WebQHistory/index3.htm二、动手制作（一）设置屏幕显示属性设想：将Word页面设计成更适合网页编辑的形式。因为制作网页和制作其他的文档有一个显著的不同，其它的文档制作完成之后一般都是打印出来供人阅读，而

6、网页是通过电脑的显示器来浏览和阅读的。二者使用的量度单位就不同，网页使用的单位是象素，WORD使用的单位是厘米、英寸。如果网页同样使用厘米、英寸为度量单位，那么制作完成之后的网页在屏幕上浏览时很容易“变形”，甚至是“面目全非。”1、单击菜单栏【工具】【选项】，打开“选项”对话框，如图。选择“视图”选项卡，在“页面视图和WEB视图选项”选区中将“正文边框”复选框选中2、选择【常规】选项卡，如图，将“为HTML功能显示像素”复选框选中图10-1图10-23、单击【常规】选项卡内的【WEB选项】按钮，激活“WEB选项”对话框，选择“图片”选项卡激活对话框，如图。在“目标监视器”选区内将屏幕尺

7、寸设置为“800X600”，再将“每英寸像素”设置为“72”。图10-34、单击【确定】按钮（一）利用WEB页向导创建网站设想：建立网站可以更好地管理站内的若干信息元素，我们这里建立只有含有一个网页的网站。1、单击菜单栏【文件】【新建】，打开“新建”对话框，选择“WEB页”选项卡，选择“WEB页向导”，如图图10-42、单击【确定】按钮，出现“WEB页向导”3、单击【下一步】按钮进入“标题和位置”对话框，如图。在“WEB站点标题”文本框中输入“