网页设计.ppt

第四章制作简单网页
彭煜玮
武汉大学计算机学院

1
内容提要
文本及排版
设置文件头和网页属性
插入表格
插入多媒体对象
插入Java Applet
创建超级链接
2
文本及排版
插入文本
格式化文本
创建项目列表
3
插入文本
在页面中插入文本的方法大致有三种。
第一种是直接输入法,在打开Dreamweaver文档窗口时,将光标定位到需要输入文本的地方,直接键盘输入即可。
第二种方法是复制粘贴,选取合适的文本,直接复制到Dreamweaver文档窗口中的光标所在处。
最后一种方法是导入已有Word文档,在Dreamweaver文档窗口中,将光标定位到要导入文本的地方,选择菜单“文件”|“导入|”|“WORD文档”命令,弹出“导入Word文档”对话框,在其中选择要导入的Word文档,单击该对话框的“打开”命令,就可以导入文本了。
4
格式化文本
设置字符格式
选择要设置的文字;
单击“字体”下拉列表,选择字体(或用“编辑字体列表”添加新的字体);
用“大小”下拉列表设置文本的大小;
在“颜色”框中输入颜色代码,也可以用选色棒在拾色器上取色;
用B、I、U等按钮设置粗体、斜体、下划线等。
示例4-1-
演示
5
格式化文本
使用段落和标题
使用“属性”面板中的“格式”下拉列表框,可以设置文本的样式。
“段落”样式应用<p>标签;
“标题X”样式应用<hx>标签,X越大标题越小。
示例4-1-
演示
6
格式化文本
对齐文本
使用“属性”面板中的对齐按钮实现文本对齐。
左对齐
居中
右对齐
两端对齐
缩进与扩展
首行缩进
演示
7
创建项目列表
无序项目列表
无序项目列表通常用各种几何符号来表示其列表关系,其主要用于一种并列关系的元素组合,各列表项之间并不存在先后主次的顺序。
有序项目列表
有序项目列表也称为编号列表,代表一种进程,各列表项之间存在着先后过程,通常用阿拉伯数字或字母有序符号表示。
嵌套项目列表
如果想把不同级别的文本内容用列表的形式表现出来,则需要用到项目列表的嵌套。创建项目列表的嵌套,需要用到文本属性面板上的段落扩展/缩进按钮。
演示
8
设置文件头和网页属性
文件头在浏览器中是不可见的,但却含有网页的重要信息。它还可以实现一些非常重要的功能,以下将重点介绍与文件头相关的内容。
设置网页的编码
设定文档标题
添加关键字
设置网页的刷新
插入meta对象
9
设置网页的编码
文件头窗口
10