SCITC 四川信息职业技术学院 信总理弱 开放课程 Webpage Design 网页设计与制作 四川信息积绘教衣季花 (入“利恒《和“但4个是 ⊙身0■ 由静美丽 4 有有周上 可更色然 △53 四川川信息职业技术学院精品开放共享课程
SIT Sichuan Information Technology College 四川信息职业技术学院并放共喜话稻 网页设计与制作 单元2：网页中文本元素的应用 授课教师：刘清梅
单元2：网页中文本元素的应用 授课教师：刘清梅
SIT Sichuan Information Technology College 四川川信息职业技术学院开放共喜禄程 网页设计与制作 重点 难点 Dreamweaver中 文本的编辑方法 HTML中 文本标记的应用 HTML中 文本标记的应用
重点 Dreamweaver 中 文本的编辑方法 HTML 中 文本标记的应用 难点 HTML 中 文本标记的应用
SSichuan Information Technology College 四川川信息职业技术学院 开放共享话程 网页设计与制作 一、简单个人网页分析 无布文着一行17 图 文件心国国数看的有常工真心标到图 0u08到众Pt的w肤⊙合·品8· 司商单”了上路手·因厂借此能子适理⊙解复 问 欢迎光临我的个人网站 一、自我介绍 ,姓名：刘情传 ,性写：女 ·出1年月，19蛇2年7月 西南久强大半 。所学等业，计算析料字与技术 二、联系方式 1,工作单位，四川信息积业技术院 2.吸编码，628017 3.09:68301T7 4.1,116林 这些元素是如何制作的呢 在该网页中大家看到了什么？ 依积所有，四川信息职业技木半院计算机工程系Cargyrlgh:◇2o08-2009 景后更新日期，200年4月4日 简单个人网页效果图
简单个人网页效果图 问 题 ： 在 该 网 页 中 大 家 看 到 了 什 么 ？ 这 些 元 素 是 如 何 制 作 的 呢 ？ 一、简单个人网页分析
SSichuan Information Technology College 四川信息职业技术学院并放共喜话程 网页设计与制作 二、简单个人网页文本元素的编辑 ·在网页的适当位置中输入文字内容 ·设置文字内容的属性 演示讲解 。 在适当位置插入水平线 Dreamweaver中简单 在网页底部输入版权信息 个人网页文本元素 的编辑 插入版权符号 ·插入最后更新日期
• 在网页的适当位置中输入文字内容 • 设置文字内容的属性 • 在适当位置插入水平线 • 在网页底部输入版权信息 • 插入版权符号 • 插入最后更新日期 演示讲解 Dreamweaver中简单 个人网页文本元素 的编辑 二、简单个人网页文本元素的编辑
S Sichuan Information Technology College 四川信息职业技术学院开放共喜话程 网页设计与制作 三、常用文本标记的应用 1.标题标记 -n取值：16，字号随n的变大而减小 一“双标记” 一文字显示为加粗了的文字并且前后空一行 -对齐方式al ign.取值为“Ieft、right、 center
1.标题标记 – n取值：1~6，字号随n的变大而减小 – “双标记” – 文字显示为加粗了的文字并且前后空一行 – 对齐方式align取值为“left、right、 center” 三、常用文本标记的应用
SSichuan Information Technology College 四川信息职业技术学院开放共喜话移 网页设计与制作 三、常用文本标记的应用 2.字体标记 属性 值 表示 face 机器上常用字体如： “宋体”、“黑体”等 字体类型 color left/right/center 字体颜色 size 通常情况下为“1-7” 字体大小
2.字体标记 属性 值 表示 face 机器上常用字体如： “宋体”、“黑体”等 字体类型 color left/right/center 字体颜色 size 通常情况下为“1-7” 字体大小 三、常用文本标记的应用
SSichuan Information Technology College 四川信息职业技术学院开放共喜话移 网页设计与制作 三、常用文本标记的应用 “欢迎光临我的个人网站”设置属性的格式： 一标题1，标题居中对其，红色字体 一对应的代码为： 欢迎光临我的个人网站
• “欢迎光临我的个人网站”设置属性的格式： – 标题1，标题居中对其，红色字体 – 对应的代码为： 欢迎光临我的个人网站 三、常用文本标记的应用
S Sichuan Information Technology College 四川信息职业技术学院开放共喜话移 网页设计与制作 三、常用文本标记的应用 3.水平线标记 ·””为单标记 常用属性及属性值 属性 值 表示 width 整数 长度 align left/right/center 对齐方式 颜色英文名称或#十六进制颜色值 color 颜色 例如#ff0000 size 整数 高度 noshade 空值，加上noshade,水线无阴影 是否阴影
3.水平线标记 • “”为单标记 属性 值 表示 width 整数 长度 align left/right/center 对齐方式 color 颜色英文名称或＃十六进制颜色值， 例如＃ff0000 颜色 size 整数 高度 noshade 空值,加上noshade，水线无阴影 是否阴影 三、常用文本标记的应用
SSichuan Information Technology College 四川信息职业技术学院开放共喜话程 网页设计与制作 三、常用文本标记的应用 3.水平线标记 ·””为单标记 默认属性位置居中，颜色为 灰色，加阴影，高度为2，宽 度为100%。 网页中的四条水平线从上到下代码依次为：
默认属性 位置居中，颜色为 灰色，加阴影，高度为2，宽 度为100％。 3.水平线标记 • “”为单标记 网页中的四条水平线从上到下代码依次为： 三、常用文本标记的应用