您的位置：360文档中心› 用Dreamweaver建立框架页面

用Dreamweaver建立框架页面

用Dreamweaver建立框架页面
用Dreamweaver建立框架页面

实验8 用Dreamweaver建立框架页面

实验目的：通过实验，掌握如何如何创建和应用框架页面，了解框架的基本分布结构和各个框架页面之间的相互联系。

实验步骤：

1. 启动Dreamweaver程序，选择菜单“文件”“新建”命令，打开“新建文档”对话框。在对话框中“常规”标签下选择“类别”列表中的“框架集”选项，然后再右边的“框架集”列表中选择“上方固定”选项，如图8-1所示。单击“创建”按钮创建框架网页。

2. 选择菜单“窗口”“框架”命令，打开框架控制面板。

3. 用鼠标单击框架控制面板中的下部分，选中mainFrame框架。如图8-2所示：

图8-1 套用框架图11-2 选择框架集的子框架

4. 将鼠标放在选中的边框上，使鼠标变成双向箭头，然后拖动鼠标将该框架分成左右两个子框架。如图8-3所示。

图8-3 把主框架切分为子框架

5. 在框架编辑窗口中，单击顶部框架，选择菜单“文件”→“保存框架”命令，保存框架为页面。

6. 将光标停放到下部分框架的左边框家中，选择菜单“文件”→“保存框架”命令，保存框架为页面。

7. 按同样的方法，将右边的框架保存为页面。

8. 单击框架面板上最外层的边框，或单击页面编辑窗口中的最外层边框，使外框出现虚线。如图8-4所示：

图8-4选中整个框架

说明鼠标单击所选中的框架，

页面中的框架边框会出现虚线，所选

中的框架就是当前正在编辑的页面.

9. 选择菜单“文件”—>“保存

全部”命令，保存所有框架和框架集，

框架集文件名称为.如图8-5所示.

10. 单击框架面板上的topFrame框架，选中网页.

11. 打开属性面板，在属性面板上的“滚动”下拉菜单中选择“否”，

然后勾选旁边的“不能调整大小”复选框；在“边界宽度”和“边界高度”的文本框中都输入0，参数设置如图8-6所示.

图8-6 top框架的属性设置

说明框架属性面板上的“滚动”下拉菜单中有“是”.“否”.“自动”.和“默认”四项，其中选择“是”表示允许页面左右.上下出现滚动条；选择“自动”.“默认”表示根据网页内容，需要时自动显示滚动条；选择“否”表示不允许出现滚动条.

12. 单击top框架页面，在属性面板中单击“页面属性”按钮。

13. 打开“页面属性”对话框，在“左边框.右边框.上边框.下边框”各文本框中输入0，使网页边距都为0.单击“确定”返回框架页编辑窗口.

14. 单击“插入”面板上的“表格”按钮，插入2行4列，宽为100%的表格.

15. 打开属性面板，设置第2列两个表格背景颜色为“浅蓝色”（色标值为#E0E4F4），然后选择第4列单元格，设置同样的背景颜色；设置第3列单元格的背景颜色为“深蓝色”（色标值为#3A4593）

16. 单击属性面板的“拆分单元格为行或列”按钮，分别在第2行的各个单元格插入行，把增加行的单元格背景颜色设置为“深蓝色”（色标值为#3A4593）

17. 将光标停放在第1行中的第2单元格内，打开属性面板，选择“水平”下拉菜单中的“居中对齐”命令，选择“垂直”下拉菜单中“底部”命令，使光标移动到底部中间的位置；同样，使第4单元格中的光标移动到底部中间的位置.

18. 单击插入面板上的“表格”按钮，在第1行中的第2个单元格内插入1行7列的嵌套表格，然后依次在表格内输入“公司简介”.“旅游路线“.”特色产品“.“主题活动”.“旅游咨讯”.“论坛聊天”.“联系我们”等栏目标题.

19. 同样，在第4列第2行的单元格中插入1行2列的嵌套表格，然后在表格中输入“首页”.“站点导航”标题.

20. 在内容输入完毕后，top 框架上的页面制作好了,此页就是,显示效果如图8-7所示.

图8-7 完成页面

说明有时候在完成top框架后,框架中底部的内容被下部分的框架遮盖了,这表示top框架内容较多或下部的框架位置过高,这时可以打开框架控制面板,单击最外层框架边框或下部框架边框,然后在属性面板"行"或"列"的文本框中输入合适的值.

21. 在框架面板上单击左边leftFrame框架，在属性面板上“滚动”列表中选择“否”.然后单击页面编辑窗口中的页面，设置页面属性的“左边距.右边距.上边距.下边距”各文本框中输入0，使网页边距都为0，确定页面属性设置.

22. 单击框架面板上的下部最外层边框，然后在属性面板中“列”文本框中输入600像素.

23. 把光标放到页面中，单击插入面板上“表格”按钮，在页面中插入1行2列的表格，表格宽度为100%.

24. 设置第2个单元格背景颜色为“浅蓝色”（色标值为#E0E4F4），在“水平”列表中选择“居中对齐”选项，在“垂直”列表中选择“底部”选项.如图8-8所示.

图8-8 在左边框的页面中插入表格

说明如果左边框的宽度不够，则可以在边框的属性“列”值中进行调试，直到达到效果为止.

25. 在第2个单元格内，单击插入面板上的“图像”按钮，在表格中插入图像文件“”.

26. 把光标放到第1个单元格中，在表格中插入4行3列，宽度为106像素，单元格边距为4的嵌套表格.

27. 选中嵌套表格第1列的单元格，单击属性面板上的“合并所选单元格”按钮，合并第1列单元格，设置背景颜色为“深蓝色”（色标值为#3A4593）.

