第1篇第3章网页中的文本精选.ppt

第1篇 第3章 网页中的文本 3.1 文本的基本编辑 3.1.1 插入文本、符号、日期 3.1.2 添加字体 3.1.3 设置文本的属性 3.1.4 建立列表 3.2 超链接 3.2.1 路径 3.2.2 建立超链接 3.3 样式 3.3.1 CSS语法 3.3.2 CSS 样式应用 3.3.3 引用外部CSS文件与导出样式表 思考题 3.1 文本的基本编辑 互联网上大量信息的传播以文本为主。因此，对于网页制作人员来说，文本的处理是最基本而重要的技巧之一。 学习网页制作首先应掌握网页中文本的制作和编辑方法。 3.1.1 插入文本、符号、日期 软回车和硬回车 特殊字符 日期 3.1.2 添加字体 执行菜单命令“文本”|“字体”|“编辑字体列表” 3.1.3 设置文本的属性 图3-4 文本的“属性”面板 【例3-1】设计一个只有文字的页面。对照设计界面和代码界面，熟悉文本属性的标签。 学习双标签h1/h1、/p/p、span/span、pre/pre及单标签br /、hr /的使用 文本的字体、字号、风格等属性以CSS样式写在head/head中 自定义的CSS样式优先级高于网页样式body,td,th { }的优先级 3.1.4 建立列表 与列表有关的标签为ul、ol、li、menu、lh、dl、dt、dd等，格式、功能和样例见表3-2。 通过文本的“属性”面板建立列表 【例3-2】混合列表示例 3.2 超链接 3.2.1 路径 绝对路径 ：是Internet上资源的完整地址。 包括3部分：协议种类、放有所须文件的计算机地址（计算机域名）、具体文件的路径及文件名。 协议://计算机域名/文件路径及文件名 创建对站点以外的链接必须用绝对路径。 根相对路径 ：从站点根文件夹到文档所经过的路程，以斜杠/开始，如/html/*.htm。 浏览器不能像服务器那样识别站点根目录，故与根目录相对的路径必须放在远程服务器上才能浏览 。 文档相对路径 ：相对当前文档的路径 。 3.2.2 建立超链接 建立超链接由锚点（anchor）标签a/a定义： a href=地址 target=打开窗口方式 热点 /a 属性href指定超链接的目标网页地址，包括路径和文件名 属性target指定超链接文件被打开的目标窗口，有如下4个选项： _blank：将链接的文件载入到新的无标题浏览器窗口中。 _parent：将链接的文件载入到父框架，若该框架非嵌入式框架，则链接到整个浏览器窗口。 _self（默认值）：将链接的文件载入到自身框架或自身窗口中。 _top：将链接的文件载入到整个浏览器窗口中，并删除所有框架。 在Dreamweaver中提供了6种常用的链接：外部文档链接、书签链接、E-mail链接、无址链接、脚本链接和指向下载文件的链接。 3.2.2 建立超链接 1．外部文档链接 指链接到本文档之外的文档，包括站内和站外的网页。 在热字“属性”面板的“链接”框中填入超链接的外部文档地址（属性href的值)； 在“目标”下拉列表框中设置超链接的目标窗口(属性target的值)。 2．书签链接 a href=地址#书签名 target=打开窗口方式 热点 /a 建立书签：“插入”面板的“命名锚记” 按钮 链接书签： # 书签名。 3．无址链接 返回页面顶端，形成手形光标 a href=# 热点 /a 不返回页面顶端，形成手形光标 a href=javascript:; 热点 /a 3.2.2 建立超链接 4．E-mail链接（电子邮件链接） a href=mailto:邮件地址 热点 /a “插入”面板中的“电子邮件链接” 按钮 5．脚本链接 在选中热字的link框中直接写入脚本。 例：JavaScript:alert(确定删除吗) 6．指向下载文件的链接 链接的目标文件不是HTML文件，则作为下载文件，格式： a href= 路径及文件名 热点 /a 【例3-3】试制作外部文档链接、外部文档书签链接、本文档书签链接、E-mail链接、无址链接和脚本链接。 3.3 样式 样式是一组可以控制文本块、段落或整篇文档外观的格式属性。使用外部样式文件可以一次控制若干篇文档的格式 。 CSS（Cascading Style Sheets）即级联样式表或层叠样式表通过样式名或HTML标签表示，可以控制绝大多数的传统文本格式，如字体、字号和对齐方式等，还可以指定位置、鼠标指针形状和其他特殊效