ch04-在网页中创建文本.pptx

Dreamweaver CS5网页设计与制作基础教程,第4章 在网页中创建文本,4.1 文本的基本操作,4.1.1 在网页中输入文本 4.1.2 设置字体 4.1.3 设置字号 4.1.4 设置字体颜色 4.1.5 设置字体样式 4.1.6 编辑与设置段落格式 4.1.7 设置是否显示不可见元素,4.1.1 在网页中输入文本,启动Dreamweaver CS5，选择准备使用的输入法，将鼠标光标定位在Dreamweaver CS5的编辑窗口中，输入文本文字即可完成输入文本的操作。,4.1.2 设置字体,打开Dreamweaver CS5，单击展开【属性】面板，单击【字体】后面的下拉按钮 ，选择【编辑字体列表】选项。 弹出【编辑字体列表】对话框，在【字体列表】中，选择准备添加的字体，单击 按钮，即可添加到左侧的【可用字体】中，单击【确定】按钮，在【字体】列表框中也会可以显示新添加的字体。,4.1.3 设置字号,打开Dreamweaver CS5，选中设置字号的文本，单击展开【属性】面板【大小】后面的下拉按钮，选择准备使用的字号。 弹出【新建CSS规则】对话框，在【选择器名称】文本框中输入名称，单击【确定】按钮，即可完成设置字号的操作。,4.1.4 设置字体颜色,打开Dreamweaver CS5，选中设置字体颜色的文本，单击【属性】面板【文本颜色】按钮 ，弹出【调色板】，选择准备使用的颜色。 弹出【新建CSS规则】对话框，在【选择器名称】文本框中输入名称，单击【确定】按钮，即可完成设置字体字号的操作。,4.1.5 设置字体样式,在设置字体的同时，还可以对字体的样式进行设置，可以在【属性】面板中，设置粗体和斜体。,4.1.6 编辑与设置段落格式,在Dreamweaver CS5中，选中准备设置段落的文本，在【属性】面板中，选择相应的对齐方式。 弹出【新建CSS规则】对话框，在【选择器名称】文本框中输入名称，单击【确定】按钮，即可完成设置段落格式的操作。,4.1.7 设置是否显示不可见元素,在Dreamweaver CS5中，还可以设置是否显示不可见元素参数，在菜单栏中，选择【编辑】【首选参数】菜单项，打开【首选参数】对话框，在【分类】列表框中选择【不可见元素】选项，在【不可见元素】选项区域中，设置是否显示不可见元素的设置，单击【确定】按钮，即可完成是否显示不可见元素的操作。,4.2 插入特殊文本对象,4.2.1 插入特殊字符 4.2.2 插入水平线 4.2.3 插入注释 4.2.4 插入日期,4.2.1 插入特殊字符,在Dreamweaver CS5中，将鼠标光标定位于编辑窗口，在菜单栏选择【插入】【HTML】【特殊字符】菜单项，在子菜单中选择准备使用特殊字符。 如果在【特殊字符】菜单中没有需要插入的字符，可以选择【其他字符】子菜单项，弹出【插入其他字符】对话框，选择任意字符按钮，单击【确定】按钮，即可将特殊字符插入到编辑窗口中。,4.2.2 插入水平线,首先将光标定位在准备插入水平线的位置，然后单击【插入】面板的【水平线】按钮 ，即可完成插入水平线的操作。,4.2.3 插入注释,在Dreamweaver CS5中，将鼠标光标定位于准备插入注释的位置后，单击【插入】面板中的【注释】按钮。 弹出【注释】对话框，在【注释】文本框中，输入文本，单击【确定】按钮，即可完成插入注释 在菜单栏中，选择【编辑】【首选参数】菜单项的操作。 弹出【首选参数】对话框，在【分类】区域中，选择【不可见元素】选项，在右侧区域，选中【注释】复选框，单击【确定】按钮。 此时，在页面中，显示黄色的注释记号，单击此注释，即可在【属性】面板中，查看到刚刚添加的注释内容。,4.2.4 插入日期,在Dreamweaver CS5中，将鼠标光标定位于准备插入日期的位置后，单击【插入】面板中的【日期】按钮 。 弹出【插入日期】对话框，在【日期格式】列表中，选择准备使用的格式，单击【确定】按钮。 此时，在页面中显示刚刚插入的日期，通过以上步骤即可完成插入日期的操作。,4.3 项目符号和编号列表,4.3.1 创建项目列表 4.3.2 创建编号列表,4.3.1 创建项目列表,在Dreamweaver CS5中，将鼠标光标定位于准备创建项目列表的位置，在菜单栏中，选择【格式】【列表】【项目列表】菜单项。 此时，在页面中，可以看到添加的项目列表，通过以上步骤即可完成创建项目列表的操作。,4.3.2 创建编号列表,在Dreamweaver CS5中，将鼠标光标定位于准备创建项目列表的位置，在菜单栏中，选择【格式】【列表】【编号列表】菜单项。 此时，在页面中，可以看到添加的编号列表，通过以上步骤即可完成创建编号列表的操作。,4.4 插入页面的头部内容,4.4.1 设置META 4.4.2 插入关键字 4.4.3 插入说明 4.4.4 插入刷新 4.4.5 设置基础 4.4.6 设置链接 4.4.7 设置标题,4.4.1 设置META,在Dreamweaver CS5中，在菜单栏中，选择【插入】【HTML】【文件头标签】【META】菜单项。 弹出【META】对话框，在【属性】下拉选项中，选择【名称】选项，在【值】文本框中输入文本，在【内容】文本框中，输入文本，单击【确定】按钮，即可完成操作。,4.4.2 插入关键字,在Dreamweaver CS5中，在菜单栏中，选择【插入】【HTML】【文件头标签】【关键字】菜单项 弹出【关键字】对话框，在【关键字】文本框中输入文本，单击【确定】按钮，即可完成插入关键字的操作方法。,4.4.3 插入说明,在Dreamweaver CS5中，在菜单栏中，选择【插入】【HTML】【文件头标签】【说明】菜单项。 弹出【说明】对话框，在【说明】文本框中输入文本，单击【确定】按钮，即可完成插入关键字的操作方法。,4.4.4 插入刷新,在Dreamweaver CS5中，在菜单栏中，选择【插入】【HTML】【文件头标签】【刷新】菜单项。 弹出【刷新】对话框，在【延迟】文本框中输入需要等待的时间，单击【转到URL】单选项，单击右侧【浏览】按钮，选择Web文件，单击【确定】按钮，即可完成插入刷新的操作。,4.4.5 设置基础,在Dreamweaver CS5中，在菜单栏中，选择【插入】【HTML】【文件头标签】【基础】菜单项，弹出【基础】对话框，单击【HREF】后方的【浏览】按钮，选择Web文件，单击【确定】按钮，即可完成设置基础的操作。,4.4.6 设置链接,在Dreamweaver CS5中，在菜单栏中，选择【插入】【HTML】【文件头标签】