《网页文字及超链接》PPT课件.ppt

复习,Dreamweaver的基本界面 站点的设置（和教材内容不一样） 网站文件 文件夹的命名与结构 文件夹的作用？ 分类 文件夹的目的？ 方便,课堂练习,建立 上机要求的 网站文件及文件夹,项目1 纯文本网站设计 单元2 网站文字处理,知识点： Dreamweaver的基本使用 页面属性的设置。 文字属性的设置。 CSS层叠式样式表 也是这门课重点内容,输入文本,“空格”问题 在网页设计中，我们常常需要通过输入多个空格来调整版面，但是在Dreamweaver文档中，相邻字符之间只允许包含有一个空格，即使输入再多的空格键，也只能显示一个空格。 根本原因：浏览器会忽略多个连续空格，多个连续空格，也只当一个空格来处理,输入文本,插入“空格”的方法 1. 在HTML代码中  ； =空格 2. 编辑-首选参数-常规-允许多个连续空格（和1等效） 3. 在插入全角空格,输入文本,换行 与 段落 输入文字后，直接按 “回车” 键，形成的 称为段落。HTML标签 为 文字 形成段落后，与下段文字之间隔一行。 不需要分段，只是段内强制换行 HTML标签 方法： Shift+Enter 注意：换行 与段落文字的区别,问题：,如果在HTML代码中如此输入 登黄鹤楼 白日依山尽 黄河入海流 欲求千里目 更上一层楼 请问 在网页中显示效果是几行呢？,输入文本,标题 标题1-6 可以看做特殊段落，效果加粗、黑体，文字大小 1最大 6最小 格式- 标题1 标签 文字 ,输入文本,对齐方式 对齐方式需要注意，一个段落内对齐方式只能一种，对齐方式的改变是针对整个段落的。,输入文本,字体 如果出现“黑体，隶书，宋体” 类似如此的字体设置 即：“字体1，字体2，字体3”，这表示用户浏览器显示文本时，字体选择顺序为 如果对方系统有字体1 就用字体1显示文本 如果没有字体1，就用字体2显示文本 如果几种字体均没有，就按对方浏览器默认字体显示,输入文本,大小 单位 一般使用px （像素）或者pt （英寸） 正文字体大小 一般为12px 或 9pt 备注：从dreamweaver2004开始，文字操作均为对CSS操作,输入文本,颜色 #03a5f1 （#6位16进制数） R 03 G a5 B f1 取值范围 0-255 常用 譬如 #ff0000 红色 #ffffff 白色 #000000 黑色,插入其它内容,插入日期 注意：这日期不能自动变化 插入水平线 插入特殊字符 插入列表,注意：,课本64页 世界你好 这里出小错误 size=“16” 并表示16像素,导航系统,导航系统的设计原则是：通过最少的点击次数得到最多的信息量。必须充分合理的安排。 要遵循以下要点： 1.网页一般都是目录树格式，我们必须让浏览者知道他在哪个位置 2.有返回上一级的超链接。 3.提供作者电子/企业 邮件链接,超链接,超链接 作用：链接网页 ； 文件下载 标签首页 分类： 1.内部链接- 链接到网站内部 其它网页 2.外部链接- 链接到其它网站 其它网页 3.锚点链接- 链接到 同一个网页内部 4.邮件链接- 特殊超链接,超链接,绝对路径：(一般为其它网站) /a.htm 相对路径：（网站内部其它网页） 作用： 网站好移植。,超链接,练习建议： 按照上课要求手写。不要直接系统生成。这样有利于对HTML掌握，有利于以后编程,超链接,目标： “_blank”：在新窗口中打开链接 “_parent”：在该链接所在框架的父框架或父窗口中打开链接。如果包含链接的框架不是嵌套框架，则所在的文档载入整个浏览器窗口。 “_self”：在所在的同一框架或窗口中打开链接。此目标为默认值，通常不需指定。 “_top”：在整个浏览器窗口中打开链接，因此会删除所有框架。,锚点,锚点用于较长网页内部链接。 #锚点名字 如： #abc abc为锚点名字,空链接,链接指向还没制作的网页需要使用空链接 使用方法 1. # #表示空链接(我常用) 2. javascript：; 3. javascript:alert(网页建设中) Js脚本弹出警告框（我常用） 补充： 很多网页 都有这样 关闭窗口 写法：javascript：close（）,链接非网页文件,链接到 rar、doc 等等，可以用于文件下载 也可以链接到 图片 flash,超链接常犯错误,使用中文的 文件名 或文件夹 名字，导致链接容易出错 网站内部链接使用绝对路径，导致网上上传