2021添加网页基本对象.完整资料PPT
合集下载
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
添加网页根本对象
3.1 操作网页文件
文件的创建和存储是文档操作中最基本的部分。通常首 先创建本地站点,然后根据站点设计规划添加各种空白文 件,接着对这些文件进行编辑。本节讲述网页文件的基本 操作包括:创建网页、打开网页、保存网页以及将网页设 置为首页、设置网页属性等。
3.1.1 创建、保存网页文件
3.1.2 设置网页属性
设置网页属性包括设置网页标题、网页中文本的颜色、 网页背景颜色及背景图片、网页边距等。
设置网页属性通过设置【页面属性】来完成。通过单击 【修改】→【页面属性】命令,即可打开【页面属性】对 话框,通过该对话框,用户可以设置页面、链接、网页标 题等项的属性。在【分类】列表中选择某一项,对话框右 侧即会出现有关该选项的属性。然后进行各选项地设置。 设置完成后,单击【确定】按钮。
1.创建网页文件
1.插在入FlDasrh动e画amweaver MX 2004中,可通过3种方法创建网页。
l 嵌套列表:用户可以改变某个列表项的层次,选中一个列表项单击缩进按钮,当前列表项会自动成为上一个列表项的子内容列表,及
(1)启动Dreamweaver MX 多级列表,而前面的列表符号也自动与它的父级不同。
按常规方法,在DreamweaverMX2004中不能 输入多个空格,只能输入一个。如果用户想要输 入多个空格,那么将输入法提示框上的【半角】 改为【全角】即可。
3.2.2设置文本属性
设置文本属性主要包括设置文本的字体、字号 、文字颜色、对齐方式、间距。
设置方法为:选定需要设置文本属性的文本, 然后选择【窗口】→【属性】命令,翻开属性面 板,通过属性面板进展设置或选择【文本】→【 字体】菜单中的相应命令即可
3.3 插入图像
在网页中添加精致、美观的图像,会使网页变得丰富 多彩。在插入图像时,首先考虑图像在页面中的整体效 果,其次应综合考虑图像的质量和下载速度。图片的格 式有多种,但不是所有格式的图像都可以放在网页上。 目前,网络上支持的图像格式有3种:JPEG、GIF和PNG。 所以如果要将其他格式的图像放到网页上,首先需要转 换成这3种格式。
超链接正是Web的魅力所在。
2004后,窗口中会出现一个启动页面,
l 宽:指定Flash动画被装进浏览器时的宽度。
设置单网页击属性【包括创设置建网页新标题项、网目页中】文本下的颜面色、的网页选背景项颜色即及背可景图创片、建网页网边距页等。。
l 边框:改变“边框”的数值可以使图片添加指定数值的边框,而边框的颜色将与当前文档的文本默认颜色一致。
如果用户想要输入多个空格,那么将输入法提示框上的【半角】改为【全角】即可。
ห้องสมุดไป่ตู้
图
】→【
工
具
栏
】→
【标准工具栏】命令,打开标准工具栏,单击标准工具栏上的
【新建】按钮。打开【新建文档】对话框,按上面的步骤操作,
即可新建文件。
2.保存网页 编辑好的网页可以将其保存起来。在Dreamweaver MX 2004 中,用户可以保存文件、另存为文件,还可以将文件保存为 模板。
2插入并设置Flash文本对象
本
页面
】
选
项
,
单
击
本单节击【讲 【述确创网认页】建文按件钮】的,基即按本可操创钮作建包图,括片:链即创接建。可网页新、打建开网一页、个保存网页页以面及将,网页默设置认为首名页、称设置为网页“属性U等n。titled-1”。
l 类:从已定义的样式中选择为图片定义的样式。
(3) 通 过 工 具 栏 按 钮 创 建 网 页 : 单 击 【 视 插入Flash按钮对象有两种方法。
3.2 操作文本
文字在网页中的应用十分普遍,与其他文本处理相 比网页文本处理有许多相似的部分,例如标题、段落、 列表、对齐方式等,但网页文本有它独特的要求,即必 须努力地精简代码,必须尽可能使样式和内容分离,必 须尽可能使样式保持一定的规律。
3.2.1添加文本
假设要在网页文档中添加文本,首先应光标移到 要添加文本的位置,直接输入内容或在其他应用 程序中复制文本,然后切换到Dreamweaver 的 文档窗口,进展粘贴即可。输入文字时,如果需 要分段,那么按Enter键。
(1)保存文件:单击【文件】→【保存】命令,弹出【保存 为】对话框,在【保存在】下拉列表框中选择保存文件的位 置;在【文件名】文本框中输入保存文件的名称,并单击【 保存】按钮。
(2)另存为文件:另存为文件就是将已经保存的文件另存倒其 他位置,或以其他名称保存起来。操作步骤如下:单击【文 件】→【另存为】命令,弹出【保存为】对话框,在【保存 在】下拉列表框中选择保存文件的位置;在【文件名】文本 框中输入保存文件的名称,并单击【保存】按钮。
(3)保存为模板:将文件保存为模板文件后,该文件将以模 板的形式存在,如果其他文件应用该模板,那么其格式会 与之一样。在第一次将文件保存为模板文件之前,首先要 建立一个站点。操作步骤如下:单击【文件】→【另存为 模板】命令,弹出【另存为模板】对话框,在【站点】下 拉列表框中选择站点;在【另存为】文本框中输入保存模 板的名称,并单击【保存】按钮。
3.3.1插入图像
1.插入一般图像 在Dreamweaver中插入图像后,系统会在HTML中自动生成对该 图像文件的引用,要确保引用正确,插入的图像文件必须位于当 前站点内,如果没在当前站点中,预览时图片将无法显示。 插入一般图像有两种方法,第一种方法:可以通过菜单命令插 入,将光标放到要插入图像的位置,然后选择【插入】→【图像 】命令,弹出【选择图像源文件】对话框,在对话框中选择一幅 图片,单击【插入】按钮,即可在网页中插入图片。第二种方法 :可以通过按钮插入图像,单击【常用】子面板上的【图像】按 钮,从下拉列表中选择【图像】,从弹出的【选择图像源文件】 对话框中选择要插入的图像,单击【确认】按钮,即可插入图像 。
(2)单击【文件】→【新建】命令,弹出【新建文档】对话框, (4)单击【编辑】→【首选参数】命令,弹出【首选参数】对话框,在左侧的【分类】列表中选择【不可见元素】选项,在右侧的区
域中选中【命名锚记】复选框激活【文件】窗口中对不可见元素的显示,则可以看到锚标记。
l 大小:设置按钮上文字的大小。
选 定 【 常 规 】 选 项 卡 中 【 类 别 】 下 的 【 基 单击右端的按钮,打开【选择图像源】对话框,选择一幅图片,可以替换原来的图像。
3.1 操作网页文件
文件的创建和存储是文档操作中最基本的部分。通常首 先创建本地站点,然后根据站点设计规划添加各种空白文 件,接着对这些文件进行编辑。本节讲述网页文件的基本 操作包括:创建网页、打开网页、保存网页以及将网页设 置为首页、设置网页属性等。
3.1.1 创建、保存网页文件
3.1.2 设置网页属性
设置网页属性包括设置网页标题、网页中文本的颜色、 网页背景颜色及背景图片、网页边距等。
设置网页属性通过设置【页面属性】来完成。通过单击 【修改】→【页面属性】命令,即可打开【页面属性】对 话框,通过该对话框,用户可以设置页面、链接、网页标 题等项的属性。在【分类】列表中选择某一项,对话框右 侧即会出现有关该选项的属性。然后进行各选项地设置。 设置完成后,单击【确定】按钮。
1.创建网页文件
1.插在入FlDasrh动e画amweaver MX 2004中,可通过3种方法创建网页。
l 嵌套列表:用户可以改变某个列表项的层次,选中一个列表项单击缩进按钮,当前列表项会自动成为上一个列表项的子内容列表,及
(1)启动Dreamweaver MX 多级列表,而前面的列表符号也自动与它的父级不同。
按常规方法,在DreamweaverMX2004中不能 输入多个空格,只能输入一个。如果用户想要输 入多个空格,那么将输入法提示框上的【半角】 改为【全角】即可。
3.2.2设置文本属性
设置文本属性主要包括设置文本的字体、字号 、文字颜色、对齐方式、间距。
设置方法为:选定需要设置文本属性的文本, 然后选择【窗口】→【属性】命令,翻开属性面 板,通过属性面板进展设置或选择【文本】→【 字体】菜单中的相应命令即可
3.3 插入图像
在网页中添加精致、美观的图像,会使网页变得丰富 多彩。在插入图像时,首先考虑图像在页面中的整体效 果,其次应综合考虑图像的质量和下载速度。图片的格 式有多种,但不是所有格式的图像都可以放在网页上。 目前,网络上支持的图像格式有3种:JPEG、GIF和PNG。 所以如果要将其他格式的图像放到网页上,首先需要转 换成这3种格式。
超链接正是Web的魅力所在。
2004后,窗口中会出现一个启动页面,
l 宽:指定Flash动画被装进浏览器时的宽度。
设置单网页击属性【包括创设置建网页新标题项、网目页中】文本下的颜面色、的网页选背景项颜色即及背可景图创片、建网页网边距页等。。
l 边框:改变“边框”的数值可以使图片添加指定数值的边框,而边框的颜色将与当前文档的文本默认颜色一致。
如果用户想要输入多个空格,那么将输入法提示框上的【半角】改为【全角】即可。
ห้องสมุดไป่ตู้
图
】→【
工
具
栏
】→
【标准工具栏】命令,打开标准工具栏,单击标准工具栏上的
【新建】按钮。打开【新建文档】对话框,按上面的步骤操作,
即可新建文件。
2.保存网页 编辑好的网页可以将其保存起来。在Dreamweaver MX 2004 中,用户可以保存文件、另存为文件,还可以将文件保存为 模板。
2插入并设置Flash文本对象
本
页面
】
选
项
,
单
击
本单节击【讲 【述确创网认页】建文按件钮】的,基即按本可操创钮作建包图,括片:链即创接建。可网页新、打建开网一页、个保存网页页以面及将,网页默设置认为首名页、称设置为网页“属性U等n。titled-1”。
l 类:从已定义的样式中选择为图片定义的样式。
(3) 通 过 工 具 栏 按 钮 创 建 网 页 : 单 击 【 视 插入Flash按钮对象有两种方法。
3.2 操作文本
文字在网页中的应用十分普遍,与其他文本处理相 比网页文本处理有许多相似的部分,例如标题、段落、 列表、对齐方式等,但网页文本有它独特的要求,即必 须努力地精简代码,必须尽可能使样式和内容分离,必 须尽可能使样式保持一定的规律。
3.2.1添加文本
假设要在网页文档中添加文本,首先应光标移到 要添加文本的位置,直接输入内容或在其他应用 程序中复制文本,然后切换到Dreamweaver 的 文档窗口,进展粘贴即可。输入文字时,如果需 要分段,那么按Enter键。
(1)保存文件:单击【文件】→【保存】命令,弹出【保存 为】对话框,在【保存在】下拉列表框中选择保存文件的位 置;在【文件名】文本框中输入保存文件的名称,并单击【 保存】按钮。
(2)另存为文件:另存为文件就是将已经保存的文件另存倒其 他位置,或以其他名称保存起来。操作步骤如下:单击【文 件】→【另存为】命令,弹出【保存为】对话框,在【保存 在】下拉列表框中选择保存文件的位置;在【文件名】文本 框中输入保存文件的名称,并单击【保存】按钮。
(3)保存为模板:将文件保存为模板文件后,该文件将以模 板的形式存在,如果其他文件应用该模板,那么其格式会 与之一样。在第一次将文件保存为模板文件之前,首先要 建立一个站点。操作步骤如下:单击【文件】→【另存为 模板】命令,弹出【另存为模板】对话框,在【站点】下 拉列表框中选择站点;在【另存为】文本框中输入保存模 板的名称,并单击【保存】按钮。
3.3.1插入图像
1.插入一般图像 在Dreamweaver中插入图像后,系统会在HTML中自动生成对该 图像文件的引用,要确保引用正确,插入的图像文件必须位于当 前站点内,如果没在当前站点中,预览时图片将无法显示。 插入一般图像有两种方法,第一种方法:可以通过菜单命令插 入,将光标放到要插入图像的位置,然后选择【插入】→【图像 】命令,弹出【选择图像源文件】对话框,在对话框中选择一幅 图片,单击【插入】按钮,即可在网页中插入图片。第二种方法 :可以通过按钮插入图像,单击【常用】子面板上的【图像】按 钮,从下拉列表中选择【图像】,从弹出的【选择图像源文件】 对话框中选择要插入的图像,单击【确认】按钮,即可插入图像 。
(2)单击【文件】→【新建】命令,弹出【新建文档】对话框, (4)单击【编辑】→【首选参数】命令,弹出【首选参数】对话框,在左侧的【分类】列表中选择【不可见元素】选项,在右侧的区
域中选中【命名锚记】复选框激活【文件】窗口中对不可见元素的显示,则可以看到锚标记。
l 大小:设置按钮上文字的大小。
选 定 【 常 规 】 选 项 卡 中 【 类 别 】 下 的 【 基 单击右端的按钮,打开【选择图像源】对话框,选择一幅图片,可以替换原来的图像。