| ”，选中当前单元格 22、插入表格的行、列的方法： （1）插入/表格对象/在上面插入行（2）插入/表格对象/在下面插入行 （3）插入/表格对象/在左面插入列（4）插入/表格对象/在右面插入列 23、表格单元格的合并和拆分：（1）合并：修改/表格/合并单元格 2）拆分：修改/表格/拆分单元格 24、表格的背景图片；（1）选中表格；（2）在表格属性栏中选择指定图片 Dreamweaver操作小结插入表单对象 25、插入表单对象 插入/表单/文本域（注意类别：密码） 插入/表单/单选按钮 插入/表单/列表/菜单 插入/表单/复选框 插入/表单/文本区域 26、表单文本区域的背景颜色设置 （1）选中文本区域，打开“CSS样式”面板，单击“新建CSS规则”按钮，选择“标签” （2）选中“textarea”标签 （3）“定义在”选择“仅对该文档” （4）在“textarea的CSS规则定义”对话框“背景”分类中设置“背景颜色”为指定颜色。 27、表单对象的属性设置 选中表单对象,即可在属性面板中进行参数设置,注意相关的单选按钮必须同名 Dreamweaver操作小结框架网页 27、建立框架结构的网页（框架集） （1）选择“文件/新建/常规/框架集”，在“框架集”列表中选择指定类型，单击 “创建”按钮。 （2）选择“文件/框架集另存为”命令，按要求输入网页文件名 （3）选择“窗口/框架”命令，打开框架面板 （4）按要求设置各框高度、宽度及是否显示边框 28、建立框架内各部分网页（框架）的两种情况： 新建网页：将光标放在框架的相应区域内，“文件/保存框架”命令，按要求保存，然后再对该网页进行编辑 设置初始网页：在框架面板中选定相应区域，在属性面板中的“源”栏中选择相应的网页。 29、建立嵌入式框架 （1）插入/标签/HTML标签/iFrame （2）在标签编辑器中设置“源”为指定网页 （3）名称栏内输入：相应名称（例如yh），设置宽度和高度 （4）设置某对象超级链接到指定网页，目标为相应名称（例如yh） Dreamweaver操作小结层的操作 30、插入层 方法1：使用菜单“插入/布局对象/层” 方法2：使用“布局”工具栏“绘制层”按钮 31、设置层属性：单击层边框，在层属性面板中设置层编号，左、上、宽、高参数 32、设置层的显示/隐藏以及层位置 方法1：通过层属性设置可见性和z轴数值 方法2：用“窗口/层”命令打开层面板，设置可见性和z轴数值 注意：z轴数字小的层在下面。 Dreamweaver操作小结(十)行为 33、行为： （1）选中相应元素（文本或所在单元格，若是整页，则单击body）（非常重要）。 （2）在行为面板中单击“+”按钮，在出现的下拉菜单中选择相应的行为，如打开浏览器窗口、隐藏-显示层、弹出式菜单（注意）、弹出信息等。 （3）按要求选择行为，如“要显示的URL”、“显示”、“隐藏”等 （4）在“行为”面板中单击“onFocus”的下拉列表，选择相应的鼠标动作，如onClick、OnMouseOver、OnMouseOut等。 （5）注意一个对象要添加多个行为时一定要选中该对象或该对象所在单元格。 34、库的应用（１） 方法1 ：（将网页中现有的元素放到库项目中）： （11）打开含有相应内容的网页 （12）选择“窗口/资源”命令，打开“资源”面板，单击“库”按钮打开库类别。 （13）选中网页中相应内容，单击“库”类别底部的“新建库项目”按钮，如果出现警告提示框，单击“确定”按钮即可。 （14）在“名称”列表中输入相应的库名，按回车键。 （15）打开其他要应用库的网页，将库项目从“资源”面板直接拖曳到该网页相应位置。 （16）保存网页。 方法2：（新建一个库项目） （1）选择“窗口/资源”命令，打开“资源”面板，单击“库”按钮打开库类别。 （2）单击“库”类别底部的“新建库项目”按钮，如果出现警告提示框，单击“确定”按钮即可 （3）在“名称”列表中输入相应的库名，按回车键。 （4）单击“库”类别底部的“编辑”按钮,进入库编辑状态 （5）编辑相应的内容后选择“文件/保存文件”,关闭lbi文件 （6）打开其他要应用库的网页，将库项目从“资源”面板直接拖曳到该网页相应位置。 （7）保存网页。 Dreamweaver操作小结模板的运用 35、建立模板 （1）打开要作为模板的网页 （2）选择“文件/另存为模板”命令，输入相应模板文件名 36、编辑模板 （1）把插入点放在模板的相应位置，选择“插入/模板对象/可编辑区域”命令，添加可编辑区域。 （2）选择“文件/保存”命令保存模板文件 36、应用模板 （1）选择“新建文件”命令，建立一个新网页，改名后打开该网页 （2）选择“修改/模板/套用模板到页”命令，在 “选择模板”对话框中选择指定的模板文件，单击“选定”按钮。 （3）在“不一致的区域名称”对话框中选中Document body （4）在“将内容移到新区域”栏中选择设定的区域EditRegion。 （5）将插入点放在EditRegion区域，按要求编辑 （6）保存网页。 37、插入Java代码 （1）双击打开指定的代码文本文件，全选并复制,关闭文本文件 （2）打开代码窗口,将其贴在 之后(注意不能贴错)38、插入特殊字符：插入/HTML/特殊字符 Dreamweaver操作小结导航条 38、插入导航条 方法： （1）选择“插入/图像对象/导航条”命令 （2）选择导航条的插入方向“垂直”或“水平” （3）在“插入导航条”对话框中输入“项目名称”（不能是中文名称） （4）按要求选择“状态图像”、“鼠标经过图像”、“按下图像”及“按下时鼠标经过图像” （5）按要求在“按下时，前往的URL”栏中选择或输入相应链接地址 39、用CSS样式定义超级链接文字颜色 （1）在“CSS样式”面板中，单击 “新建CSS规则”按钮，出现“新建CSS规则”对话框。 （2）选择“高级”选择器类型。 （3）在“选择器”下拉列表中选择“a:hover”，（4）“定义在”选择“仅对该文档”，单击“确定”按钮后，（5）在“a:hover的CSS规则定义”对话框，在“类型”分类中选择“无”修饰、“颜色”设置为指定颜色。 • 同上，设置“a:link”标签：“定义在”选“仅对该文档”，“类型”分类中选择“无”修饰、“颜色”设置为指定颜色。 • 同上，设置“a:visited”标签：“定义在”选“仅对该文档”，“类型”分类中选择“无”修饰、“颜色”设置为指定颜色。 • 同上，设置“a:active”标签：“定义在”选“仅对该文档”，“类型”分类中选择“无”修饰、“颜色”设置为指定颜色。 Dreamweaver操作小结 其他 40、增加网页字体的方法； 41、导入素材的方法 43、新建网页的问题； 44、保存全部网页的问题 Dreamweaver制作网页经典问题大整理(1)1> 在DW中，如何输入一个空格呢？ 输入空格的问题，在DW似乎已成了一个老生常谈的问题，我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。 DW中对空格输入的限制是针对“半角”文字状态而言的，因此通过将输入法调整到全角模式就可以避免了，方法是：打开中文输入法（以人工智能ABC为例），按Shift+Space切换到全角状态，现在应该没问题了。此外，你还可以通过许多“变通”的方法达到录入空格的目的，比如常用的是： 直接在源代码中加入代表空格的HTML代码“ ”；输入一定长度的文字对象后，然后调整文字的颜色与当前的背景颜色相同等等，不过注意的是后者在一些浏览器中可能显示上有点问题。 2> 如何在浏览器地址栏前添加自定义的小图标？ 你是不是记得有时在浏览网易网站的首页时，在地址www.xiexiebang.com前会显示一个“易”字样的小图标。而默认情况下，这个图标是一个IE浏览器的指定图片。 其实这也不是什么高深技术，只不过在网站目录下添加了一个特定文件而已。 这时，我们需要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“ ”之间添加如下代码： 其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，即可自动识别！ 3> 为什么，我本来设计很好的网页，在浏览器窗口最小化时会变的丑陋难堪？ 这应该是个很值得大家注意的问题，也就是说，在全屏状态下浏览网页内容时，一点问题也没有。当我们使用窗口的最小化命令或手动的调整窗口的大小时，问题就慢慢出现了。网页内容会把当前窗口作为显示范围，依次下挫。举个例子，和在记事本中有“自动换行”和“没换行”的差别是完全一样的。解决这个问题，我们必须从网页的布局说起，一般情况下，网页内容的定位大多是通过表格来实现的。因此问题的“毛病”也就出在表格上。你可能已经注意到了，在表格的高宽设定选择上提供了两种不同的类型，百分比和像素。其中百分比的使用将会产生前面说到的那个毛病，将其全部更正为Pixels单位的实际大小就可以了。 4> 如何改变网页显示时，最顶部的提示信息？ 浏览网页时，顶部的提示信息往往代表了网页内容的关键所在，有助于访问者提前了解网页内容。在DW4前，没有在功能上直接提供该操作，我们往往通过在源代码中应用“title”属性来完成。进入DW4就简单多了。 直接在编辑窗口最上方的“title”输入框内键入所需要的文字信息即可。 ·Dreamweaver制作网页经典问题大整理(2)5> 怎么样，才能为图片添加指定颜色的边框？ 对于没有边框的图片而言，直接插入到网页中，在显示效果上是相当差的。记得在微软的FP中要给图片添加满意的边框还是相当麻烦的。不过在DW中就显得容易多了，因为这里有一个“Border”属性，可以让你直接设置边框的宽度。 宽度设好了，你一定会问，颜色呢？面板上并没有提供颜色的选择呀！呵呵，其实这里有一个技巧问题，用鼠标选择图片对象，注意不是点击选中，而是拖动选择。象设定文字颜色一样进行就可以了。 6> 如何添加图片及链接文字的提示信息？ 在我们浏览网页时，当鼠标停留在图片对象或链接上时，在鼠标的右下有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。 下面先看看图片提示信息的添加，选中图片对象，在属性面板里你会发现有个“Alt”输入框。默认情况下，该输入框是空白的。在这里录入需要的提示内容就可以了。 那么链接提示的制作就没这么简单了。因为DW中没有直接提供该功能，因此我们需要通过添加HTML代码来实现。 在中添加“title”属性。title=提示内容即可。 7> 如何把自己的ZIP或其他类型的文件供别人下载? 在不少初级网页制作者看来,好象通过鼠标单击完成下载是件很“神秘”的事,实际上远非如此.在DW中凡是不被浏览器识别的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作为链接目标时,默认的操作都是下载.这时你只需要,把要浏览者下载的文件名写好,然后制作一个到目标文件的链接.注意目录一定不要搞错.8> 怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动? 大家都知道,在IE浏览器的功能设置中，有一个可以自由设置窗口内容字体大小的功能，这样由于不同访问者的习惯问题，呈现在他们面前的网页有时也会不同。 比如你可能本来设计时用的是2号字体，结果由于用户对浏览器的额外设定，变的更大了，这时显示效果上就出问题了。 那么解决的办法就是将网页内容定性的强制在某个合适的大小上。即不容许他变化。通过CSS样式表对字体进行强制性控制就可以实现这个要求了。 ·Dreamweaver制作网页经典问题大整理(3) 9> 以新窗口的形式打开目标链接？ 以新窗口打开，顾名思义，也就是在不覆盖当前窗口的前提下，另外打开一个浏览器窗口。你可以直接在连接代码中加入“Target=_blank”。 如果你的HTML比较差的话，在DW属性面板上同样提供了这个设置，当你在Link输入框中键入www.xiexiebang.common的“内容”。 单击上面的“Refresh”按钮，其中“Delay”输入框中键入刷新延迟的时间（单位：秒），“Action”为刷新指定的目标URL。因为现在是刷新当前页面，直接选单选项“Refresh This Document”即可。 ·Dreamweaver制作网页经典问题大整理(4) 13> 如何定义网页的关键字（Keyname）？ 当用户使用搜索引擎search合适内容的网页时，关键字起着一个不容忽视的作用。大多的搜索服务器会每隔一段时间自动探测网络中是否有新网页产生，并把他们按关键字进行记录，以方便用户查询。 你当然想让你的网页出现在搜索引擎的查询返回列表中了，这时关键字的定义就尤为重要了。 同样在“Head”面板部分，单击“Keywords”按钮，录入需要逐个定义的关键字即可，注意每个关键字以“；”号隔开，数目没有限制。 14> 如何在编辑窗口中，隐藏一些不必要的标签？ 当用户在网页中插入了太多的不可见元素时，在编辑窗口的最上面就会显示一排相应的标示标签，用来方便用户随时能找到它们。虽然这些标签本身并不影响浏览器里的显示效果，但多了以后，往往使网页内容不得不错位，从而一定程度上妨碍网页视觉上的调整，那么怎么样才能把这些东东去掉呢？ 进入“Preperence”面板，列表中选择“Invisibel Elements”，勾掉你不想显示的项目前的“对号”即可，比如Scripts等 15>安排不支持“框架”的浏览器的显示内容？ 我们知道，目前的浏览器类型很多，因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢？”。框架就是一个例子！ 不过避免开这点，很简单，你只需要在源代码中加入下面的内容就可以了。 < BODY><![CDATA[---本网页中包含有框架结构，如果您不能正常显示的话，请下载新的浏览器版本或更换主流浏览器---< /noframes></ BODY></p><p>16> 如何避免别人把你的网页放在框架中？</p><p>一些居心不良的人，经常偷着窃取别人的劳动成果，比如把别人精心制作的网页以子页的形式放到自己的框架中。</p><p>那么怎样避免自己的网页内容被“盗用”呢？</p><p>你只需要在网页源代码的<head></head>之间加入以下代码内容： <script language=“javascript”><!--if(self!=top)-->< /script></p><p>17> 怎样加入注释内容？</p><p>注释内容，顾名思义只是作为说明内容出现的，因此在浏览时不会出现在网页中。它的作用是对某些重要或复杂代码进行必要的标示，以更方便快捷的找到。</p><p>进入“Object”面板的“Invisibel”部分（即不可见元素），选择插入“Comment”按钮，在“Comment”中键入必要的信息。这时如果你返回到源代码中，会看到这些操作添加的不过是下面格式的一段代码：</p><p><！--这是需要填写的注释内容--> ·Dreamweaver制作网页经典问题大整理(5)</p><p>18> 水平线，为什么不能设置颜色？</p><p>在DW中，当通过菜单“Insert”-“Horizonal Rule”插入水平线时，在属性面板中你会发现并没有提供关于水平线颜色的设置，因为最早NC中不支持标签<hr>（水平线的HTML代码）的COLOR属性，所以DW也没有关于它的设置。</p><p>看来需要的话，我们只能直接进入源文件更改了。<hr color=”对应颜色的代码“></p><p>19> 如何设置可以关闭当前窗口的功能？</p><p>这里我们可以先输入用来标示的文字“关闭窗口”，用鼠标拖动选中它，在“Link”输入框中键入“/”，同时切入源代码窗口，在链接代码中键入该事件-onclick=“javascript:window.close();return false;”。</p><p>完整的代码为：<a href=“/”onclick=“javascript:window.close();return false;”>关闭窗口< /a></p><p>当然你也可以将文字“关闭窗口”换成其他的对象，比如图片，按钮等等！</p><p>20> 定时自动关闭的窗口又是怎样的呢？</p><p>上面提到了个关闭窗口的功能，那么现在的自动关闭又是怎么实现的呢？</p><p>在源代码<body>后加入下面的代码： < script LANGUAGE=“javascript”> <!--setTimeout('window.close();', 10000);--> < /script></p><p>其中的set Timeout是一个用来设定延迟时间的函数，这里10000表示10秒钟</p><p>21> 如何更改浏览器中鼠标的”形状"?</p><p>一般情况下，鼠标在浏览器中以“箭头”的样式出现，那么我们能不能把它更改为自己喜欢的其他样式类型呢？</p><p>改变鼠标形状在DW中是通过“CSS样式表”来实现的。</p><p>菜单“文字（Text）”-“CSS样式表（CSS style）”-“Edit style sheet”，弹出样式表的编辑窗口，也可以单击快速启动板中的CSS style按钮找到，单击“New”按钮，选择默认的“Make custom style”，同时在下面的Define中使该样式只应用到当前网页文档，“This document only”。</p><p>在“样式定义”窗口的左边列表项中选择“Extensing”（扩展项），相应右边设置</p><p>在“Cursor”（鼠标）中，下拉选择合适的形状即可，确定后返回，按F12在浏览器中观察效果，不满意的话，还可以对样式进行修改。</p><p>22>如何去除掉链接文字下面的下划线？</p><p>在我们完成链接制作后，链接文字内容往往被自动在下面添加一条下划线，用来标示该内容包含超级链接。当一个网页中链接比较多时，就显得有些杂乱的感觉了，其实我们可以很方便的把它去掉。</p><p>同样进入“Edit style sheet”窗口，单击“New”确立新样式，这里的Type（类型）中，需要选择的是“Redefine HTML Tag”，同时在具体的标记Tag中选中代表超级链接的“a”，单击OK。</p><p>编辑该样式，左边列表中选“Type”，勾取“Decoration”（修饰）中的“None”复选框，这时所有网页中的链接文字下划线都被清除掉了。</p><p>·Dreamweaver制作网页经典问题大整理(6)</p><p>23> 怎样让鼠标在链接文字上方“悬停”时，产生变色，变形等效果？</p><p>访问网站时，我们遇到的最平常不过的一种效果就是“鼠标悬停响应”了，所谓的“鼠标悬停响应”表现在链接文字上，就包括改变颜色，修饰效果（下划线，中划线）等多种选择。</p><p>由于这种效果很好的起到了对目标内容的强调作用，因此无论是个人网站还是一些大的商业网站（如新浪，搜狐，网易等）都有应用。</p><p>在上个问题中，你已经知道了去除掉链接下划线的方法，这里不再赘述。下面的问题将是如何添加鼠标响应事件的过程。</p><p>同样进入“Edit style sheet”窗口，单击“New”确立新样式，不同的是现在的Type类型中选择最后的一项-“Use CSS selector”，“Selector”选单中选择“a:hover” OK，进入编辑样式窗口，设定“Type”项中的文字颜色为“红色”，当然你还可以添加鼠标悬停时出现下划线的效果。</p><p>24>如何让网页的背景图片不跟随内容滚动？</p><p>背景图片是很多网页设计者经常添加的东西，当网页内容超出一屏时，拉动滚动条背景图片会与内容相对静止的一起滚动，那么能否锁定背景不跟随滚动呢？当然可以进入“Edit style sheet”窗口，单击“New”确立新样式，在TYpe中选择“Redefine HTML Tag”，同时Tag选单选中“Body”，在左边列表中选择“Background”。设定“Attachment”（附件）为“fixed”。其中scroll代表默认使用的滚动显示。</p><p>25> 背景音乐你一定知道吧，怎么添加呢？</p><p>在微软的网页工具-Frontpage中，有关于背景音乐的设置功能，那么DW显然没有作到这点，因此要使用的话，只能在源代码中手动添加了。</p><p>在使用前，提醒大家一点，使用背景音乐一定要注意网页文件的大小，不能顾此失彼。</p><p>代码如下：</p><p>< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”></p><p>其中src指定音乐文件的位置，autostart为音乐文件上传后的动作，true表示自动开始播放，false不播放（默认值）。</p><p>27> 如何自动加入网页更改后的日期？</p><p>只需要在源文件<body></p><h2><a name="3" >第三篇：dreamweaver网页制作教案</a></h2><p>dreamweaver网页制作教案</p><p>（Dreamweaver MX）</p><p>一、Dreamweaver MX中文版建站初步</p><p>建立一个网站，首先要在本地机器上做好网站，再传到网上的虚拟空间上。现在免费的网页空间很少了，在http://。</p><p>◇使用属性检查器：选中示例中的图像，也可以是文字，点击属性面板中的“浏览文件”图标。</p><p>◇选中一个文件。会出现一个文件相对于“文档”，“站点根目录的选择”。文档相对路径是最适合用于本地链接的路径类型，适合绝大多数Web站点，推荐使用。</p><p>◇根相对路径：如果在一个使用多台服务器的大型Web站点或一台服务器上有多个站点的情况下工作，可能需要使用这种类型的路径。很少用到这种路径。如果没有服务器的控制权限，不要使用这种方式！</p><p>◇绝对路径：完整的URL，称作绝对路径。例如在链接域输入http://vip.5dmedia.com/fuguotao</p><p>◇从打开文档的选取中创建链接：选中文字，按Shift键，拖动出现“指向文件”图标，把“指向文件”图标拖向目标文件，就会建立链接。</p><p>◇选择被链接文档要打开的位置：</p><p>若要使被链接文档不出现在当前窗口或框架中，从属性面板的“目标”弹出式菜单选取一个选项。</p><p>_blank 在新的未命名的浏览器窗口中加载链接文档。</p><p>_parent 在父框架页或包含该链接的框架窗口中加载链接文档。如果包含链接的框架不是嵌套的，则链接文档将加载到整个浏览器窗口中。_self 将链接文档加载到与链接相同的框架或窗口中，该目标是默认值，所以通常您不需要指定它。</p><p>_top 将在整个浏览器窗口中加载链接文件，同时移除所有框架。</p><p>一个网站中，第一级链接或者导航链接选择_self，第二级链接和友情链接选择_blank。</p><p>第二部分：使用锚</p><p>简明步骤：选中文本→在目标文档中插入锚标记→命名→拖动“指向文件”图标到文本。◇链接到文档中的指定位置：在需要插入锚的地方，点一下光标，然后单击常用面板上的命名锚记工具。</p><p>键入锚记名称，一个站点中的锚记名称只可以是唯一的，否则会出现错误。</p><p>在文档中选取要创建链接的文本，打开您需要链接的命名锚记所在文档，不一定要是当前文档，可以是站点中的其它文档，点击属性面板中的“指向文件”图标，并将它拖动到您需要链接的锚记处。</p><p>第三部分：使用空链接</p><p>使用空链接可以为页面上的对象或文本附加行为。创建步骤： 1.在文档窗口中，选中要设置链接的文本、图像或其他对象。2.在属性面板的链接框中，只输入一个“#”号。3.如果单击这种地址为一个“#”的链接，无论当前你处于文档的什么地方，都会自动跳转到文档的开头位置。很多人非常讨厌这种情况，因此出现很多插件。可以用“###”来代替“#”，单击这样的链接的时候，会保持当前页面的浏览位置。4.还可以在属性面板的链接框中输入javascript:;创建空链接。第四部分：创建javascript脚本链接 1.在文档窗口中选取文本，图象或对象</p><p>2.在“属性”检查器的“链接”栏中键入javascript:，其后紧接JavaScript代码或函数调用。</p><p>例如在链接栏中键入javascript:alert('哈哈你上当了')创建一个链接，点击链接后就会出现一个警告框</p><p>第五部分：创建电子邮件链接</p><p>方法一：选取需要创建链接的文本或者图像，点击常用面板中的“电子邮件链接”工具，输入邮件地址。方法二：选取需要创建链接的文本或者图像，在属性面板中的链接栏输入mailto:邮件地址。</p><p>第六部分：创建跳转菜单，例如制作一个友情链接。</p><p>首先将插入点放在要插入链接的位置。点击表单面板中的跳转工具</p><p>在插入跳转菜单对话框中，点添加项添加新链接。</p><p>在属性面板中选择类型为“菜单”。</p><p>在浏览器中发布如图：</p><p>在属性面板中选择类型为“列表”高度为3。</p><p>在浏览器中发布如图：</p><p>点击属性面板中的列表值，可以修改列表值。</p><p>第七部分：给链接增加提示，给链接增加快捷键。首先将插入点放在要插入链接的位置。点击常用面板上的超级链接工具。</p><p>设置链接参数。</p><p>标题是指当指向链接会出现提示。</p><p>访问键是指按键盘上的快捷键会选中链接。例如在实例中按Alt+D键会选中5D多媒体。</p><h2><a name="4" >第四篇：Dreamweaver网页设计教学计划</a></h2><p>《Dreamweaver网页设计》教学方案</p><p>第一部分 说明</p><p>1．课程的性质与任务</p><p>“Dreamweaver网页设计”是计算机网络技术专业（专科）的一门统设必修课。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。</p><p>2．与相关课程的衔接、配合、分工</p><p>先修课程：计算机应用基础Photoshop图像处理等。</p><p>后续课程：Flash动画制作等。</p><p>３．课程的教学基本要求</p><p>本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。</p><p>4．课程教学要求的层次</p><p>1．掌握：</p><p>要求学生能够全面掌握所学内容，并能够用其分析、应用与Dreamweaver网页设计相关的问题，能够举一反三。</p><p>2．理解：</p><p>要求学生能够较好地理解与Dreamweaver网页设计相关的问题，并且能够进行简单分析和判断。</p><p>3．了解：</p><p>要求学生能够一般地了解的所学内容。第二部分 媒体使用与教学过程建议</p><p>学时分配</p><p>课程教学总学时90学时，5学分。其中授课36学时，实训54学时。</p><p>2．多种媒体教材的总体说明</p><p>1．本课程文字教材为合一型教材，文字教材作为学习的主要媒体，着重反映课程的基本知识和针对性、应用性，在形式上要便于自学。在内容上包括基本理论知识讲解和实训两部分。</p><p>2．视频媒体配合文字教材的讲授，内容重点在于实训及辅导。</p><p>3．CAI课件作为网络教学媒体，可以在互连网上使用也可以单机使用。</p><p>3．教学环节</p><p>以主教材讲授为主，其它媒体作为辅助教学资源，以学生自学为主。</p><p>4．主要教学媒体的使用与学时分配</p><p>内容</p><p>序号 1 2 3 4 5 6 7 8 9 10 11 12 13 14</p><p>第1章 Dreamweaver基础</p><p>第2章 网页设计语言基础</p><p>第3章 文本和图像处理</p><p>第4章 表格与页面布局</p><p>第5章 创建超级链接</p><p>第6章 层与层动画</p><p>第7章 框架与框架网页</p><p>第8章 创建ＣＳＳ样式表</p><p>第9章 资源、模板和库</p><p>第10章 媒体对象的应用</p><p>第11章 表单处理</p><p>第12章 创建Web站点</p><p>第13章 制作动态网站</p><p>第14章 网站的维护和上传</p><p>2学时 3学时 3学时 3学时 2学时 3学时 2学时 3学时 2学时 3学时 3学时 2学时 3学时 2学时</p><p>教学内容 理论学时</p><p>合计</p><p>36学时</p><p>第三部分 教学内容和教学要求</p><p>第1章 Dreamweaver基础（2学时）</p><p>教学内容：</p><p>Dreamweaver 的历史和简介</p><p>Dreamweaver 的安装过程</p><p>Dreamweaver 的全新界面</p><p>改进的设计与开发环境</p><p>主菜单介绍</p><p>对象控制面板介绍</p><p>教学要求：</p><p>掌握：Dreamweaver的基本特点、新增功能及界面组成。基本操作，如安装、新建、打开、导入、保存、关闭等。</p><p>理解：新增功能、界面组成的优点。</p><p>了解：Dreamweaver可以为我们做些什么。</p><p>第2章 网页设计语言基础（3学时）</p><p>教学内容：</p><p>HTML及XHTML语言介绍</p><p>常用的网页语法标记</p><p>教学要求：</p><p>理解：HTML及XHTML语言介绍，常用的网页语法标记</p><p>第3章 文本和图像处理（3学时）</p><p>教学内容：</p><p>文本属性面板</p><p>编辑文本和插入对象</p><p>设置文本的格式</p><p>编号与项目符号</p><p>在网页中插入图像</p><p>图像的应用</p><p>教学要求：</p><p>掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。</p><p>理解：如何进行图像调整。</p><p>第4章 表格与页面布局</p><p>教学内容：</p><p>表格的基本操作</p><p>单元格的基本操作</p><p>表格的自动套用格式</p><p>表格的创建</p><p>表格的编辑</p><p>创建布局单元和表格</p><p>教学要求：</p><p>掌握：如何插入、编辑表格，创建布局单元和表格。</p><p>理解：表格在网页排版中的作用。</p><p>了解：使用页面布局模式进行网页排版的方法。</p><p>第5章 创建超级链接（2学时）</p><p>教学内容：</p><p>（3学时）</p><p>链接分类</p><p>创建超级链接</p><p>链接的四种状态</p><p>创建Email链接</p><p>管理超级链接</p><p>教学要求：</p><p>掌握：创建超级链接和Email链接，会设置链接的各种状态。</p><p>理解：超级链接几种状态之间的差别和共同点。</p><p>了解：创建Email链接中的各种技巧。</p><p>第6章 层与层动画（3学时）</p><p>教学内容：</p><p>层的概念</p><p>创建层</p><p>层操作</p><p>层与表格的相互转换</p><p>层动画的概念与设计</p><p>教学要求：</p><p>掌握：层的概念与使用</p><p>理解：层动画的概念与设计</p><p>第7章 框架与框架网页（2学时）</p><p>教学内容：</p><p>框架的基本概念</p><p>创建框架和框架集</p><p>框架的使用</p><p>框架和框架集的属性设置</p><p>教学要求：</p><p>掌握：框架和框架集的创建；框架的使用。</p><p>理解：使用框架的优缺点。</p><p>第8章 创建ＣＳＳ样式表（3学时）</p><p>教学内容：</p><p>CSS层叠式样式表</p><p>定义CSS样式表</p><p>创建并链接到外部CSS样式</p><p>设置CSS样式的格式化参数</p><p>设置超链接显示状态</p><p>添加各种ＣＳＳ效果</p><p>教学要求：</p><p>掌握：内部ＣＳＳ和外部ＣＳＳ的添加方法，编辑ＣＳＳ属性，使用ＣＳＳ进行页面的排版，创建各种ＣＳＳ效果。</p><p>理解：使用CSS排版的优点。</p><p>了解：如何使用ＣＳＳ控制背景、鼠标以及添加其它特殊效果。</p><p>第9章 资源、模板和库（2学时）</p><p>教学内容：</p><p>资源管理</p><p>模板的创建</p><p>模板的编辑</p><p>定义模板可编辑区域</p><p>创建，管理和编辑库项目</p><p>教学要求：</p><p>掌握：模板的创建，模板的编辑，定义模板可编辑区域</p><p>理解：资源管理</p><p>了解：创建，管理和编辑库项目</p><p>第10章 媒体对象的应用（3学时）</p><p>教学内容：</p><p>插入Flash对象</p><p>插入Shockwave对象</p><p>插入视频</p><p>插入ActiveX控件与Java小程序</p><p>填加声音</p><p>教学要求：</p><p>掌握：插入Flash对象、插入Shockwave对象、插入视频、插入ActiveX控件与Java小程序、填加声音</p><p>第11章 表单处理（3学时）</p><p>教学内容：</p><p>表单概述</p><p>表单对象</p><p>创建表单</p><p>处理表单</p><p>创建动态表单</p><p>教学要求：</p><p>掌握：创建表单、处理表单和设置表单参数。</p><p>理解：表单的概念和作用。</p><p>了解：如何使用表单创建交互式界面。</p><p>第12章 创建Web站点（2学时）</p><p>教学内容：</p><p>站点规划</p><p>在Dreamweaver8中创建站点</p><p>管理站点与站点文件</p><p>使用站点地图</p><p>为网站指定服务器技术</p><p>教学要求：</p><p>掌握：规划站点、建立和管理站点；使用站点文件和地图。</p><p>理解：创建站点的必要性。</p><p>了解：服务器技术的指定。</p><p>第13章 制作动态网站（3学时）</p><p>教学内容：</p><p>Access数据库基础</p><p>ODBC数据源设置</p><p>ASP与Web服务器配置</p><p>Dreamweaver8动态网站设计</p><p>创建与数据库连接</p><p>教学要求：</p><p>掌握：数据源的设置，如何配置Web服务器，如何创建与数据库的链接。</p><p>理解：数据库在动态网站设计中角色的重要性。</p><p>了解：设置数据源和创建数据库链接的技巧</p><p>第14章 网站的维护和上传（2学时）</p><p>教学内容：</p><p>在本机中测试网站</p><p>预览网页效果</p><p>网站的查错</p><p>发布网站到服务器</p><p>教学要求：</p><p>掌握：Dreamweaver8的测试、预览和发布设置。</p><p>理解：网站排错的必要性。</p><p>了解：如何发布网站到服务器。</p><p>实训内容</p><p>（实训分为必做和选做内容，可根据实际的实验条件选做。实验总计54学时）</p><p>实训1：建立Web网页（必做）</p><p>实训2：文本及其格式化（必做）</p><p>实训3：图像（必做）</p><p>实训4：超级链接（必做）</p><p>实训5：表格和页面布局（必做）</p><p>实训6：框架（必做）</p><p>实训7：层（必做）</p><p>实训8：模板与库（必做）</p><p>实训9：表 单（必做）</p><p>实训10：行 为（必做）</p><p>实训11：多媒体组件的插入、使用代码设计网页与站点管理（必做）实验12： 动态网站制作（选做）</p><p>实验13：ASP与SQL Server数据库相连（选做）</p><h2><a name="5" >第五篇：Dreamweaver网页设计实验报告</a></h2><p>实验报告</p><p>专业</p><p>XXXXXX</p><p>班级</p><p>XX 班</p><p>学号</p><p>XXXXXX</p><p>姓名</p><p>XXX</p><p>报告完成日期</p><p>2012-12-26</p><p>指导教师</p><p>XXX</p><p>评语：</p><p>成绩：</p><p>批阅教师签名：</p><p>批阅时间：</p><p>一、制作时间</p><p>2012年12月18日至2012年12月26日。</p><p>二、实习内容</p><p>1、使用Dreamweaver制作网站，该网站为福建工程学院网站</p><p>2、网站不少于8个页面，主页和各模块相关页面；</p><p>3、页面中包含文字、图片；</p><p>4、使用CSS实现网页相关页面设置，要求在实现网页内能够显示文字，图片等信息；</p><p>5、使用网页浏览器进行网站测试。</p><p>三、实习环境</p><p>1、硬件环境：计算机一台；</p><p>2、软件环境：Dreamweaver cs4；</p><p>3、测试环境：IE、firework等网页浏览器。</p><p>四、网站总体设计</p><p>1、网站主题</p><p>本网页是以福建工程学院网站为主题，针对不同的年龄阶段的人给出了不同的学院的信息。</p><p>2、设计思路</p><p>首先构思了基本网页的布局，主页采取了常用的1-（1+1+1），附页采用了1-（1+1），上了多个网 最后决定参照福建工程学院的官方网站进行制作，但是布局并不相同 素材取自福建工程学院官方网站，部分图片取自百度，网站包括1个主页7个子页，子页包含了所有的学校状况，分别为：学校简介、现任校领导、教学机构、管理机构、校纪校训校歌、校园风光、新校区建设；采用了较难的二级菜单 和 JVAV技术实现导航栏上面的图片进行4张轮播。</p><p>五、制作步骤</p><p>1.首先确定网页的主题后，从网上查看各名校的网站，并从中寻找思路开始做网页。经过长时间的浏览，最终选择福建工程学院作为参照（网址：http://www.xiexiebang.com）</p><p>2.受福建工程学院主页的影响我自学了图片轮播和二级菜单，从而制作了轮播图片和二级菜单。</p><p>3.由于对于JVAV和表单的知识并不是非常了解所以有些地方需要实现的实现不出来放弃了，期中研究了最久的就是 导航轮播和下面的有块区域的图片轮播，结果因为不知道如何同时初始化2个JVAV函数 最后以失败告终 只好放弃</p><p>4.本次制作最难的地方是导航菜单的二级菜单和图片轮换</p><p>在制作过程中，遇到很多次的制作混乱，最后还是老师帮忙解决的。</p><p>5.原计划那些JVAV代码因为无法同时初始化他们放弃了 只好以一些列表代替</p><p>6.最后，将一些小细节的东西做了些处理，最后打包上交。</p><p>六、实习总结</p><p>这次是我们web的期末考试制作，通过这一次的制作，不仅巩固了以前学过的知识，还学会很多课堂上未教授的东西。通过老师的讲解、查阅资料，解决了很多制作上的困难，这一点我在这要好好感谢我们的XX老师和我们宿舍的学姐，谢谢她们帮我很大的忙。</p><p>七、参考文献</p><p>《HTML+CSS网页设计与布局》 《PHP编码》</p> </div>
</article>
<a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow">
<img class="download_card_pic" src="//static.xiexiebang.com/skin/default/images/icon_word.png" alt="下载Dreamweaver网页操作命令集合5篇word格式文档">
<div class="download_card_msg">
<div class="download_card_title" style="text-decoration:none;">下载Dreamweaver网页操作命令集合5篇.doc</div>
<div class="download_card_tip">将本文档下载到自己电脑，方便修改和收藏，请勿使用迅雷等下载。</div>
</div>
<div class="download_card_btn">
<img src="//static.xiexiebang.com/skin/default/images/icon_download.png">
<div class="downlod_btn_right">
<div>点此处下载文档</div>
<p>文档为doc格式</p>
</div>
</div>
</a>
<div class="post-tags mt20 mb30"><span>相关专题</span>
</div>
<div class="single-info mb40"><span class="hidden-xs ">网址：https://www.xiexiebang.com/a8/201905134/807e36a2c5fba546.html</span><br>声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：645879355@qq.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。 </div>
<div class="single-xg mb40">
<div class="con-title">
<h3><a name="6"></a>相关范文推荐</h3>
</div>
<div class="sticky mb20">
<ul><h2 class="mb20"><a href="/a13/2019051422/285f89602e0ac451.html" target="_blank">网页制作《Dreamweaver》制作要点小结</a></h2><p>网页制作
一、准备工作
１、站点的管理（创建、修改和删除站点）
２、网站与网页的关系：首页+子页＝网站
index.htmlp1.htmlp2.htmlp3.html
３、网页的页面属性：“修改”——“页面属性”......</p><h2 class="mb20"><a href="/a5/201905130/b2a37654c9d6b775.html" target="_blank">Dreamweaver网页设计+授课教案</a></h2><p>Dreamweaver教案一( 一课时) 教学目的：初步了解Dreamweaver的操作教学重点：Dreamweaver的界面教学难点：各个面板的调用一、 引入为什么要用Dreamweaver而不用Frontpage？Dreamwe......</p><h2 class="mb20"><a href="/a5/2019051223/83d0d06c7300179a.html" target="_blank">Dreamweaver网页制作教案[推荐五篇]</a></h2><p> 认识Dreamweaver 一、学习目的 了解Dreamweaver，学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、 Dreamweaver的功能 Dreamweaver可......</p><h2 class="mb20"><a href="/a1/2019051213/aa40c40930db2ea4.html" target="_blank">Dreamweaver网页制作技巧心得体会</a></h2><p>Dreamweaver网页制作技巧心得体会 熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右......</p><h2 class="mb20"><a href="/a4/2019051222/d48f511e225ca2ef.html" target="_blank">《Dreamweaver网页制作》考核方案</a></h2><p>《Dreamweaver网页制作》课程考核方案
一：《Dreamweaver网页制作》课程的期末考试形式
基于本课程操作性较强的特点，在本学期对该课程实行上机设计考试，给出考试要求，提供操作素......</p><h2 class="mb20"><a href="/a12/2019051321/c3fbcb6c3f3681c5.html" target="_blank">UNIX命令操作大全范文合集</a></h2><p>UNIX命令操作大全 unix系统操作命令大全 用户在登录前，首先要向系统管理员申请一个用户注册名，不论用户从哪台计算机登录到ITPNET上都将访问相同的文件系统。 1.1 登录 当屏......</p><h2 class="mb20"><a href="/a12/201905144/de1c2d3b612b8731.html" target="_blank">基于Dreamweaver的网页设计(标准格式毕业论文)</a></h2><p>石家庄科技信息职业学院 顶岗实习岗位技术工作论文 基于Dreamweaver的网页设计 学 号: 121404218 姓 名: *** 专 业: 软件技术 年 级: 12级 企业指导老师: 二〇一五年三月......</p><h2 class="mb20"><a href="/a12/201905144/2312584e089d0504.html" target="_blank">电大Dreamweaver的网页设计论文</a></h2><p>鄂尔多斯电视广播大学毕业设计 鄂尔多斯电视广播大学 毕业设计（论文） 题目：个人网站设计——个人网站建设 学 院：_鄂尔多斯电大 _ 专 业：计算机应用技术 班 级： 计算机班 姓 名：___......</p></ul> </div>
</div>
</div>
</div>
<div class="right-content-box wow fadeInRight delay300 right-content">
<script src="/e/member/login/loginjs.php"></script>
<div class="sidebar">
<div id="sidebar" role="complementary">
<aside id="recent-posts-3" class="widget widget_recent_entries">
<h3 class="widget-title">猜你喜欢</h3>
<ul class="new-list"><li><a href="/a12/201905144/8da430bcadacb3f3.html" title="2016届职业高中Dreamweaver网页设计毕业论文" target="_blank">2016届职业高中Dreamweaver网页设计毕业论文</a></li><li><a href="/a2/2019051220/27184ecf71d06c41.html" title="Shell命令文本操作命令小结" target="_blank">Shell命令文本操作命令小结</a></li><li><a href="/a14/2019051511/8b632c48dc92c426.html" title="Dreamweaver网页设计 职业技能实训答案（★）" target="_blank">Dreamweaver网页设计 职业技能实训答案（★）</a></li><li><a href="/a11/201905142/1a4991f5271c38e9.html" title="Dreamweaver中(网页)如何制作圆角边框总结（定稿）" target="_blank">Dreamweaver中(网页)如何制作圆角边框总结（定稿）</a></li><li><a href="/a5/201905130/25702cd46277ffb5.html" title="网页设计Dreamweaver CS3 教案(华东师范大学出版社)" target="_blank">网页设计Dreamweaver CS3 教案(华东师范大学出版社)</a></li><li><a href="/a6/2019051319/9d419238e543d5fa.html" title="用dreamweaver制作网页的实践报告" target="_blank">用dreamweaver制作网页的实践报告</a></li><li><a href="/a1/2019051214/e66412c1e4b32610.html" title="数据库操作命令总结[合集五篇]" target="_blank">数据库操作命令总结[合集五篇]</a></li><li><a href="/a1/2019051123/ac73e1c2e0ac1afd.html" title="Vb操作excel的命令（范文模版）" target="_blank">Vb操作excel的命令（范文模版）</a></li><li><a href="/a3/2019051211/307fbb4b65fd9008.html" title="CAD平面制图简单命令操作" target="_blank">CAD平面制图简单命令操作</a></li><li><a href="/a5/201905130/aebf0cfa675efde6.html" title="教学设计：《Dreamweaver网页制作实用教程》----框架技术" target="_blank">教学设计：《Dreamweaver网页制作实用教程》----框架技术</a></li></ul> </aside>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="p30">
<div class="container">
<div class="footer-top clearfix">
<div class="copyr">
<div class="footer-menu clearfix mb10">
<ul class="footer-menu-con">
<li><a href="/a1/">1号文库</a></li><li><a href="/a2/">2号文库</a></li><li><a href="/a3/">3号文库</a></li><li><a href="/a4/">4号文库</a></li><li><a href="/a5/">5号文库</a></li><li><a href="/a6/">6号文库</a></li><li><a href="/a7/">7号文库</a></li><li><a href="/a8/">8号文库</a></li><li><a href="/a9/">9号文库</a></li><li><a href="/a10/">10号文库</a></li><li><a href="/a11/">11号文库</a></li><li><a href="/a12/">12号文库</a></li><li><a href="/a13/">13号文库</a></li><li><a href="/a14/">14号文库</a></li><li><a href="/a15/">15号文库</a></li>
</ul>
</div>
<p>Copyright © 2018 <a href="/">写写帮文库</a> All Rights Reserved <a target="_blank" href="http://www.beian.miit.gov.cn" rel="nofollow"> 浙ICP备11058632号</a>
<script type="text/javascript" src="//static.xiexiebang.com/skin/default/js/tj.js"></script></p> </div>
</div>
</div>
</section>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/superfish.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/jquery.slicknav.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/xs.js'></script>
<div class="right_bar hidden-xs ">
<ul>
<li class="rtbar_li1" style="left: 0px;"><a><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li>
<li class="rtbar_li2"> <a href="javascript:void(0);"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a>
<div class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二维码" src="//static.xiexiebang.com/skin/default/images/wechat.png"> </div>
</li>
<li class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&Menu=yes"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 点击咨询 </a> </li>
<li class="rtbar_li5"><a href="#1">第一篇</a></li>
<li class="rtbar_li6"><a href="#2">第二篇</a></li>
<li class="rtbar_li7"><a href="#3">第三篇</a></li>
<li class="rtbar_li8"><a href="#4">第四篇</a></li>
<li class="rtbar_li9"><a href="#5">第五篇</a></li>
<li class="rtbar_li10"><a href="#6">更 多</a></li>
<li class="rtbar_li4 gotop"> <a href=""><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li>
</ul>
</div>
</body>
</html>]]> | 