29. 在第3列的第2，3，4单元格内，分别输入“衣食住行”.“购物娱乐”.“历史文化”，完成后保存整个框架.

30. 单击框架面板上右侧的mainFrame框架，然后在属性面板的“滚动”选项中选择“默认”.

31. 将光标放到页面中，单击插入面板上的“表格”按钮，插入2行1列，宽度为300像素，各边距都为0的表格.

32. 在表格中输入如图8-9右边中的内容.

图8-9 框架中的内容

33. 制作好页面的内容之后，然后选择菜单“文件”—>“保存全部”命令，保存所有页面，按下F12在浏览器中查看网页效果.如图8-9所示.

说明框架集制作好了，现在就可以利用框架上的导航制作各个框架内容页面的超级链接，这也是制作框架的重要意义.

34. 将鼠标光标放在页面中，选择菜单“文件”—>“框架另存为”命令，把另存为网

页.

35. 然后将页面中的内容删除，添加新的内容.如图8-10所示.

图8-10 在右框架中制作新的页面

36. 选中左边框架上的“衣食住行”文字，打开属性面板，单击“链接”文本框后面按钮，选择页面，然后在“目标”下拉菜单中选择mainFrame.

说明目标下拉菜单上的命令，是指链接页面的显示方式，其中，_blank表示新的浏览器窗口中显示，_parent表示在当前窗口的父框架中打开，_self表示在本框架页面中打开，_top表示在整个浏览器窗口中打开（即取消框架显示），除了这些保留名称之外，根据用户所建立框架的不同，还会有其他框架名称.例如，在本示例中，mainFrame表示在框架集的主框架中打开，leftFrame表示在框架集的左边框架中打开，topFrame 表示在框架集的上部打开.

37. 按同样的方法，选中“购物娱乐”链接到页面，在“目标”下拉菜单中选择mainFrame. 如图8-11所示.

图8-11在右框架中制作新的页面

38. 选中框架上部导航条中的“公司简介”，链接到文件夹中的页面(由自己设计)，“目标”下拉菜单中选择_blank，使之重新打开一个页面.

39. 按同样的方法设置其他导航链接，选择对应的页面，显示方式根据网页的情况选择“目标”中的类型.

40. 超级链接设置完了，选择菜单“文件”—>“保存全部”命令，按F12键浏览网页，测试链接是否正确.

说明框架是分页制作网页的最好方式，特别是在不需要更换局部内容的时候.这样，每次浏览的都调用同一网页，如导航菜单等，既可以提高浏览速度，又省时省力.

dw网页制作基础代码

Dreamweaver 8 基础代码 HTML基本结构（每个网页都是在基本结构的基础上添加内容的） -------- 网页文件开始标签 ------- 头部元素开始标签 --------- 网页标题开始标签 …》头部元素 --------- 网页标题结束标签 ------ 头部元素结束标签- ------- 网页内容开始标签 ... —网页具体内容 ------- 网页内容结束标签」 ------- 网页文件结束标签 Dreamweaver的代码里打“< "会出现可选择代码，或在“< > "里打空格也会出现，方便输入。标签书写方式（不同标签书写方式不同） 1. <标签〉对象 如:title、head 等。 2. <标签〉 如：br 3. <标签该标签的属性1= “参数1”该标签的属性2= “参数2 ” ...> 对象标签> 如: font 注意： 1. 第三种类型的标签也可以使用第一种的格式，即标签的属性不一定要写。 2. 可以嵌套，但要注意顺序。 两个代码之间至少要用一个空格隔开。 几个常用标签介绍 文字：... face:字体，引号中输入字体名。如：face= “黑体"。默认是宋体。 size:字号。可以是-7 -------- +7 之间整数。默认是3。 color:颜色。可使用“red ”之类的颜色名称或进制编码指定。默认黑色。 换行：
加粗：... 倾斜：… 滚动字幕: 滚动标签：marquee 最简表达： 相关字幕 滚动的属性： Direction-- 表示滚动的方向，值可以是left , right , up , down，默认为left Behavior--表示滚动的方式，值可以是scroll （连续滚动）slide （滑动一次）alternate （来回滚动）

用Dreamweaver建立框架页面

实验8 用Dreamweaver建立框架页面 实验目的：通过实验，掌握如何如何创建和应用框架页面，了解框架的基本分布结构和各个框架页面之间的相互联系。 实验步骤： 1. 启动Dreamweaver程序，选择菜单“文件”“新建”命令，打开“新建文档”对话框。在对话框中“常规”标签下选择“类别”列表中的“框架集”选项，然后再右边的“框架集”列表中选择“上方固定”选项，如图8-1所示。单击“创建”按钮创建框架网页。 2. 选择菜单“窗口”“框架”命令，打开框架控制面板。 3. 用鼠标单击框架控制面板中的下部分，选中mainFrame框架。如图8-2所示： 图8-1 套用框架图11-2 选择框架集的子框架 4. 将鼠标放在选中的边框上，使鼠标变成双向箭头，然后拖动鼠标将该框架分成左右两个子框架。如图8-3所示。

图8-3 把主框架切分为子框架 5. 在框架编辑窗口中，单击顶部框架，选择菜单“文件”→“保存框架”命令，保存框架为页面。 6. 将光标停放到下部分框架的左边框家中，选择菜单“文件”→“保存框架”命令，保存框架为页面。 7. 按同样的方法，将右边的框架保存为页面。 8. 单击框架面板上最外层的边框，或单击页面编辑窗口中的最外层边框，使外框出现虚线。如图8-4所示： 图8-4选中整个框架

