DM网页制作实验指导书.doc

. . . DREAMWEAVER 8基础 安装好Dreamweaver 8中文版后,运行，选择Dreamweaver 8工作区后，将看到下面的画面： 一、① 为菜单区，和其它的软件一样，该软件所有的操作命令都可以从这一个区内找到,举个例子，选中该区编辑(E)中的参数选择(S)... CTRL+U[其中CTRL+U是该选项的快捷键],如下图所示： 在这里，你可以把自己的DREAMWEAVER MX设置为自己喜欢的样式，一般使用默认就可以了，如下图： 为了使用的方便，选中字体这一项目，把参数设置为上图所示的样子，因为默认的时候实在太难看了（当然也可以选自己喜欢的）。如果你浏览网页时使用的不是IE的话，请选中在浏览器中预览这一项（以后制作网页的时候要用到），点一下那个“＋”添加你使用的浏览器程序。 二、② 是插入项目选择工具(插入面板)，在 ② 选中了某个项目， ③ 中会出现相应的插入项目，下面详细介绍，选中常用这一项后如下图： 锚点用于网页中的定位，如网页的上、中、下等；图像点位符是用于动态交换图片的，后面再说；Fireworks HTML为用Fireworks软件切割出来的图片；交换图像为鼠标移上去时变为另一图片，增强动感；表格数据可以将其它文件的数据转化为表格，插进网页；标签选择器可以插入其它不常用的HTML标签。 在 ② 中选中布局一项，共有标准视图和布局视图两种视图，如下图所示： 在标准视图下，可以插入表格和在网页制作区画图层。 切换到布局视图下，如下图： 在布局视图下，可以在网页制作区描绘布局视图下的表格和单元格，描绘好之后，再切换到标准视图后，可以转化为表格，这个比较好用，可以用来排版网页，后面将说到。 在 ② 中选中文本一项，可以对文本进行格式化，如下图： A可以对字体进行全面的格式；B可以将字体变为粗体；I为斜体；S为加强字体；这些比较简单，可以自己一项一项慢慢试试，看看字体有什么变化。 在 ② 中选择表单（表格和框架两项后面再说），可以插入各种按钮，如下图： A 为表单；B 为文本框；C 为隐藏域；D 为文本区域；E 为多选框；F 为单选框；G 为单选按钮组；H 为列表/菜单；I 为跳菜单；J 为图像域；K 为文本字段；L 为按钮；M 为标签；N 为字段集。（详细的使用方法后面将说到） 在 ② 中选中模版可以使用模版制作网页或自己创建模版，做起网页更加方便快捷。 在 ② 中选中字符可以插入一些特殊的字符，如：?　?　?　，其中BR为换行符（快捷键为CTRL＋ENTER，此项与ENTER有所不同，可以自己试试），其它的可以自己试试。 在 ② 中选中媒体，可以插入FLASH　FLASH按扭　FLASH文本　Applet　等插件。 在 ② 中选中文本头，将出现下面的画面： 关键字为网页的关键词，可以让有哪些信誉好的足球投注网站引擎有哪些信誉好的足球投注网站到；说明为网页的说明，如作者、介绍等；刷新可以设定多长时间后刷新网页或跳转到其它网页；基础为网页的基本链接，如插入一个目标为_blank基础，网页中的一切默认链接都将打开新窗口；其它比较少用不再详细讲述。 在 ② 中选中脚本，可以插入各种Javascript、Vbscript或其它脚本。 在 ② 中选中ASP（编辑ASP网页时用到，新手可不必理会），可以插入各种ASP编程里用到的标签。 在 ② 中选中应用程序（编辑动态网页时候用到，新手可不必理会），可以对数据库进行操作。 三、对 ④ 区的详解如下图： 在上图中，点击带有向下小箭头的工具，会弹出更多选择。 四、 ⑤ 区为网页设计区，你所设计的网页或代码将出理在该区。 五、 ⑥ 区为属性区(属性面板)，在该区可以对选中的对象进行一些设置（后面将有详细讲解）。 六、 ⑦ 区如下图所示，详细的使用将在后面的章节详细讲述。 操作举例题目：用DREAMWEAVER 8制作一个简单网页 实验操作步骤： 打开DM 8，点击Insert插入工具栏表格按钮，在弹出对话框中设置表格属性。 设置行为5，列为1，宽度width为700像素 在表格第一行中输入文本的标题 点击菜单windowproperies修改，打开属性面板。 鼠标点击表格第二行，在属性面板中点击“bg”背景后的颜色框，如图，设置表格背景为深蓝色，代码为“003366” 第三行为空 第四行输入文本内容，回车，点击insert工具栏图片按钮，选择一个图片插入表格中。 设置居中，再回车输入几个文字，也设置居中。 鼠标点击表格第二行，点击Insert工具栏图片按钮，插入一个1*1像素大小的透明图片。 设置表格高度为1，单元格成为一条直。 写上网页的标题。 完成本页制作，按F12键预览网页效果。  实验二 图文并茂 实验目的：学会使用图像和直线的做法 直线问题 图像排列 图文