第四章 创建网页对象课件.ppt

第四章 创建网页对象课件.ppt

ID:58453984

大小:2.88 MB

页数:48页

时间:2020-09-07

第四章 创建网页对象课件.ppt_第1页
第四章 创建网页对象课件.ppt_第2页
第四章 创建网页对象课件.ppt_第3页
第四章 创建网页对象课件.ppt_第4页
第四章 创建网页对象课件.ppt_第5页
资源描述:

《第四章 创建网页对象课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第四章创建网页对象一、添加文本二、添加图像三、使用超链接四、插入动态元素一、添加文本文本是网页中最常见,运用最广泛的元素之一,在网页中添加文本,可以直接输入文本,也可从其他文档中复制文本,还可插入特殊字符和水平线等。1、文本插入栏应用文本插入栏可以快速编辑插入的文本,如加粗、倾斜等格式。2、普通文本的添加(1)直接输入文本:将鼠标光标定位到需要添加文本的位置,即可输入。(2)从其他文档中复制文本:先复制一段文本,将鼠标光标定位到需要添加文本的位置,单击鼠标右键,选择“粘贴”命令即可完成。(3)导入文本:可直接将Word、Excel文档导入到

2、Dreamweaver中。3、特殊符号的添加可为文档添加多种特殊符号,如英镑符号、注册商标符号、版权符号。选择文本插入栏中的“字符”按钮,在弹出菜单中选择相应的符号。4、空格的添加Dreamweaver文档都是以HTML的形式存在的,只允许有一个空格。如需多个空格,可通过几下几种方式添加:(1)在文本插入栏中单击“已编排格式”按钮,再连续按空格键即可。(2)选择文本插入栏中的“字符”按钮,在弹出菜单中选择“不换行空格”。(3)按“Ctrl+Shift+空格”组合键添加一个空格。5、水平线的添加与设置在网页中,水平线对信息的组织非常有用,可以

3、使用一条或多条水平线分割文本和对象,使段落区分更加明显,让网页更有层次感。(1)选择“插入—HTML—水平线”命令。(2)选择该水平线,在属性面板中进行设置。6、日期的添加在Dreamweaver中可以直接插入日期对象,该对象可以以任何格式插入当前日期,并能在每次保存时都自动更新该日期。在常用插入栏中选择“日期”按钮,在弹出的对话框中进行设置。7、文本换行与分段在Dreamweaver中,输入文本时不会自动换行。换行:按住“Shift+Enter”组合键,间距小。br分段:直接按住Enter键,间距大。p二、添加图像美观的网页通常是图文并茂

4、的,精美生动的图像能够让网页更吸引人。1、网页中图片格式的类型通常使用GIF、JPG、PNG这三种图像格式。(1)GIF:GraphicsInterchangeFormat,即图像交换格式。GIF图像通常用作站点Logo、广告条Banner以及网页背景图像等。优点是图像文件很小,可以在网页中以透明方式显示,并可包含动态信息。(2)JPG/JPEG:JointPhotographicExpertsGroup(联合图像专家组)。JPG图像格式可以高效压缩,文件变小的同时不失真,常用来显示颜色丰富的图像,如照片等。(3)PNG:PortableN

5、etworkGraphicFormat,便携网络图像。显示色彩丰富,同时能显示透明图像,在网页制作中应用广泛。2、为网页添加图像方法有两种:直接插入和占位符插入。(1)直接插入先把光标定位到插入图像处,选择常用插入栏“图像”按钮,在下拉菜单中选择“图像”命令。弹出“选择图像源文件”对话框,选择需要插入的图像,点击“确定”。弹出“图像标签辅助功能属性”对话框,在“替换文本”下拉列表框中输入提示文本,当浏览网页图像不能正常显示时,或将鼠标光标移动到图像上时会显示图片的提示文本。(2)占位符插入图像占位符的作用就是在页面占一个位置,当暂时没有合适

6、的图片时使用,找到图片时,再通过图像占位符插入图像。弹出“图像占位符”对话框,对占位符进行设置,点击“确定”。图像准备好后,双击图像占位符,在弹出对话框中选择替换图像。3、图像属性设置在网页插入图像后,有时还需要对图像进行命名、设置大小、修改源文件等设置。选择图像后,在属性面板中即可设置。4、创建鼠标经过图像鼠标经过图像需要大小相同的两张图像,一张是原始图像,另一张是鼠标经过时显示的图像。先把光标定位到插入图像处,选择常用插入栏“图像”按钮,在下拉菜单中选择“鼠标经过图像”命令。弹出“插入鼠标经过图像”对话框,选择需要插入的图像,点击“确定

7、”。三、使用超链接1、认识超链接在浏览网页时,有一种特殊的文本或图像,可以跳转到其他网页中,这种特殊的文本或图像称为超链接。超链接由源端点和目标端点组成。有链接的一端称为源端点,跳转到的页面称为目标端点。超链接可以是文本、图像或其他网页元素。(1)文本链接文本链接以文字作为超链接源端点,默认情况下,文本链接下面通常会有下划线。(2)图像链接图像链接以图像作为超链接源端点,既可用整张图像作为超链接,也可使用局部区域,优点是美观实用,视觉效果强。图像还可创建热点超链接,在一张图像上划分多个热点区域,然后对各个区域创建不同的超链接。(3)表单链接

8、表单链接较特殊,需要与表单结合使用,当用户单击表单中的按钮时,会自动跳转至相应页面。2、目标端点的链接可分为内部链接、外部链接、局部链接和电子邮件链接四种。(1)内部链接内部链接

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。