说明鼠标单击所选中的框架， 页面中的框架边框会出现虚线，所选 中的框架就是当前正在编辑的页面. 9. 选择菜单“文件”—>“保存 全部”命令，保存所有框架和框架集， 框架集文件名称为.如图8-5所示. 10. 单击框架面板上的topFrame框架，选中网页. 11. 打开属性面板，在属性面板上的“滚动”下拉菜单中选择“否”， 然后勾选旁边的“不能调整大小”复选框；在“边界宽度”和“边界高度”的文本框中都输入0，参数设置如图8-6所示. 图8-6 top框架的属性设置 说明框架属性面板上的“滚动”下拉菜单中有“是”.“否”.“自动”.和“默认”四项，其中选择“是”表示允许页面左右.上下出现滚动条；选择“自动”.“默认”表示根据网页内容，需要时自动显示滚动条；选择“否”表示不允许出现滚动条. 12. 单击top框架页面，在属性面板中单击“页面属性”按钮。 13. 打开“页面属性”对话框，在“左边框.右边框.上边框.下边框”各文本框中输入0，使网页边距都为0.单击“确定”返回框架页编辑窗口. 14. 单击“插入”面板上的“表格”按钮，插入2行4列，宽为100%的表格. 15. 打开属性面板，设置第2列两个表格背景颜色为“浅蓝色”（色标值为#E0E4F4），然后选择第4列单元格，设置同样的背景颜色；设置第3列单元格的背景颜色为“深蓝色”（色标值为#3A4593）

《Dreamweaver网页制作》期中试卷及答案

