第三章创建基本网页.pptVIP

创建基本网页 文本、图像、超链接、表单 第三章 创建基本网页 3.1 插入文本 3.2 插入图像 3.3 轮换图像 3.4 插入媒体 3.5 创建链接 3.5 插入表单 3.1 插入文本 一般来说，网页中显示最多的是文本。所以对文本的控制，以及布局在设计网页中占了很大的比重，能否对各种文本控制手段运用自如，是决定网页设计是否美观、富有创意及提高工作效率的关键。 Dreamweaver插入文本 直接输入 复制和粘贴文本 导入word文档:“文件”菜单-“导入” word文档 注意内容 1、输入文本空格 2、实现文本换行 3、插入相关文本要素 1、输入文本空格 通过键盘上的空格键可以实现输入文本空格，这是与很多文字处理软件是一样的，但是在DW中输入空格的数量在字符输入的半角状态和全角状态是不一样的。 输入法切换半角状态时，按空格键只能输入一个空格，而无法连续输入多个空格。 如需输入多个连续的空格，可通过一下几种方法来实现。 （1）将输入法切换到中文全角状态。 （2）直接按Ctrl+shift+spacebar。 （3）”插入”菜单—“HTML”命令—“特殊字符” —不换行空格。 2、实现文本换行 当输入多个文本时就需要换行，这可以通过按Enter键或shift+enter键来实现。 按Enter键换行的行距较大。 按shift+enter键来实现正常的换行。 3、插入相关文本要素 插入特殊字符 制作网页时有时需要输入一些键盘上没有的字符，如注册商标符号、欧元符号等等。 方法是：“插入”菜单—HTML—特殊字符 插入文本列表 在网页中插入文本列表，可以使文本内容显得更加工整、直观。 方法:① “文本”插入工具栏 ② 属性面板 3.2　插入图像 图像是网页中最重要的元素之一，图像能够使网页变得丰富起来，令人耳目一新．图像不但能美化网页，而且与文本相比更能够直观地说明问题，使表达的意思一目了然，加深浏览者的印象． 3.2.1 在网页中插入图像 在Dreamweaver８中，可以在“设计”视图或“代码”视图中将图像插入文档。在Dreamweaver文档中添加图像时，可以设置或修改图像属性并直接在“文档”窗口中查看所做的更改。 3.2.2 设置图像的属性 图像属性的设置主要是通过“属性”面板来完成的，在“属性”面板中可设置图像的大小、位置、名称、边框、替代文本、低解析度等内容，使图像更加符合页面设计，并使其更加美观。 3.3 轮换图像 鼠标经过图像效果是指当访问者移动鼠标经过图像时,图像变为另一幅图像,当鼠标离开时又恢复为原来的图像. 3.4 插入媒体 多媒体对象和图像一样，在网页中是一道亮丽的风景，它能使网页丰富、活跃起来，使用Dreamweaver制作网页，可以方便地插入各种多媒体对象。当需要编辑各种多媒体对象时，可以在Dreamweaver窗口中启动相应的媒体外部编辑器来编辑媒体。 3.4.1 插入flash动画 Flash动画是一种高质量的矢量动画，在网络中有着大量的精美动画素材。让网页活跃起来，使用Dreamweaver制作网页，可以在网页插入导出为.swf或.swt格式的Flash按钮。 3.4.2 插入flash按钮 使用Dreamweaver中的Flash按钮对象，可以创建或者载入一组预设的Flash按钮，并为按钮添加文本、背景颜色以及指向其他文件的链接。 “插入Flash按钮”对话框 3.4.3 插入flash文本 3.5 创建链接 创建文件链接 创建图像链接 创建图像热点链接 创建电子邮件链接 创建锚点链接 3.5.1 创建文件/图像链接 在一般情况下，创建文件链接都是在“属性”面板中的“链接”文本框中完成的。使用“属性”面板可以给当前文档中的文本或者图像添加链接。 3.5.3 创建图像热点链接 图像热点链接可以将一幅图像分割为若干个区域，并将这些区域设置成热点区域。可以将这些不同热点区域链接到不同页面，当浏览者单击图像上不同的热点区域时，就可以跳转到不同的页面。 方法：选中图像，单击“属性”面板中的“热点工具”按钮，绘制一个矩形热点，在“属性”面板中设置“链接”。 3.5.4 创建电子邮件链接 通过电子邮件链接,可以方便浏览者反馈信息,并将信息传送到对应的信件中。如此一来,可方便用户与网站管理者或服务商之间互相沟通.例如,用户可通过电子邮件链接提供意见给网站管理者。同时一些网站可以让消费者通过电子邮件链接得到其所提供的各种信息与帮助。 3.5.5 创建锚点链接 在制作网页时，有些页面内容较多，页面就可能变长。为了方便浏览，可以在页面中创建锚点链接。 3.6 插入表单 使用表单可以与站点的访问者进行交互并从用户那里收集信息。表单从用户那里收集信息后，将