1 / 79
文档名称:

网站建设与管理之简单网页设计.pptx

格式:pptx   大小:2,165KB   页数:79页
下载后只包含 1 个 PPTX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网站建设与管理之简单网页设计.pptx

上传人:rabbitco 2022/1/25 文件大小:2.11 MB

下载得到文件列表

网站建设与管理之简单网页设计.pptx

相关文档

文档介绍

文档介绍:网站建设与管理之简单网页设计
内容提要
插入文本
格式化文本
项目列表的应用
标尺和网格
在网页中添加图像
创建超级链接
插入多媒体
插入文本
插入普通文本 的格式及来源
GIF格式
JPEG格式
PNG格式
网页图像来源
GIF格式
GIF全称为“Graphics Interchange Format”,意为可交换图像格式,它是第一个支持网页的图像格式,在PC机和苹果机上都能被正确识别。 GIF文件占用空间小,最多支持256种颜色。GIF图像可以在网页中以透明方式显示,还可以包含动态信息,即GIF动画。
JPEG格式
JPEG全称为“Joint Photographic Experts Group”,意为联合图像专家组,它可以高效地压缩图片,丢失人眼不易察觉的部分图像,使文件容量在变小的同时基本不失真,通常用来显示颜色丰富的精美图像。
PNG格式
PNG全称为“Portable Network Graphics”,意为便携网络图像,它是逐渐流行的网络图像格式。PNG格式既融合了GIF能透明显示的特点,又具有JPEG处理精美图像的优势,且可以包含图层等信息,常常用于制作网页效果图。
网页图像来源
网页图像的素材有很多来源,如可以使用图形处理软件(如Photoshop、Fireworks和FreeHand等软件)制作;可以购买网页素材光盘;可以从网络上下载等。
插入图像
直接插入
占位符插入
图像的放大显示
直接插入
选择[插入][图像]菜单命令。
单击插入栏的“常用”选项卡中的按钮。
按【Ctrl+Alt+I】键。
占位符插入
制作网页时还未选定需插入的图像,但确定了图像大小的时候,可以使用占位符来代替图像的方式插入到文档中。
将图像确定后双击占位符,在打开的对话框中设置后插入即可。
图像的放大显示
Dreamweaver 8新增的放大镜功能可以让用户更方便地进行对齐图像、选择较小的对象以及查看较小的文本、动画或网页元素等操作。
设置图像属性
在网页中插入图像后可通过属性面板对其属性进行修改等设置。
图像命名
图像大小
编辑图片
源文件设置
文本说明
图像与文本的对齐
图像边距
图像边框
图像命名
为了在使用Dreamweaver行为(如交换图像)或脚本撰写语言(如JavaScript或VBScript)时可以引用该图像,可在属性面板的“图像”文本框中为图像命名。
图像大小
在Dreamweaver 8中插入图像后系统会自动将图像的原始大小显示在“宽”和“高”文本框(以像素为单位)中。
编辑图片
在网页中选择图像之后,单击属性面板中的按钮,打开图像处理软件,对图像进行处理。如果安装了Fireworks,那么Fireworks将被默认为图像处理软件。如果没有安装,用户也可自己设置使用其他软件中处理图像
源文件设置
在属性面板的“源文件”文本框中显示了图像的保存路径,如果要重新插入一幅新图像,可以在选取图像后的属性面板中的“源文件”文本框中重新输入要插入图像的地址,或单击右侧后的 按钮,在打开的“选择图像源文件”对话框中重新选择需要的图像。
文本说明
在选取图像后的属性面板的“替换”下拉列表框中可以输入图像的文本说明。
图像与文本的对齐
选取图像后,在属性面板的“对齐”下拉列表框中可设置处于同一行上的图像与文本的对齐方式。
图像边距
选取图像在属性面板的“垂直边距”和“水平边距”文本框中可以设置图像与页面上方和左侧之间的距离,也可以设置图像与其他网页元素之间的距离。
图像边框
选取图像后,在属性面板的“边框”文本框中可以设置图像边框的宽度,单位为像素,“0”表示无边框。
图像高级设置
鼠标经过图像设置
插入Fireworks HTML对象
鼠标经过图像设置
鼠标经过图像是一种在浏览器中查看网页时,鼠标光标经过该图像时,图像发生变化的动态图像。
插入Fireworks HTML对象
Macromedia公司的图形处理软件Fireworks优化后的图像和HTML文件。使用Dreamweaver可直接插入保存到所需的Dreamweaver站点文件夹中。
创建超级链接
创建文本超级链接
创建锚链接
创建空链接
创建电子邮件超级链接
创建图像超级链接
创建导航条
创建文本超级链接
文本超级链接是最常见的超级链接,通过使用鼠标点击文本即可从一个网页跳转到另一个网页。
创建锚链接
创建命名锚记
链接命名锚记
创建命名锚记
在制作网页时,为了达到跳转到网页固定位置的目的,可以使用锚链接。通过对网页中指定位置