第4课插入文本(4+4)

1、Dreamweaver MX网页制作讲课： 王芳tel: 133 3513 6981email:,理论课: 时间1-7周，周日下午六七节1：30-3：15(节假日顺延) 地点bw109 上机: 时间：1-8周周日下午八九节3：30-5：05(节假日顺延) 地点计算中心504 以上内容已经传到 考试： 制作个人简介网页最后一次上机时交上。,复习,1.站点内的内容不要过于庞杂，只要包含网页中所用到的图片文件夹，动画文件夹，以及需要编辑的网页文件就可以。 提问：你上学的时候书包里面有锅碗和被子吗？ 2.站点可以建在自己想建的任何位置，为了重装系统是文件不丢失，可以将站点建在除C、D盘外的任何位置。

2、演示：在其他盘上建存放站点的文件夹。,3.布局表格绘制技巧： 1）布局单元格不能在同行放置，可采用大的单元格嵌套两个平行单元格的办法。 千万注意：右边的单元格千万不能偷懒。 2）画的布局表格按右键居中对齐。 3）布局单元格是布局的最小单元，不能嵌套其他的布局表格或单元格。 在布局视图中使用布局单元格可以直接插入网页元素。 在布局视图中使用布局表格，必须回到标准模式下才能插入网页元素,4）给表格加背景图片： 先绘制布局表格（或单元格）-发现不能加背景图片 先绘制布局表格（或单元格） -回标准模式-可以加！,3.布局表格可以先画最大的布局表格再进行布局表格的逐层嵌套。 也可以从上往下逐层绘制。,I

3、ndex.htm的布局,760631整体表格。 760120第一行 140120logo 620120banner 76020导航条 （回标准模式添加背景图片） 760477 140477人生格言给自己 （背景颜色为蓝色） 620477右边表格（回标准模式添加背景图片back.gif） 550400 flash 55052曾经 爱的网络里心在游弋 76014小慧版权所有,Index.htm的布局,760120第一行(右键居中对齐) 140120logo 620120banner 76020导航条(右键居中对齐) （回标准模式添加背景图片） 760477 (右键居中对齐) 140477人生格言给

4、自己 （背景颜色为蓝色） 620477右边表格（回标准模式添加背景图片back.gif） 550400 flash 55052曾经 爱的网络里心在游弋 76014小慧版权所有,4.默认浏览器的设置。 编辑-首选参数-在浏览器预览（尝试用IE浏览器作为主浏览器）,插入文本 格式化文本 创建列表,第 四课 插入文本,插入普通文本 插入特殊符号 插入不换行空格 插入水平线 插入日期,插入文本,插入普通文本,将光标直接定位到编辑窗口中要输入文字的地方，然后直接输入文字即可。 注意：布局模式下，布局表格中不能插入光标，得回标准模式。 注意： 分段 【Enter】键。 换行 【 Shift+Enter】,

5、插入特殊符号,1.输入法右键单击 2.从word里面拷贝 3.从dreamweaver mx 插入栏中文本项加。如图：,插入不换行空格,Dreamweaver MX 2004的HTML代码只允许字符之间包含一个空格， 若要在文档中添加其他空格，必须插入不换行空格。,将输入法切换到全角状态再按空格键。（常用） 在插入栏中的“文本”选项卡中，单击 按钮，在打开的菜单中单击 （不换行空格）按钮。（常用） 选择插入HTML特殊字符不换行空格菜单命令。,方法：,插入水平线,选择插入HTML水平线菜单命令。 在插入栏的“HTML”选项卡中单击 （水平线）按钮。,作用: 分隔文本和对象，以使段落区分更明显。

6、,插入竖直线,调节水平线属性,将宽数值为1。,改变颜色,选中水平线-右键编辑标签,插入日期,Dreamweaver MX 2004提供了方便的日期对象，该对象可以以任何格式在Web页面中插入当前日期（包含或不包含时间都可以）。,选择插入日期 菜单命令。 在每次保存文档时都更新插入的日期，请选择“储存时自动更新”。 日期在插入后变成纯文本并永远不自动更新 课堂示例： 2004年3月11日最后更新 Copyright 2004小慧版权所有,格式化文本,字体 大小 颜色 样式,字体,选中文本，打开属性面板，单击属性面板中的“字体”下拉列表框，从下中选择系统自带的字体。 每一行都是一组字体，中间用逗号

