第3章用文本和图像充实网页 中文版Dreamweaver CS6网页制作课件.pptxVIP

;本章导读;3.1 添加文本;3.1.1 添加普通文本;1．直接输入文本;在其他包含文本的文档中选中所需复制的文本，单击鼠标右键，在弹出的快捷菜单中选择“复制”命令，然后将鼠标光标定位到网页中需插入文本的位置，单击鼠标右键，在弹出的快捷菜单中选择“粘贴”命令即可完成文本的插入。 ;除了使用复制文本的方法为网页快速添加文本，Dreamweaver还可以直接将Word、Excel中的内容导入到网页中。;在Word等文字编辑软件中若要添加空格只需按空格键即可，但是在Dreamweaver中无论按多少次空格键都只会出现一个空格，这是因为Dreamweaver中的文档格式都是以HTML的形式存在，而HTML文档只允许字符之间包含一个空格。要在网页文档中添加连续的空格，可以采用以下几种方式： 选择【窗口】/【插入】命令打开“插入”面板，在“常用”下拉列表中选择“文本”选项切换到“文本”插入栏，在插入列表中单击“已编排格式”按钮 ，然后在文档中连续按空格键即可。 ;水平线对于信息的组织很有用。在页面中，可以使用一条或多条水平线以可视方式分隔文本和对象，使段落区分更明显，让网页更具层次感。;Dreamweaver提供了一个方便的日期对象，该对象可以以任何格式插入当前的日期，并可在每次保存文件时都自动更新该日期。 ;在Dreamweaver中，可以为文档添加多种特殊符号，如版权符号 、注册商标符号 等。;在Dreamweaver中输入文本时不会自动换行，当在浏览器中预览时，文本的行数和每行的字数会随着浏览器大小改变而改变，如果要换行，需按“Shift+Enter”键进行手动换行，如果要分段，则直接按“Enter”键。;从入门到精通;3.2.1 设置文本基本格式;不同的电脑中所安装的字体可能不同，所以为了尽可能让大多数电脑中显示的网页外观保持一致，网页中的文本通常都采用最常用的字体，如中文采用“宋体”、“黑体”，英文采用“Arial”等。;要设置文本的字体和大小，可选中要设置字体的文本，文本将以反白形式显示，在“属性”面板中可进行字体、大小、颜色、对齐方式以及粗体或斜体设置。;3.2.2 设置段落格式;利用“属性”面板“格式”下拉列表框中的选项，可以快速地将段落文本设置为一级标题、二级标题、三级标题等标题样式，其中标题号越小，字体越大。;段落文本的对齐在网页布局中起着十分重要的作用，Dreamweaver提供了左对齐、居中对齐、右对齐和两端对齐4种对齐方式。;设置段落缩进可以将整个段落文本进行凸出或缩进显示。 ;从入门到精通;3.3.1 编号列表;项目列表可以对一些并列的，没有先后顺序的项目进行格式设置，其前面一般用项目符号作为前导字符。;定义列表一般用在词汇表或说明书中，没有项目符号或数字等前导字符。;列表可以进行嵌套，即在其他列表中再创建列表，比如可以在编号列表中嵌套项目列表，也可以在项目列表中嵌套编号列表。 ;从入门到精通;3.4.1 网页中支持的图像格式;3.4.2 直接插入图像;?在网页制作过程中若需要插入的图像未制作完成，如客户暂时未提供其Logo，则可以使用占位符的方式插入图像 。;从入门到精通;在Dreamweaver中选中网页文档中的图像后，在其 “属性”面板即可对图像的属性进行设置，如设置图像的大小、对齐方式等。 ;要通过Dreamweaver CS6向Internet服务器上传并发布站点，需要先进行站点的远程信息配置。 ;从入门到精通;本例将制作一个软件下载列表的网页，通过输入文本、设置文本格式、创建列表和嵌套列表等方式，来达到创建软件下载列表的目的，并巩固本章网页文本方面的知识。 ;本例制作的软件下载列表，主要是从文本方面着手，由于是下载列表，所以少不了要添加多个下载列表和软件项目，这些可以通过添加列表的方式来解决，并且由于是多个类型，所以还需要添加多个类型的列表，因此使用嵌套列表的方法最为恰当。另外还需要通过不同的字体格式来区分类型与项目文本。而既然是下载列表，一般需要添加超级链接，即单击一个列表项目后跳转到相应的页面，但是由于本章主要是介绍文本的添加和设置，所以关于超级链接的添加，将在后面的章节专门讲解。;2．操作思路;本例将利用制作好的一组图片，通过图像的各种方式，来制作一个网页导航页面。;导航条是很多网站都需要的一个网页元素，在一个网站中，通过导航条可以快速浏览站点中的主要页面，所以不管是在首页，还是在其他主题页面中，都需要添加导航条来方便浏览者浏览。 导航条可以是纯文字，也可以是图片或Flash按钮等，一般为了美观，会使用自己设计的图片作为导航条元件。以前版本的Dreamweaver有专门的插入导航条功能，其实该功能与插入鼠标经过图像非常类似，所以在Dreamweaver CS6中将该功能取消了。?