一、填空： (40分，每空 1 分) 1、网页三剑客中 Dreamweaver 是(网页)的软件； Fireworks 是(图像）的软件；Flash8 是(动画)的软件。 2、 Dreamweaver8的视图窗口有三种，即(代码)视图、 (拆分)视图和(设计)视图。 3、在开发网页之前，首先应建立一个(站点)来管理网页及图像等内容。 4、网页文件默认的扩展名是(.html)， Flash 源文件的扩展名是(.swf)。 5、在网页设计中，要使表格边框在浏览器中不可见，应将边框粗细设为(0 像素)。 6、通过 Dreamweaver定义站点的方法有(基本)和(高级)两种。 7、站点地图是整个站点的(结构图)，它以(层次结构)显示站点中各网页的链接关系。 8、单元格边距是指(单元格内容与边框)之间的距离；单元格间距是指(单元格)之间的距离。 9、 www 国内称之为广域网，是英文(WORLD)、(WIDE)、(WEB)的缩写，其信息资源主要就是由一篇篇使用(HTML)语言编写的 Web 文档组成。 10、通常用于网络中的图像格式有三种，即(JPG)、 (GIF)和(PNG)格式。 11、使用(放缩)工具可以放大或缩小文档；使用(抓手)工具则可以拖动页面。 12、网页中表格的宽度单位一般以(像素)为单位，也可用(百分比)来表示。 13、表格背景效果有两种设置，分别是(背景颜色)和(背景图案)。 14、跟踪图像用于辅助页面设计，可在(查看)对话框中设置。默认情况下，跟踪图像在 Dreamweaver编辑窗口是(可见)，在浏览器中永远(不可见)。 15、标准表格又称为(html表格)，它是用于 HTML页上显示(文字)以及(图像)和(表格数据)进行布局的强有力的工具。 16、 Dreamweaver 为用户提供了(左对齐)、 (右对齐)、 (居中对齐)、(两端对齐)四

教你Dreamweaver中框架的使用技巧

在Dreamweaver中应用框架是非常容易的事情，下面我们就来看看具体的应用。 增加新框架 要给框架页面增加新框架，就是像拆分表格的单元格一样，把一个框架分为两个框架。其操作如下： （1）按住Ctrl键，将鼠标放在框架边框上，当鼠标变为上下箭头时，可把边框拖到一个新位置，当松开鼠标按钮时，一个新的空白内容的框架就形成了。 （2）也可以通过命令来操作：首先单击要拆分的框架内部，选“框架”菜单中的“拆分框架”命令，在弹出的“拆分框架”对话框中单击“拆分成列”或“拆分成行”单选按钮，单击“确定”按钮即可。 删除框架 若框架页面看起来太乱，可删除某些框架。要删除一个框架，可先单击该框架选择它，再选择“框架”菜单中的“删除框架”命令即可。 改变框架属性 在设置好框架的整体布局后，我们还可以对每一框架的具体属性进行设置，操作如下：（1）单击需设置属性的框架，选择“框架”菜单中的“框架属性”，则弹出“框架属性”对活框。 （2）在对话框的“名称”文本框中可输入框架名，这样便于识别不同的框架；在“选项”区域中，若选中“在例览器中可以调大小”复选框，则客户在浏览站点时，可重新定义框架尺寸，通过在“显示滚动条”下拉列表框中选择不同的描述项，可设置让滚动条是否出现。 （3）在“框架大小”区域中，可设置框架大小，可以定义一个绝对像素值或相对于浏览器窗口的百分比，若要用浏览器来设置相对于该页面中框架的尺寸，可选“相对”；在“边距”区域中，可设置内容页面与框架边框分隔的像素数值。 （4）要改变开始页面，可以在“初始网页”文本框中输入一个新的页面名字或URL。 （5）单击“框架网页”按钮，则弹出“网页属性”对话框。 （6）在该对话框的“框架”选项卡中，在“框架间距”文本框中，可输入以像素为单位的边框宽度；若要使框架边框消失，则不要选中“显示边框”复选框。 （7）单击“确定”按钮，关闭“网页属性”对话框，再单击“确定”按钮，关闭“框架属件”对话框，完成框架属性设置

《Dreamweaver网页设计》综合练习题(二)及答案

《Dreamweaver网页设计》综合练习题（二）及解答一、选择填空题（每空2分，共20分） 1．HTML 2．URL 3．ICP 4．SGML 5．CSS （_____）网络内容服务商 （_____）网络内容服务商 （_____）标准通用标记语言 （_____）统一资源定位符 （_____）超文本标识语言 答案： （___3_）网络内容服务商 （__5_）网络内容服务商 （__4_）标准通用标记语言 （___2__）统一资源定位符 （___1_）超文本标识语言 1．标签 2．标签

    3．标签 4．标签 5．标签
    （____）指定链接地址 （____）图片标记 （____）表单 （____）无序列表 （____）框架标记 二、单项选择题（每个题只有一个选项是正确的。每题3分，共45分） 1、如下所示的这段CSS样式代码，定义的样式效果是（）。

    a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} 其中#ff0000为红色，#00000为黑色，#0000ff为蓝色，#00ff00为绿色 A．默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色B．默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色C．默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色D．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色答案： D．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色2、下图为Dreamweaver 8的新建文档页面，一般情况下，创建完全空白的静态页面应选择（）。 A．基本页类别中的“HTML”选项 B．基本页类别中的“HTML模板”选项 C．动态页类别中的选项 D．入门页面中的选项 参考答案：A 3、在Dreamweaver 8中，设置超级链接的属性，目标设置为_top时，表示（）。 A．新开一个浏览窗口来打开链接 B．在当前框架打开链接 C．在当前框架的父框架中打开链接 D．在当前浏览器的最外层打开链接 参考答案：D 4、在Dreamweaver 8中，下面的操作不能实现插入到下图浅黄区域一行的是（）。 A．将光标定位在第三行单元格中，选择“修改”菜单下“表格”子菜单中的“插入行”命令B．在第三行的一个单元格中单击鼠标右键，打开快捷菜单，选择“表格”子菜单中的“插入行”命令 C．把光标定位在最后一行的第一个单元格中，将该单元格拆分为两行

    Dreamweaver试题(四)带答案讲解学习

    D r e a m w e a v e r试题 (四)带答案

    Dreamweaver试题（四） 1. 安装( )是使用WWW最基本的条件 A、浏览器 B、IE C、操作系统 D、Dreamweaver 2. 在制作网站时，下面是Dreamweaver的工作范畴的是 A、内容信息的搜集整理 B、美工图像的制作 C、把所有有用的东西组合成网页 D、网页的美工设计 3. CSS表示( ) A、层 B、行为 C、样式表 D、时间线 4. 通常一个站点的主页默认文档名是 A、Index.html B、Main.html C、Webpage.html D、Homepage.html 5. 是用来指定( ) A、混合分框 B、纵向分框 C、横向分框 D、任意分框 6. 能够设置成口令域的是( ) A、只有单行文本域 B、只有多行文本域 C、单行、多行文本域 D、多行“Textarea”标识

    7. Dreamweaver打开代码检查器面板的快捷操作是( ) A、 F7 B、 F8 C、 F9 D、F10 8. 可以在（）中设置网页中链接文本不同状态的颜色 A、“插入”面板 B、“属性”面板 C、“页面属性”对话框 D、“编辑”菜单 9. 在Dreamweaver中，以下选项不属于“水平线属性”对话框中的属性有A A、颜色 B、宽度 C、高度 D、对齐方式 10. Dreamweaver的插入记录菜单中，表格表示( ) A、打开插入图象对话框 B、打开创建表格的对话框 C、插入与当前表格等宽的水平线 D、插入一个有预设尺寸的AP Div元素 11. 保存一张页面使用“文件”菜单的（）命令 A、新建 B、保存 C、打开 D、关闭 12. HTML文本显示状态代码中,表示( ) A、文本加注下标线 B、文本加注上标线 C、文本闪烁 D、文本或图片居中 13. 框架frame中“不能调整大小”的语法是下列哪一项 ( ) A、

    Dreamweaver网页设计题

    网页设计 1.打开Dreamweaver8窗口后，如果没有出现属性面板，可执行（窗口）菜单中的“属性”命令将其打开。 2.在站点中建立一个文件，它的扩展名应是（HTM ）。 3.如果不想在段落间留有空行，可以按（Shift + Enter ）组合键。 4、在网页中连续输入空格的方法是（按下Ctrl+Shift键再连续按空格键）。 5、按（F12 ）键可以在浏览器中预览页面。 6、网页代码可以分为两个部分，一个部分是头部信息，另一部分是网页的（主体部分）。 7、（文档）窗口是指中间的白色大块区域，用来显示当前创建和编辑的文档。 8、打开Dreamweaver 8窗口后，如果没有出现站点浮动面板。可执行窗口菜单中的（文件）命令将其打开。 9、网页的正文部分用代码（ ）标记。 10、在网页中不能添加的元素是（ D ） A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 11、下面不属于“页面属性”中可以设置的内容（ D） A、外观 B、链接 C、跟踪图像 D、首选参数 12、网页标题的标记是（ ） 13、空格的标记是（ ） 14、设置背景图片的属性是(background ) 15、下列(B )方法无法添加网页标题 A、在HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 16、新建文档之后，默认情况下，属性面板显示的是（文本属性）。 17、下面哪个功能不是开始页能够完成的操作（D ）。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 18、在下面的选项中哪种不属于网页设计的范围? （ C） A、页面内容设计 B、网页架构设计 C、服务器设计 D、LOGO设计 19、试题编号：080320401002700,答案：b。 规划站点的目的是（对网页与素材分门别类的存放，便于管理，提高工作效率）。 20.用下面哪种方法能退出Dreamweaver(Alt+F4 )。 21、网页默认的字体、字号是（宋体、12号） 22、要实现面板的快速显示与隐藏可以按下快捷键（F4 ）。 23、下面的哪一项不属于网页标准色的三大色系?（D ） A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 24、。若要使后面的内容隔一行显示，应使用（
    标记）标记。 25、设置网页正文字体的大小为9磅，下列正确的单位是（pt ）。 26、下面文件属于静态网页的是 ( C )。 A、index.asp B、index.jsp C、index.html D、index.php 27、如果正在编辑的文件没有存盘，系统在文件名上加上(* )符号提示用户。 28、定义站点时，存放网页的默认文件夹为( C盘根目录)。 29标记必须包含在( )标记中。 30、表格的宽度和高度可以通过浏览器窗口百分比或者使用绝对（像素）值来定义。 31、选择多个非连续单元格，只要按下（ctrl ）键，依次单击要选择的单元格即可。 32、整个表格的html标记是（

    ） 33、下面选项中哪个不是单元格的水平对齐方式之一（A ）。 A、两端对齐 B、默认 C、居中对齐 D、右对齐 34、以下说法正确的是（ A ） A、如果要选择多个非连续的单元格，只要按下[Ctrl]键，依次单击要选择的单元格即可 B、表格一旦创建，单元格就不能被合并和拆分了 C、表格的列的宽度和行的高度不能重新设置 D、以上都正确 35、表格的行标记是（ A ） A、tr B、td C、table D、tl 36、表格的单元格标记是（ B ） A、tr B、td C、table D、th 37、不可以在插入表格时弹出对话框中设置的属性（ C） A、行数 B、边框粗细 C、边框高度 D、列数 38、下列关于表格颜色的设置说法正确的是（D ） A、只能给表格设置背景颜色不能设置背景图片 B、不能对某一行设置背景颜色或背景图片 C、不能对一个单元格设置背景颜色或背景图片 D、可以对表格、行、单元格分别设置背景颜色或背景图片 39、下列不能创建表格的是( D ) A、单击[插入]菜单,选择[表格]命令 B、单击常用面板中的"表格"按钮 C、直接按ctrl+alt+t D、单击[文件]菜单,选择[表格]命令 40在属性面板中(边框 )是设置表格边框大小 41、下面哪些操作不可以在“文件”面板中完成（ D ）。 A、创建新文件 B、显示站点地图 C、文件的移动和删除 D、复制站点 42、若要在文档中添加一条水平线，应使用（
    标记）标记。 43、下列哪个内容不是表格的基本组成部分？（B ） A、行 B、图片 C、单元格 D、列 44、。单击任意一个标签就可以高亮显示文档窗口中的对应内容，如果选择（ ）标签，则选择了文档窗口中的表格。 45、Dreamweaver 8内置了格式化的表格库，执行（【命令】|【格式化表格】）命令可以应用。 46、在“水平线”属性面板中，不能设置水平线的(c )。 A、宽度 B、高度 C、颜色 D、阴影

    Dreamweaver网页制作教案

    认识Dreamweaver 一、学习目的 了解Dreamweaver，学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件， 也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。 Dreamweaver可用于管理站点，它像文件夹一样创建和打开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理清晰。 2、Dreamweaver的窗口 （1）标题栏 （2）菜单栏 （3）工具栏 （4）视图栏 （5）文件夹列表 （6）工作区 3.网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现的。 普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此方式下，可以 像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。

    HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。 为了在制作网页过程中能够随时查看网页的实际效果，Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法 安装及注册 5.关闭dreameaver 6.保存网页的方法 三、小结 Dreamweaver的基本知识

    7.Dreamweaver概述：内联框架 层的应用

    Dreamweaver概述：内联框架层的应用 内联框架层的应用 一、内联框架 内连框架 先建1个文件夹，再建1个主页面index，再建立一个几行几列的单元格，在要显示不同页面的单元格内添加内联框架代码（要在编辑视窗内），然后定义一个内联框架的名称，在要进行连接的部位的目标处输入内联框架的名称，连接到要显示的页面上即可。 一个内连框架的代码 源内连框架中的内容

    二、走马灯代码 文本滚动方向dr向下 文本滚动方向up向上文本上下移动 文本 走马灯代码一般都是在表格里，添加到td标签后面 一个完全能走的马灯效果如下 三、层的应用 重点掌握： 1.层的用途 2.层的插入和绘制层 3.层属性设置 4.使用层的行为制作下拉菜单 难点分析： 层的显示隐藏行为 属性内： 显示下default inherit (在不同浏览器下的默认状态) visible (显示) hidden(隐藏) 溢出下visible （默认）hidden(只显示原始大小内的内容) scroll (出现滚动条) auto（超出范围自动出现滚动条） 作业： 1.制作一个内联框架的邮箱显示。 2.利用层在自己的个人页面上添加弹出菜单。

    用Dreamweaver制作网页模板

    用DreamweaverCS4制作网页模板 一、制作模板 (1)在硬盘上创建一个——模板网页的文件夹，然后再该文件中新建一个名为images的文件夹，并将所需要图片复制到该文件中。 (2)打开DreamweaverCS4，创建一个HTML网页 (3)执行菜单中的“文件/另存为模板”命令，在弹出的“另存模板”对话框中设置参数单击“保存”按钮，则模板文件被保存在站点的Templates文件夹中，文件扩展名为.dwt。 (4)由模板生成的网页哪些地方可以编辑，是需要预先设定的。下面设定“navigator”和“content”两个可编辑区域。 (5)单击插入栏“常用”类别中的（可编辑区域）按钮，然后再弹出的“新建可编辑区域”对话框中输入名称，单击确定按钮，同理，制作content可编辑区域， (6)按（Ctrl+S）组合键保存模板。 二、应用模板 (1)执行菜单中的“文件/新建”命令，新建一个HTML网页。然后将其保存为inder.html。 (2)进去“资源”面板，单击（模板）按钮，然后选中刚才建立的网页，单击“应用”按钮，模板就被应用到了新的网页中。 (3)更新模板当模板进行了修改了以后，按组合键保存模板，出现所示的“更新界面”对话框，这样会大大提高工作效率。 三、模板给设计者带来的好处。 模板是在DreamweaverCS4中提供的一种机制，他能够帮助我们快速制作出一系列具有相同风格的网页。制作模板和制作普通网页相同，只是不把网页的所有部分都制作完成，而是只把导航栏和标题栏等各个网页共有部分制作出来作为模板中的不可编辑区域，把中间部分作为可编辑区域来放置网页的具体内容。

    Dreamweaver网页设计题库全(有答案)

    网页设计复习试题（理论） 一、选择题 1、在网页中不能添加的元素是（D） A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 2、下面不属于“页面属性”中可以设置的内容（D） A、外观 B、链接 C、跟踪图像 D、首选参数 3、下列 (B )方法无法添加网页标题 A、在 HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 4、下面哪个功能不是开始页能够完成的操作（D）。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 5、在下面的选项中哪种不属于网页设计的范围? （ C ） A、页面内容设计 B 、网页架构设计 C、服务器设计 D、 LOGO设计 6、下面的哪一项不属于网页标准色的三大色系?（ D） A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 7、下面文件属于静态网页的是( C )。 A、 index.asp B、 index.jsp C、 index.html D、 index.php 8、下面选项中哪个不是单元格的水平对齐方式之一（ A ）。 A、两端对齐 B、默认 C、居中对齐 D、右对齐 9、以下说法正确的是（A） A、如果要选择多个非连续的单元格，只要按下[Ctrl]键，依次单击要选择的单元格即可 B、表格一旦创建，单元格就不能被合并和拆分了 C、表格的列的宽度和行的高度不能重新设置 D、以上都正确 10、表格的行标记是（A） A、 tr B、td C、 table D、tl 11、表格的单元格标记是（B） A、 tr B、td C、 table D、th 12、不可以在插入表格时弹出对话框中设置的属性（ C ） A、行数 B、边框粗细 C、边框高度 D、列数 13、下列关于表格颜色的设置说法正确的是（D） A、只能给表格设置背景颜色不能设置背景图片 B、不能对某一行设置背景颜色或背景图片 C、不能对一个单元格设置背景颜色或背景图片 D、可以对表格、行、单元格分别设置背景颜色或背景 图片 14、下列不能创建表格的是( D ) A、单击 [ 插入 ] 菜单 , 选择 [ 表格 ] 命令 B、单击常用面板中的" 表格 " 按钮 C、直接按ctrl+alt+t D、单击[文件]菜单,选择[表格]命令 15 、下面哪些操作不可以在“文件”面板中完成（D）。 A、创建新文件 B、显示站点地图 C、文件的移动和删除 D、复制站点 16 、下列哪个内容不是表格的基本组成部分？（ B ） A、行 B、图片 C、单元格 D、列 17 、在“水平线”属性面板中，不能设置水平线的(c )。 A、宽度 B、高度 C、颜色 D、阴影 18 、在表格属性面板中，不能设置表格的(B )。 A、边框颜色 B、文本的颜色 C、背景图像 D、背景颜色 19 、（ A ）的易用性以及几乎所有的浏览器所支持的特征是其他网页布局方法所取 A、表格 B、框架 C、层 D、表单 20 、除了（D）格式，其他三种图像格式都是应用于网络。 A、 GIF B、JPEG C、 PNG D、MP3 21 、在制作文本超链接时，建立了超链接的文本（C）发生了变化，并且多 A、字体 B、大小 C、颜色 D、位置 22 、以下能够创建空链接是（ A ） A、在”链接“文本框中直接输入“#” B、在”链接“文本框中直接输入“！ C、在”链接“文本框中直接输入“$”D 、在”链接“文本框中直接输入“ @”以下是 Dreamweaver MX 热点工具的是（ D ） A、矩形热点工具 B、圆形热点工具 C、多边形热点工具 D、以上三个都是 24、下列的哪种图像格式不能插入到网页之中（ D ）。 A、 GIF B、 JPEG C、 PNG D、 BMP 25、源端点不能用于附加超链接的对象组有（ B ）。 A、文本、图像、按钮 B、文本、图像、单元格 C、文本、图像、 FLASH动画 D 、文本、图像、图层 26、通过页面属性可以修改链接的样式，下列哪些不能在页面属性里设置（ A、链接的各种状态颜色 B、链接的文字样式 C、链接的下划线 D、链接文字的底纹样式 27 、下列路径中属于绝对路径的是( A )。 A、 https://www.360docs.net/doc/0f7265519.html,/index.html B、/student/webpage/10.html C、 10.html D、webpage/10.html 28 、占位图像的名称必须以字母开头，且只能包含字母和（ A ）。 A、数字 B、汉字 C、下划线 D、空格 29 、在 dreamweaver 中可以直接制作（C） A、视频 B、音频 C、 flash按钮 D、以上都不对 第

    Dreamweaver框架和框架页面教学设计

    《Dreamweaver——框架和框架页面》教学设计 深圳市第一职业技术学校叶苑华 中等职业学校信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。下面，以“框架和框架页面”单元为例，以个人的观点简单介绍一下怎样针对学生的心理特点、结合学生的生活实际设计这两堂课。 （一）、课前系统部分 1、课标分析 《课程标准》对网页制作的学习提出了更高的要求，其中关于框架页面的要求有：了解框架的使用方法，包括创建框架、命名框架、设置框架以及保存框架等操作。在使用框架的过程中一定要明白框架的基本结构和基本应用。 2、教材内容分析 我教的两个就业班使用的教材是中国软件行业协会职业技术认定指定教材。教材中采用的网页制作软件是Dreamweaver 8。框架和框架页面是该教材第9章192页到209页的内容，它是制作网页的一个重要模块。能够将浏览器页面分割成几个不等的窗口，每个窗口相对独立，在同一页面的几个窗口同时浏览不同的网页文件或者相对保持某些窗口的内容。 3、学生分析 在这之前，就业班的学生已经学过了Word、Photoshop等软件。因此，对Dreamweaver 8的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。同时，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力。网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。 4、教学目标 本单元的认知、能力和情感三种目标分述如下： 认识目标： ①理解框架结构的含义和用途 ②掌握框架和框架集的含义，学会创建普通框架页面、创建嵌套框架结构页面、创 建浮动框架页面 ③掌握框架属性的设置方法 ④掌握框架网页的保存方法 能力目标：

    Dreamweaver之网页制作报告

    《多媒体技术及应用》 报告 学生姓名：嘎嘎 学号： 专业班级：自动化103班 网页制作报告(目录) 1.设计目的3 1.1 阐述该主题网站的设计意图和创意 3 1.2简单介绍自己的个人网站 3 2.设计思想3 2.1在设计中主要用的技术 3 2.2 网页基本的框架 3 3.网页详细设计分析4 3.1建立布局 4 3.2网页中的图像 5 5

    5 6 3.3插入视频和音乐 6 3.4设置图片循环滚动 7 3.5设置链接 7 3.6做个外网搜索栏 8 3.7常用的显示-时间天气 8 3.8建立子网和友情链接 9 3.9文段的处理 9 4.最终效果图9 5、结论总结11 1、设计目的 1.1 阐述该个人网站的设计意图和创意。 本课程的设计目的是通过实践让我们学会利用Dreamweaver cs6开发制作网站，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs6可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网

    页设计作品。熟练掌握Photoshop cs5、Dreamweaver cs6等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。 1.2简单介绍自己的个人网站 我本次主要是设计的以“迈克尔·约瑟夫·杰克逊”为主题的网页，针对他的传奇一生及对世界巨大的贡献与巨大的影响力做了介绍。 2、设计思想 2.1在设计中主要用的技术 利用Dreamweaver CS6制作一个关于“Michael Jackson”的网站，利用表格、行为、层和链接等网页设计技术设计页面。 2.2 网页主要的页面 本网站以迈克尔·杰克逊的人生经历为素材，主要讲解了他人生的各个阶段、他取得的巨大成就、他面临的困境、他的处世态度的内容。主网设计的几大亮点：视频和音乐的点播、滚动图片的浏览、百度的在线检索、实时的时间天气、热点的使用、链接的创建、返回顶点等。主网设有8个栏目，图片含有单多个链接。大致结构如下图所示。 形象图、图片链接长=600 高=180 图片滚动栏、鼠标即停、 链接350 时间天气 （更新、滚动、鼠标即 停、联网350 搜索栏：size(80)

    Dreamweaver制作框架

    Dreamweaver制作框架 框架是将浏览器窗口划分成几个部分，将一些不需要更新的元素放在一个框架内作为单独的网页文档，这个文档是不变的，其他经常更新的内容放在主框架内。框架通常是由框架集和框架两部分组成，框架集实际上是一个页面，这个页面里包含了好多框架窗口，每个框架窗口可以单独显示一个HTML文档，这些HTML 文档之间可以通过超链接联系起来，下面我们就使用Dreamweaver CS3快速地创建框架。 一、框架网页 框架将一个浏览器窗口分为多个独立的区域，每个区域（框架）显示一个单独的可滚动页面，每个框架都是浏览器窗口内的一个独立窗口。典型的框架网页如图1所示，这是关于某个电子商务网站的“客户中心”服务页面。该网页由3个框架组成，每个框架单独显示一张网页。顶部框架用于显示横幅广告，对应于网页top.html；左侧框架放置客户中心的一些服务列表，用于页面导航，对应于页面left.html；右侧窗口用于显示具体某项客户中心服务的信息，对应于页面right.html。为了浏览方便，当浏览者单击左侧客户中心服务列表的超链接时，右侧窗口显示相应的客户中心服务信息。 图1 网页中的多个框架 二、制作框架网页

    Dreamweaver CS3提供了多种创建框架的方法，用户可以使用Dreamweaver CS3提供的预置框架集，也可以自己通过手写HTML代码任意地建立框架集。使用Dreamweaver CS3如何实现如图1所示的结构清晰、风格统一的框架集页面？下面我们就使用Dreamweaver CS3预置的框架集通过操作来实现如图5.22所示的框架集页面。制作过程如下。 1.新建框架网页 要新建框架网页，请事先规划好网页的设计布局，然后执行如下步骤。https://www.360docs.net/doc/0f7265519.html, (1) 选择“文件”一“新建”命令。 (2) 在“新建文档”对话框中，选择“框架集”类别。 (3) 从“框架集”列表中选择一个合适的框架集，如图2所示。 图2 选择符合自己要求的框架集 (4) 单击“创建”按钮，结果如图3所示。 2.设置框架集属性 要设置框架集的属性，请执行如下步骤。 (1) 选中框架集：将鼠标指针移至某个框架的边框线上，然后单击，这时将选中整个框架集，如图3所示。 (2) 设置框架集的边框宽度：通过“框架集”属性检查器，可修改边框设置为“是”，边框宽度设置为“1”，这里我们不设边框。

    Dreamweaver网页制作教程

    Dreamweaver网页制作教程：定义站点 网页教学网【转载】 Web 站点是一组具有如相关主题、类似的设计、链接文档和资源。Dreamweaver MX 2004 是一个站点创建和管理工具，因此使用它不仅可以创建单独的文档，还可以创建完整的 Web 站点。创建 Web 站点的第一步是规划。为了达到最佳效果，在创建任何 Web 站点页面之前，应对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及页是如何互相连接起来的。 请执行以下操作： 启动 Dreamweaver MX 2004： 选择“站点”>“管理站点”（即，从“站点”菜单选择“管理站点”）。出现“管理站点”对话框。 在“管理站点”对话框中，单击“新建”，然后从弹出式菜单中选择“站点”。出现“站点定义”对话框。 如果对话框显示的是“高级”选项卡，则单击“基本”。出现“站点定义向导”的第一个界面，要求您为站点输入一个名称。 在文本框中，输入一个名称以在 Dreamweaver MX 2004中标识该站点。该名称可以是任何所需的名称。

    单击“下一步”。出现向导的下一个界面，询问您是否要使用服务器技术。 选择“否”选项，指示目前该站点是一个静态站点，没有动态页。 单击“下一步”。出现向导的下一个界面，询问您要如何使用您的文件。 选择标有“编辑我的计算机上的本地副本，完成后再上传到服务

    器（推荐）”的选项。在站点开发过程中有多种处理文件的方式，初学网页制作的朋友请选择此选项。 单击该文本框旁边的文件夹图标。随即会出现“选择站点的本地根文件夹”对话框。 单击“下一步”，出现向导的下一个界面，询问您如何连接到远程服务器。从弹出式菜单中选择“无”。您可以稍后设置有关远程站点的信息。目前，本地站点信息对于开始创建网页已经足够了。单击“下一步”，该向导的下一个屏幕将出现，其中显示您的设置概要。 单击“完成”完成设置。随即出现“管理站点”对话框，显示您的新站点。单击“完成”关闭“管理站点”对话框。 现在，已经为您的站点定义了一个本地根文件夹。下一步，可以

    Dreamweaver CS5自学教程-第六课 框架结构

    第六课框架结构 6-1 创建框架 第6章框架 一、什么是框架？ 一个框架就是一个区域，可以单独打开一个HTML文档。 多个框架就把浏览器窗口分成不同的区域，每个区域显示不同的HTML文档。 多个框架就组成一个框架集。 这是一个左右结构的框架。事实上这样的一个结构是由三个网页文件组成的。首先外部的框架集是一个文件，图中我们用index.htm命名。框架中左边命名为L，指向的是一个网页A.htm。右边命名为R，指向的是一个网页B.htm。 <body></body> 1、框架结构的设置：新建一个页面，然后在布局中设置框架的结构

    2、多个框架就组成一个框架集。每个框架集结构是由多个网页文件组成的。点击每个框架结构分别显示独立的名字，点击框架边框线则显示框架集的名字。 拖动即可调整框架宽度3、如果设计框架集时看不到边框，可以点击“查看—可视化助力—框架边框”，使其显示出来。 4、单击每个框架，可以从下面属性面板中进行设置，与单个页面的编辑的方式相同。

    5、保存框架集的时候，需要把框架集的每个框架结构分别保存成独立的网页。 框架集保存框架保存 保存后的站点目录文件 6-2 框架实例：电子书1 三、实例：网页书 知识点： 1、框架的作用 1．做网页的布局，将网页分成不同的部分 2．简化网页的编写：网页之间相同的内容只需要编写一次 3．加快网页的浏览：每次网页只更新那个变化的框架内容 2、设置框架和框架集的属性 1）框架集 选中框架集：鼠标单击框架的边框，虚线显示的部分就是选中的框架集 设置框架集属性： 边框，边框宽度，边框颜色 行：值，单位（像素，百分比，相对） 2）框架 选中框架：框架面板中单击要设置的框架或者按住【alt】键，在框架窗口内单击 设置框架属性： 框架名称，源文件，边框，滚动，不能调整大小 边框颜色，边界宽度，边界高度。 3、设置框架中的链接

    《Dreamweaver网页设计》试题

    一、多项选择题【共30题，每小题1分，共30分。】 1.将文本强制换行，但不更换段落，应该按（）键。 A）Enter B）Ctrl+Enter C）Shift+Enter D）Alt+Enter 2.下列各项中不属于CSS样式表优点的是（）。 A）CSS可以用来在浏览器的客户端进行程序编制，从而控制浏览器等对象操作，创建出丰富的动态效果 B）CSS对于设计者来说是一种简单、灵活、易学的工具，能使任何浏览器都听从指令，知道该如何显示 元素及其内容 C）一个样式表可以用于多个页面，甚至整个站点，因此具有更好的易用性和扩展性 D）使用CSS样式表定义整个站点，可以大大简化网站建设，减少设计者的工作量 3.如下所示的这段CSS样式代码，定义的样式效果是（）。 a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} A）默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色 B）默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色 C）默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色 D）默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色 4.下面图像格式中，只有（）格式支持图像背景透明。 A）GIF B）JPEG C）BMP D）PCX 5.在Dreamweaver中插入图像之后，以下说法正确的是（）。 A）自动加入height和width两个属性，使排版位置确定，优化显示速度 B）自动加入Alt属性，当图片不能正确显示的时候显示替代文字 C）自动对图像进行压缩，减小文件尺寸，优化显示速度 D）自动减少图像的颜色数，减小文件尺寸，优化显示速度 6.创建空链接使用的符号是（）。 A）@ B）# C）& D）* 7.页面属性设置中，背景图案默认的填充方式是（）。 A）横向排列 B）平铺 C）纵向排列 D）单个图像 8.在文本链接的 a href标签中插入以下属性：style="text-decoration:none; color:black"，得到的效果是 （）。

    相关主题
    相关文档
    最新文档

    好久没有你的信好久没有和你谈心，怀念你柔情似水的眼睛，还是我的星星一个爱一个心时时br刻刻为你转不停一个爱一个心我的爱我的心也层为你六站新列你和她之间是否已经有了真感情对我说别怕我伤心也不伤