网页设计与制作8.ppt
- 文档编号:2649439
- 上传时间:2022-11-05
- 格式:PPT
- 页数:34
- 大小:928KB
网页设计与制作8.ppt
《网页设计与制作8.ppt》由会员分享,可在线阅读,更多相关《网页设计与制作8.ppt(34页珍藏版)》请在冰豆网上搜索。
网页设计艺术网页设计艺术1通过本章学习,应该掌握以下内容:
通过本章学习,应该掌握以下内容:
1.认识框架网页认识框架网页2.创建框架网页的方法创建框架网页的方法3.编辑框架网页的方法编辑框架网页的方法4.设置框架属性的方法设置框架属性的方法第第8章章利用框架技术制作网页利用框架技术制作网页网页设计艺术网页设计艺术28.1认识框架网页认识框架网页框框架架网网页页是是一一种种特特殊殊的的HTMLHTML网网页页,它它可可将将浏浏览览器器窗窗口口分分成成不不同同的的区区域域,称称为为框框架架区区域域。
每每个个区区域域都都可可以显示不同的网页。
以显示不同的网页。
在在框框架架网网页页中中,用用来来分分隔隔网网页页的的窗窗格格称称为为框框架架。
每每个个框框架架包包括括框框架架高高度度、框框架架宽宽度度、滚滚动动条条和和框框架架边边框框,此此外外还还可可指指定定框框架架的的内内边边距距(框框架架与与网网页页正正文文之之间的距离)。
间的距离)。
网页设计艺术网页设计艺术3(11)只只要要单单击击某某一一个个框框架架区区域域内内的的超超链链接接,其其指指向向的的网网页页就就会会在在另另一一个个框框架架区区域域中中显显示示,而而不不必必将将整整个浏览器窗口中的内容更换一遍。
个浏览器窗口中的内容更换一遍。
(22)固定网页中的某些内容。
)固定网页中的某些内容。
(33)并并不不是是所所有有的的浏浏览览器器都都能能显显示示框框架架网网页页,这这也是框架网页的一个局限。
也是框架网页的一个局限。
1框架网页的特点框架网页的特点网页设计艺术网页设计艺术42框架网页的结构框架网页的结构根根据据框框架架分分布布的的不不同同和和各各框框架架作作用用的的不不同同,框框架架网网页页被被分分为为多多种种类类型型。
常常用用到到的的框框架架结结构构有有:
左左侧侧框框架架、右右侧侧框框架架、顶顶部部框框架架、底底部部框框架架、上上方方和和下方框架以及各种嵌套框架结构。
下方框架以及各种嵌套框架结构。
网页设计艺术网页设计艺术5在在DreamweaverDreamweaverMXMX中创建框架的具体操作步骤如下:
中创建框架的具体操作步骤如下:
(11)选选择择主主菜菜单单中中的的“文文件件”|“新新建建”命命令令,打打开开一一个个新文档窗。
新文档窗。
(22)将插入面板切换到)将插入面板切换到“框架框架”类,插入面板如图所示。
类,插入面板如图所示。
8.2利用利用DreamweaverMX处理框架处理框架8.2.1创建框架网页创建框架网页1.建立框架建立框架网页设计艺术网页设计艺术6(33)执行以下操作之一,即可创建框架。
)执行以下操作之一,即可创建框架。
选选择择“插插入入”|“框框架架”命命令令,从从弹弹出出的的子子菜菜单单中中选选择任意一个选项。
择任意一个选项。
选选择择“修修改改”|“框框架架页页”命命令令,从从弹弹出出的的子子菜菜单单中中选择任意一个选项。
选择任意一个选项。
单单击击插插入入“框框架架”面面板板上上的的任任一一种种插插入入框框架架图图标标按按钮。
钮。
网页设计艺术网页设计艺术72建立嵌套的框架组建立嵌套的框架组一一个个框框架架组组嵌嵌套套在在另另一一个个框框架架组组内内称称之之为为嵌嵌套套框框架架组组,使使用用嵌嵌套套框框架架组组可可以以为为一一个个文文档档创创建建多多个个框框架架。
要创建嵌套的框架组,可执行以下操作操作步骤:
要创建嵌套的框架组,可执行以下操作操作步骤:
(11)将光标放到与插入嵌套框架组的框架中。
)将光标放到与插入嵌套框架组的框架中。
(22)执行以下操作之一,即可创建嵌套的框架组。
)执行以下操作之一,即可创建嵌套的框架组。
选选择择“插插入入”|“框框架架”命命令令,从从弹弹出出的的子子菜菜单单中中选择任意一个选项。
选择任意一个选项。
选选择择“修修改改”|“框框架架页页”命命令令,从从弹弹出出的的子子菜菜单单中选择任意一个选项。
中选择任意一个选项。
单击插入单击插入“框架框架”面板中的插入框架图标按钮。
面板中的插入框架图标按钮。
网页设计艺术网页设计艺术8(11)选择整个框架)选择整个框架要选择整个框架可执行以下操作之一:
要选择整个框架可执行以下操作之一:
将将鼠鼠标标指指针针移移到到整整个个边边框框位位置置的的同同时时,按按住住AltAlt键键,当当鼠鼠标标指指针针变变为为垂垂直直箭箭头头(或或水水平平箭箭头头)时时,单单击击边边框框即即可可选选中整个框架。
中整个框架。
如如果果当当前前选选择择的的是是一一个个子子框框架架,需需要要重重新新选选择择整整个个框框架架,可可以以将将鼠鼠标标指指针针移移到到第第一一次次分分割割框框架架的的边边框框位位置置,当当鼠鼠标标指指针针变变为为垂垂直直箭箭头头(或或水水平平箭箭头头)时时,单单击击边边框框即即可可选选中中整个框架组。
整个框架组。
除除了了上上述述方方法法之之外外,选选择择框框架架还还可可以以通通过过“框框架架”面面板板来完成。
来完成。
3选择框架选择框架网页设计艺术网页设计艺术9(22)选择子框架)选择子框架在在文文档档窗窗口口中中按按住住AltAlt键键,然然后后用用鼠鼠标标单单击击欲欲选选择择的的子子框框架架。
文文档档窗窗口口中中该该子子框框架架的的周周围围被被虚虚线线包包围围,表表示示它它已已经经被被选选中中,同同时时在在状状态态栏栏上上加加黑黑显显示示标标记符记符。
同同样样也也可可以以通通过过“框框架架”面面板板来来选选择择子子框框架架。
只只要要在框架面板中单击相应的子框架即可在框架面板中单击相应的子框架即可4删除框架删除框架将将光光标标放放在在框框架架的的边边框框上上,当当光光标标变变成成垂垂直直箭箭头头(或或水水平平箭箭头头)时时,按按住住鼠鼠标标左左键键,将将框框架架的的边边框框拖拖出父框架或页面之外,即可将这个框架删除。
出父框架或页面之外,即可将这个框架删除。
网页设计艺术网页设计艺术108.2.2编辑框架网页编辑框架网页框框架架创创建建好好以以后后,就就可可以以对对框框架架进进行行编编辑辑了了。
每每一一个个框框架架里里都都是是一一个个文文档档,可可以以直直接接添添加加内内容容,也也可可以在框架内打开已经存在的文档以在框架内打开已经存在的文档。
演示编辑框架网页演示编辑框架网页网页设计艺术网页设计艺术118.2.3保存框架网页保存框架网页每每一一个个框框架架都都包包含含一一个个文文档档,因因此此一一个个框框架架集集会会包包含含多多个个文文档档。
在在保保存存文文档档的的时时候候,不不能能只只简简单单地地保保存一个文档,要将整个网页文档都保存下来。
存一个文档,要将整个网页文档都保存下来。
网页设计艺术网页设计艺术128.2.4框架属性及框架组属性设置框架属性及框架组属性设置1框架属性框架属性利利用用框框架架属属性性面面板板可可以以查查看看和和设设置置框框架架的的属属性性,如为框架命名、设置框架的边框及颜色等。
如为框架命名、设置框架的边框及颜色等。
首首先先选选择择“窗窗口口”|“其其它它”|“框框架架”命命令令,或或按按快快捷捷键键“Shift+F2Shift+F2”,打打开开“框框架架”面面板板;然然后后在在框框架架面面板板中中选选中中框框架架,此此时时属属性性面面板板所所显显示示的的即即为框架的属性面板,如图所示为框架的属性面板,如图所示。
在框架属性面板中设定框架的属性。
在框架属性面板中设定框架的属性。
网页设计艺术网页设计艺术13新新创创建建的的框框架架组组默默认认属属性性值值为为:
无无边边框框,无无滚滚动动条条,在在浏浏览览器器中中无无法法看看到到创创建建的的框框架架,要要改改变变这这些些属属性,需在属性面板中修改相应的选项。
性,需在属性面板中修改相应的选项。
首首先先单单击击框框架架的的边边框框,选选中中框框架架组组,此此时时属属性性面面板中将自动切换显示框架组的属性,如图所示。
板中将自动切换显示框架组的属性,如图所示。
在框架组属性面板中设定框架组的属性。
在框架组属性面板中设定框架组的属性。
2框架组属性框架组属性网页设计艺术网页设计艺术143设置框架的大小设置框架的大小调调整整框框架架尺尺寸寸可可以以拖拖动动框框架架的的边边框框来来调调整整,但但在在需需要要精精确确定定义义框框架架尺尺寸寸的的大大小小时时,可可以以在在属属性性面面板板中中进行框架尺寸的设置。
设置框架尺寸的步骤如下:
进行框架尺寸的设置。
设置框架尺寸的步骤如下:
(11)单击框架边界,选定一个框架组。
)单击框架边界,选定一个框架组。
(22)选选择择“窗窗口口”|“属属性性”命命令令,打打开开框框架架组组属属性性面板。
面板。
(33)单单击击框框架架组组属属性性面面板板右右侧侧图图框框中中的的区区域域,选选定定框架组中的行或列。
框架组中的行或列。
(44)在在“值值”文文本本框框中中输输入入调调整整框框架架尺尺寸寸的的数数值值,然后在然后在“单位单位”下拉列表框中选择一种度量单位。
下拉列表框中选择一种度量单位。
网页设计艺术网页设计艺术154设置框架和框架组的边框设置框架和框架组的边框(11)设置框架边框的属性)设置框架边框的属性设置框架边框属性的步骤如下:
设置框架边框属性的步骤如下:
在在文文档档窗窗口口按按住住AltAlt键键,然然后后单单击击一一个个框框架架,或或通通过过“框架框架”面板来选择一个框架。
面板来选择一个框架。
在在框框架架属属性性面面板板上上的的“边边框框”下下拉拉列列表表项项中中选选择择任意一个选项。
任意一个选项。
在在“边边框框颜颜色色”文文本本框框中中设设置置当当前前框框架架的的边边框框颜颜色色,也也可可单单击击其其后后面面的的按按钮钮,打打开开颜颜色色选选择择面面板来选择所需颜色。
板来选择所需颜色。
网页设计艺术网页设计艺术16(22)设置框架组边框的属性)设置框架组边框的属性在在文文档档窗窗口口单单击击一一个个框框架架边边框框,或或通通过过“框框架架”面面板板来选择一个框架组。
来选择一个框架组。
在在框框架架组组属属性性面面板板上上的的“边边框框”下下拉拉列列表表项项中中选选择择任任意一个选项,用于控制当前框架组的边框显示。
意一个选项,用于控制当前框架组的边框显示。
在在“边边框框颜颜色色”文文本本框框中中设设置置当当前前框框架架组组中中所所有有框框架架的的边边框框颜颜色色,但但是是这这一一设设置置将将被被单单个个框框架架的的边边框框颜颜色色所所覆盖。
覆盖。
在在“边边框框宽宽度度”文文本本框框中中设设置置当当前前框框架架组组中中所所有有框框架架的边框宽度,如输入为的边框宽度,如输入为00,表示不显示边框。
,表示不显示边框。
网页设计艺术网页设计艺术178.2.5设置框架中的链接目标设置框架中的链接目标在框架网页中建立超链接的操作步骤如下:
在框架网页中建立超链接的操作步骤如下:
(11)选选中中要要创创建建超超链链接接的的文文本本(或或图图像像),打打开开其其属性面板。
属性面板。
(22)在在“链链接接”文文本本框框中中输输入入要要链链接接文文件件的的URLURL地地址址,或单击按钮或单击按钮,选取要链接的文件。
,选取要链接的文件。
(33)单单击击“目目标标”下下拉拉列列表表,选选择择一一种种框框架架名名称称,链接文件将在该框架中打开。
链接文件将在该框架中打开。
(44)保存框架网页,浏览页面。
)保存框架网页,浏览页面。
网页设计艺术网页设计艺术188.38.3利用利用HTMLHTML创建网页框架创建网页框架8.3.1利用利用HTML创建框架网页创建框架网页利利用用HTMLHTML创创建建框框架架网网页页时时首首先先要要指指定定框框架架结结构构。
即即必必须须有有一一个个网网页页用用于于指指定定整整个个浏浏览览器器窗窗口口如如何何划划分分,也也就就是是所所谓谓的的框框架架集集网网页页。
在在框框架架集集网网页页中中不不包包含含任任何何可可显显示示的的内内容容,而而只只是是包包含含如如何何组组织织各各个个框
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 制作
![提示](https://static.bdocx.com/images/bang_tan.gif)