设计活动2：网页及链接,把知识串起来.docVIP

PAGE  PAGE 4 设计活动2：网页和链接，把知识串起来 设计提示 本模块的主要目标就是为学习者构建一个学习支持网站，因此丰富的学习资源是必不可少的。网站内容不仅要丰富，而且内容的组织和呈现形式也必须科学合理、条理清晰、易于检索。 灵活、便捷的超链接，清晰有序的导航是学习类网站取得成功的关键之一，成功的学习网站能有效地引导学习者在知识的海洋中畅游自如，学有成效。 设计步骤 一、网页的添加和编辑 1．打开已存在的网页面。 单击“文件／打开”，弹出“打开”对话框，在“查找范围”下拉列表中选择需要打开的网页后，单击打开按钮即可。 2．添加网页。 在站点根目录上单击鼠标右键，在弹出的快捷菜单中选择“新建文件”命令，将自动在根目录下创建一个名为“untitled”的文件，此时文件名处于改写状态，直接输入文件名即可新建一个网页。 提示：注意区分 主页与其他页面的区别 主页实际上也是网页，只不过是在连接到网站时第一个出现的网页。 网站与网页的区别 网站是由网页组成的，网站是网页的集合体，网页是网站的元素。 删除网页 要删除某一网页，只要在站点根目录上选中该网页的文件名，单击鼠标右键，选择 “编辑/删除”命令，即可将其删除掉。 3、修改网页的名称 在站点根目录上，右击相应网页图标，在快捷菜单中单击“编辑/重命名”，重新命名即可。 4．编辑网页“jiaoan1”（效果请参看图1，网页文本内容见素材） 图1 双击文件“jiaoan1”,打开网页，为网页设置合适的背景。在网页中插入一个3行1列，指定宽度为80％的表格，在表格的第1行输入标题文字，在表格的第3行输入正文，在表格的第2行插入水平线。 提示：几个插入操作 插入水平线：单击“插入／HTML／水平线”，在网页中插入水平线，使网页的布局更加清晰。单击水平线，在下面的属性对话框中，可以设置水平线的宽度、高度、对齐方式等。 插入垂直线：在水平线被选中的状态下，将水平线的宽度设置为1个像素，高度设置为100个像素，即成了垂直线。 5．设置段落格式。 6．保存网页，并对网页进行预览。 如果预览后???段落格式不满意，可以重新调整段落格式。 7。在网页中插入图片并对其进行编辑。 将光标移到段落末尾处，插入图片（素材中的图20.jpg）。将对齐方式设置为“右对齐”，宽为100，高为60。仔细观察此时图片和文本的关系。 8、参照以上2-7的步骤，制作“jiaoan2”网页，（效果请参看图2，网页文本内容见素材） 图2 二、设计超链接 1．认识超链接。 超链接是指不同的站点及网页相互之间的链接关系，它不仅使站点内的网页成为有机的整体，还使不同的站点之间建立了联系。通过超链接可以很方便地实现知识网状结构的组织。链接可以是文本、图片，也可以是其他的网页元素。本活动中以文字链接为例作介绍，有关图片的链接可参照本活动由读者自行探索。 超级链接由两部分组成：源端点和目标端点。超级链接中有超级链接的一端称为超级链接的源端点，跳转到的页面称为超级链接的目标端点。在加入超链接之前，必须先设计好链接的源端点和链接的目标端点。 2．制作指向站点内部网页的超链接。 首先打开主页，选中要建立超链接的文字“教案1”，在所选文字上右击鼠标，单击“创建链接”（或者选择“修改／创建链接”命令），弹出“选择文件”属性对话框。选中超链接的目标页面“jiaoan1．html”，单击“确定”，完成超链接的设置。 重复上述操作，为文本“教案2”设置超链接，超链接的目标页是“jiaoan2．html”。 3．保存网页之后，预览超链接效果。 4．创建内部链接（同一网站文档之间的链接） 选中要创建超链接的文字“课件1”，单击鼠标右键，通过“创建链接”打开“选择文件”属性对话框，选择超链接的目标文件，单击“确定”完成超链接，本次活动中选择的是“flash\ 1252．swf”。（请先将“flash” 文件夹复制到你建的网站目录下） 重复上面的操作，为文字“课件2”创建超链接，超链接的目标文件是 “Flash”文件夹中的bridge．swf。 提示：关于链接的目录 应该把超链接的目标文件放在网站根目录及其下级目录中，否则如果目标文件位置移动，超链接就会变得无效。 5．保存网页之后，预览超链接效果。 6．创建外部链接（不同网站文档之间的链接） 先选中要建立超链接的文本“网站1”，在文本被选中的状态下，单击鼠标右键，单击“创建链接”，弹出“选择文件”对话框，在URL地址栏中输入超链接的目标地址，单击“确定”，完成超链接的设置。本活动中输入的目标地址为http：// ／。 重复上述操作，为文本“网站2”创建超链接，超链接的目标地址是 HYPERLINK 。 7．保存网页之后，预览