dreamweaver 入门-5

《dreamweaver 入门-5》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、插入文本现在您将向页面添加一些文本。您可以在Dreamweaver文档窗口中直接键入文本，也可以从其它源（如MicrosoftWord或纯文本文件）复制并粘帖文本。然后，您将使用层叠样式表(CSS)设置文本格式。插入正文文本1在“文件”面板中，找到sample_text.txt文件（在cafe_townsend根文件夹中）并双击该文件的图标，在Dreamweaver中打开它。您可以看到，此窗口处于“代码”视图中，并且不能切换到“设计”视图（到现在为止您一直使用的视图），因为该文件不是HTML文件。2在sample_text.txt“文档”窗口中，按Control+A组合键(Wind

2、ows)或Command+A组合键(Macintosh)选择所有文本，然后选择“编辑”>“复制”以复制该文本。3单击文档右上角中的X关闭sample_text.txt文件。4在index.html“文档”窗口中，在由三列组成的表格的第三个表格单元格（包含图形和Flash视频的列的右侧的单元格）内单击一次。5选择“编辑”>“粘贴”。文本文件中的文本出现在所选表格单元格中。根据显示器的分辨率，该表格（由三列组成）将伸展以适合该文本。现在请不要担心它的外观。在下一教程中，您将学习如何使用CSS设置文本样式，以使所有内容恰当地适合表格。1确保插入点仍在刚才粘贴文本的表格单元格中。如果插入点

3、不在，则在表格单元格内单击。2在“属性”检查器（“窗口”>“属性”）中，从“垂直”弹出式菜单中选择“顶端”。这会将您刚刚粘贴的文本沿表格单元格的顶端对齐。如果您无法看到“垂直”弹出式菜单，请单击“属性”检查器右下角的展开箭头。3保存该页。插入导航条文本接下来您将插入导航条文本。但是，您需要在下一教程中设置这些文本格式之后，它们看上去才会像导航条。1在由三列组成的表格的第一列（红棕色的列）中单击一次。2键入单词Cuisine。1按空格键并键入ChefIpsum。2重复前面的步骤，直到输入以下单词，并且在每个单词之间留一个空格：Articles、SpecialEvents、Locati

4、on、Menu、ContactUs。键入时不要按Enter键(Windows)或Return键(Macintosh)。只使用空格键分隔单词，并使这些单词自然换行。表格单元格的固定宽度确定了一行中可容纳的单词个数。3在插入点仍旧处于由三列组成的表格的第一个单元格中时，在标签选择器中单击标签。4在“属性”检查器（“窗口”>“属性”）中，从“垂直”弹出式菜单中选择“顶端”。这会将您刚刚键入的文本沿表格单元格的顶端对齐。注意如果您无法看到“垂直”弹出式菜单，请单击“属性”检查器右下角的展开箭头。1保存页面。创建链接链接是在Web页面中插入的指向其它文档的引用。可以将任何类型的资源转

5、换为链接，但最常用的链接类型是文本链接。您可以在站点创建过程的任何阶段创建链接。在本节中，您将为导航条创建链接，即使您尚未将该文本格式设置为导航条的形式。cafe_townsend站点根文件夹包含可以链接的已完成的HTML页面（CafeTownsend的菜单页）。您将把此页面用于导航中的所有链接，即使您在建立实际站点时，这些链接中的每一个链接将对应于不同的页面。1当index.html页面在文档窗口中处于打开的情况下，选择您在由三列组成的表格的第一个单元格中键入的单词Cuisine。请小心只选择单词Cuisine，不要选中它后面的空格。2在属性检查器中（“窗口”>“属性”），单击“

6、链接”文本框旁的文件夹图标。3在“选择文件”对话框中，浏览至menu.html文件（与index.html文件处于同一个文件夹中），并单击“确定”(Windows)或“选择”(Macintosh)。1在页面上单击一次以取消选择单词Cuisine。Cuisine文本出现下划线并变成蓝色，表示它现在是一个链接。2重复上述步骤，为作为导航而键入的每个单词或一组单词建立链接。您还需要创建6个链接：为ChefIpsum、Articles、SpecialEvents、Location、Menu和ContactUs分别创建一个链接。将每个单词或一组单词链接到menu.html页面，并在创建链接时

7、注意避免在单词或单词组前后出现空格。这仅仅是一组空白链接；在现实站点中，您会将导航中的每个单词链接到各自不同的页面。注意当在Dreamweaver的“文档”窗口中单击链接时，它们并不起作用；链接只在浏览器中才起作用。为确保链接正常工作，请在浏览器中预览页面。有关如何执行此操作的说明，请转到在浏览器中预览页面。3保存页面。在浏览器中预览页面“设计”视图为您提供了页面在Web上显示时的大致外观，但是要查看确切的最终结果，则必须在浏览器中预览页面。虽然浏览器通常会生成相同的