全屏显示专题章节

在Internet上，数据以基于文本的Web页面(就是通常所说的网页)形式通过服务器进行传输。我们看到的网页，大都是以htm或html后缀结尾的文件，俗称HTML文件。不同的后缀，分别代表不同类型的网页文件，例如CGI、ASP、PHP、JSP甚至其他更多。借助于浏览器就可以阅读网页页面的内容。可以说，网页是单位或个人在Internet上的形象。漫步在Internet上，浏览者常常是走马观花，一带而过。富有特色、内容翔实、设计新颖独特的网页才能让浏览者驻足浏览，匠心独具的网页才能给浏览者留下深刻的印象。在众多网页制作工具中Dreamweaver以其良好的兼容性、易用性、高效性和高端特性赢得了广大网页制作人员的青睐，它是进行网络站点和网页创作的专业化可视编程工具，能在无需编写代码的情况下实现动态HTML的功能，用Dreamweaver制作的网页可用于不同的网络平台和浏览器。

1.掌握Dreamweaver MX的基本操作;

2.初步了解简单网页的制作过程。

1.熟悉Dreamweaver MX的基本使用方法;

2.在页面上插入常用对象(文字、图像、动画);

3.设置超链接、表格的应用。

在本地磁盘建立一个名为“Myweb”的文件夹，网页(index.htm)将存放在该文件夹中，另外在该文件夹中建立一个名为“photo”的子文件夹，用于存放制作网页所需要的图片文件。启动Dreamweaver MX→在Dreamweaver工作区中单击【站点】菜单项→单击【管理站点】命令→单击【新建】按钮→单击【站点】→在打开的对话框(见图7－1)中单击【高级】选项卡→输入站点名称(这里为“Myweb”)→在【本地根文件夹】栏输入站点文件夹“Myweb”的绝对路径(这里为E:\Myweb)→输入默认图像文件夹的路径(这里为E:\Myweb\photo\)→单击【确定】按钮→单击【完成】按钮。

2.在网页中输入文字

单击【文件】菜单项→单击【新建】命令→在【新建文档】对话框(见图7－2)的【类别】区中单击【基本页】选项→在【基本页】区中单击【HTML】选项→单击【创建】按钮→在打开的网页编辑区中输入网页的文字内容→按住鼠标拖曳选中文字，使用窗口下面的【属性】区对输入的文字进行编辑排版、设置颜色(见图7－2)。

3.在网页中插入图片

单击【插入】菜单项→单击【图像】命令→在【选择图像源文件】对话框中选择“photo”子文件夹中的图片文件→单击【确定】按钮，图片即刻插入到网页中光标所在处→可以单击网页中的图片，然后利用窗口下面的属性区修改图片的属性，也可以为图片建立超链接(在属性区的“链接”对话框中填写要链接网页的路径)(见图7－3)。

4.在网页中插入表格

单击【插入】菜单项→单击【表格】命令→在【表格】对话框中定义表格的行数和列数(这里行数为1，列数为3)→单击【确定】按钮，表格即刻插入到网页中光标所在处→单击网页中的表格，然后利用窗口下面的属性区修改表格的属性，也可以将光标移动到表格的上边框，当光标变为下箭头时单击鼠标选中下箭头所指的单元格，这时就可以利用窗口下面的属性区修改表格单元格的属性，为单元格添加背景颜色等→在单元格中输入文字内容，可以利用窗口下面的属性区修改文字的属性→为单元格中的文字内容建立超链接(在属性区的“链接”对话框中填写要链接网页的路径)。在建立了超链接后，文字内容下面自动出现的下划线表示这里是一个超链接(见图7－4)。

5.修改网页属性

在窗口上面的【标题】对话框中输入页面的名称→单击【修改】菜单项→单击【页面属性】命令→单击【页面属性】对话框【分类】区中的【外观】项，修改页面的外观属性(改变页面的背景颜色、为页面添加背景图像等)→单击【分类】区中的【链接】项，修改页面中的超链接属性(定义超链接在各种状态下的颜色等)→单击【确定】按钮。

6.在网页中插入动画

单击【插入】菜单项→将光标移动到【媒体】命令项→在弹出的菜单中单击【Flash】命令→在【选择文件】对话框中输入要插入的Flash动画的文件名(*.swf)→单击【确定】按钮，Flash动画即刻插入到网页中光标所在处→可以单击网页中的Flash动画，然后利用窗口下面的属性区修改Flash动画的属性→单击属性区中的【播放】按钮可以看到Flash动画的效果。

简单网页制作完毕后，按【F12】键即可浏览网页。

制作班级主页，要求如下:

(1)从网上下载一幅图片作为网页的背景;

(2)用框架布局页面;

(3)用Fireworks制作几个按钮作为导航按钮，并分别设置超链接;

(4)加入用Flash制作的动画，有文字、图像等常见对象，内容充实丰富;

(5)输入班级的基本信息，放置班级合影照片。

1.归纳制作网页的常用工具软件，试比较其优缺点。列出使用Dreamweaver MX制作简单网页的基本方法。