实验三 简单网页设计.pptVIP

实验三 简单网页设计 孙晓燕 2015.4 一个简单的XHTML文件 使用最少的标签 html head body p title 网页的标题 在”文档工具栏”里进行设置 在”页面属性”对话框里,”标题/编码”里设置 段落 p 将下列代码复制到代码视图,保存并预览效果 p这是段落1。/p p这是段落2。/p p这是段落3。/p 换行br/ 按下enter键，我们的说法都是“回车换行”，所以，意识里面，都认为是换行！但事实是，在Dreamweaver里面根本不是换行，而是换段！这个可以去dw产生的代码中看到，换行应该是br/，但dw中产生的是p.p表示段落！ 所以，要产生换行的效果，我们应该用软回车，所谓软回车就是按住shift键的同时，再按enter键。软回车才能产生br/. 设置段间距 margin 首行缩进 text-indent(区块) 设置行间距 line-height 字型 font-family 字号 font-size 标题 标题使用 h1 至 h6 标签进行定义。h1 定义最大的标题。h6 定义最小的标题。 HTML 会自动在标题前后添加一个额外的折行。 将下列代码复制到代码视图,保存并预览效果 h1This is a heading/h1 h2This is a heading/h2 h3This is a heading/h3 h4This is a heading/h4 h5This is a heading/h5 h6This is a heading/h6 水平线 hr 标签在 HTML 页面中创建一条水平线。 水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。 空格 打开“编辑”菜单 选择“首选参数” 在“首选参数”对话框中选择”分类”列表中选择“常规” “编辑选项”中选择””允许”多个连续的空格” “确定” nbsp; 添加特殊字符 制作网页的过程中,经常需要一些特殊字符,如版权符号和注册商标等. “插入”菜单—”HTML”—”特殊字符” 添加日期 “插入”菜单—”日期” 设置文本格式 在”属性检查器”(属性面板)中可以进行设置 字体 字号 对齐方式 颜色 设置段落格式 在”属性检查器”(属性面板)中可以进行设置 字体 字号 对齐方式 颜色 列表 列表可以将文本段落用符号或序号标注起来,使文本内容条理清晰. 选择文本?”属性检查器”中的”项目列表”按钮或”编号列表”按钮,即可添加列表. 使用项目列表后,会自动去除段落格式. 超链接 文本超链接极大的方便了浏览者对网站的访问,可以轻松实现页面间的跳转以及对其他资源的访问,如下载文件等.一般用来链接某个页面或图片、动画、声音、压缩文件等网络资源，这些页面或资源可以是网站内部的，也可以是互联网上的。 超链接 链接:链接的页面或资源的路径 目标:指定链接的页面或资源的打开方式 “插入”菜单—”超级链接”或者设置”属性检查器”中的”链接”和”目标” 指向法制作链接 可以链接文件也可以链接图片 快捷键拖动法建立链接 输入链接文字 选中链接文字 按下shift键 拖出一个箭头 插入法建立链接 插入—超级链接 输入”文本”,选择”链接”和”目标” 电子邮件超链接 插入—电子邮件链接 输入”文本”,”E-mail” 电子邮件超链接 mailto: ?subjuect= 主题 cc= 抄送 bcc= 密件抄送 命名锚记 就是用户在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后创建这些命名锚记的链接，这些链接可以快速将浏览者带到指定位置. 创建活动字幕marquee direction=left,right,up,down behavior=scroll(循环),slide（一次）,alternate（来回） loop=循环次数（若未指定，则无限循环） scrollamount=1，2，3文本移动速度 height=文本移动时所占的页面高度，其值为具体的数字，例如“100”。 图像 插入—超级链接 图像属性检查器的相关参数 id 宽 高 源文件 链接 替换 垂直边距 水平边距 对齐 边框 添加图像热点超链接 在属性检查器中选择热点工具 使用热点工具在图像上绘制热点区域 给图像上的热点区域添加超链接 示例 临沂大学在线邮局: /mail%5Fe/ 插入flash动画 插入--媒体—flash 常用菜单—媒体按钮—flash 打开选择文件对话框,选择要插入的flash文件,单击确定,则将flash动画插入网页中. 选中插入的flash动画,单击”属性检查器”上的”播放”按钮,播放动画观看效果,也可以在浏览器中观看效果. 添加参数wmode,掉flash的背景颜色 实现flash背