7、分隔，当浏览器浏览该页面时，首先按该组合中的第1种字体进行显示，若系统中没有这种字体，则用第2种字体显示，依此类推。 如果系统中没有字体组合中的任何一种字体，则按照浏览器的默认字体显示。,添加中文字体,选择字体下拉列表框中最后一项 (编辑字体列表)对话框,大小,在 “大小”下拉列表框中选择相应的选项， “单位”下拉列表框中选择相应的度量单位。 字体的度量单位有像素（px）、厘米（cm）等，可以根据具体情况进行选择，但一般都用像素。,颜色,通过单击属性面板中的 按钮，在弹出的颜色调色板中设置所选文本的字体颜色， 或直接在 按钮后的文本框中输入颜色的英文名（如Red、Green等）或输入以“#”开

8、头的十六进制颜色代码（如#ff0000、00ff00）。,样式,按钮粗体， 按钮为斜体 再次单击取消 对文本的设置。,设置文本对齐,在Dreamweaver MX 2004的属性面板中可以对段落进行对齐设置。,将光标停在文本前，单击属性栏中的UnorderedList（无序列表/项目列表）按钮与Ordered List（有序列表/编号列表），即可对文本进行无序或有序排列。,创建列表,创建项目列表/无序列表,项目之间没有先后顺序关系， 处于并列的地位,文本及其格式化概述 术语介绍 内容介绍 文本的输入 插入文本 插入特殊字符 插入非间断空格和换行符 插入日期 插入HTML源代码 创建文本列表 如

9、何插入文本列表 设置列表属性,创建编号列表/有序列表,指具有先后顺序的项目，如操作步骤等。 Enter继续编号 Shift+enter换行不编号,创建嵌套文本列表,先选择需要进行操作的列表项。 单击文本属性栏上的缩进按钮，列表项将向右缩进，形成不同级子列表项。 如果单击文本属性栏上的扩展按钮，则列表项将恢复原来的设置。 按回车键则退出列表设置。,文本及其格式化概述 术语介绍 内容介绍 文本的输入 插入文本 插入特殊字符 插入非间断空格和换行符 插入日期 插入HTML源代码 创建文本列表 如何插入文本列表 设置列表属性,修改属性,在“文档”窗口中，将插入点放在要格式化的列表项的文本中 选择“文本

10、”“列表”“属性”。,修改属性,在“文档”窗口中，将插入点放在要格式化的列表项的文本中 选择“文本”“列表”“属性”。,新建样式使您可以指定所选列表项的样式。“新建样式”弹出式菜单中的样式与“列表类型”弹出式菜单中显示的列表类型相关。 例如，如果“列表项目”弹出式菜单显示“项目列表”，则“新建样式”弹出式菜单中只有项目符号选项可用。 重设计数设置开始为列表项编号的数字。,编号列表的列表样式共有6种： 在开始记数文本框中定义列表开始的数值 对单个列表项修改样式或是重新计数: 将光标置入，然后在列表项目定义新的样式及样式的起始数值。 1. a. b.,网页属性,将文本在网页中设置好后，为了使网页的

11、风格与文本的风格想配合，还必须对网页进行一般的设置，以达到统一整个网页的风格。,网页的背景图片及背景颜色,注意： Dreamweaver只支持gif、jpg和png格式的图片，如果其他格式的图片做背景图片，需要转换。 有些网页设计师为了照顾网页的下载速度，一般很少使用背景图片，而是给网页加上背景颜色。,网页的边距,默认情况下，网页内容和网页的左上角将保持一定的距离，也就是 Dreamweaver将自动设置适当的边距，以免文字或图片离浏览器边框太近。,链接文本使用的默认的字体大小,应用于链接文本的颜色,指定当鼠标（或指针）位于链接上时应用的颜色。,鼠标在链接上单击时的颜色。,访问过的链接的颜色,

12、网页标题,文档窗口工具栏的 （标题）文本框中直接输入。 Dreamweaver 既支持英文标题，也支持中文标题。,只是为了设计网页的方便，使在设计网页版面时（例如摆放文字、图片等组件）更加容易将各种组件放在当初规划时的位置上。,Index.htm的文本输入,76020导航条 文本的居中 文本的空格的输入 760477 140477人生格言 (文本的从上往下输入) (文本的居中) 620477右边表格 55052曾经 (水平和垂直均居中),Index.htm的文本输入,76014小慧版权所有 日期的输入 版权符号,文本示例.htm网页的制作,新建文件 页面属性背景颜色（白色） 绘制宽760的布局表格，高度可以随文本的长度增大。居中对齐别忘记。 背景颜色的设置。 单元格的对齐为 输入文章题目“文本及其格式化”居中对齐。,回车光标左对齐插入水平线。 创建项目列表：单击属性栏中项目列表 回车键则在下面一行连续进行项目列表的创建 形成不同级子列表