资源描述:
《dreamweaver学习》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、Dreamweaver学习一.站点1.1定义即网站(website),指英特网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。在dw中,术语“站点”是指属于某个web站点的文档的本地或远程存储位置。1.2Dw站点的组成本地文件夹(本地站点)远程文件夹(远程站点)测试服务器文件夹1.3创建站点方法一:菜单中的“站点”》“创建站点方法二:文件面板》管理站点》新建》站点二.网页元素的添加2.1插入文本2.1.1插入网站标题和普通文本直接输入复制文本8导入文本(操作方法:执行“文办》导入”命
2、令2.1.2添加特殊文本插入特殊符号(选择“插入>HTML>特殊字符”命令或利用【文本】选项卡中的字符按钮。插入空格(连续按shift+ctrl+空格,或利用【文本】选项卡中的不换行空格按钮: )插入水平线(插入》HTML》水平线)插入时间和日期(插入》日期)插入上标和脚本插入文本列表2.1.3设置文本样式普通样式直接在属性面板中的html选项卡中设置设置本本字体、字号、颜色中则需要属性面板中创建css规则来完成82.1.4CSS级联样式表(cascadingstylesheet)简称CSS,通常又称为“
3、风格样式表(stylesheet),它是用来进行网页风格设计的,方便你以后对网页的维护管理,CSS就相当于你所创建的一个模板,她是可以重复被利用的。类选择符:能够把相同的元素分类定义成不同的样式,定义类选择符时,需要在自定类的名称前加(.)。想使用类名,css的写法就是:.+类型标签选择符:指以html标记为名称的选择符,利用标记选择可以对网页文档里这个标记出现的每一个地方应用样式定义。Body,html,a,b,h1{}。标签直接使用,什么都不要加。ID选择符,可以识别网页中的元素,它可以实现的功能和类选择符相
4、似,不同的是,id选择符在在一个网页中按照规范只能使用一次,id选择符的名称必8须是#开头。写法:#+id名。2.2插入图像2.2.1插入图片网页中最常见的图像时直接插入式图像,该图像插入网页以后,在正常境况下不可以在相同的位置输入文本。还有一种是为插入式图像做准备的图像,就是占位图像。(占位图像其实是图形,实在准备好将最终图像添加到web页面之前使用的图形)插入式图像:【常用】选项卡,【图像】按钮,选择图片即可插入到网页中。占位图像:在设计网页的时候,如果已经有了网页的整体构图,但是图像还没有准备好,这个时候可
5、以使用图像占位符插入到需要插入图像的位置,等以后图像制作完成再插入图像。2.2.2插入交互式图像鼠标经过图像是一种在浏览器中查看并使用鼠标指针经过时发生变化的图像。若要插入鼠标经过图像,必须具有两幅图像:主图像和次图像,并且两幅图像尺寸相同。82.3插入导航条导航条通常为站点上的页面和文件之间移动提供一条简洁的途径。虽然鼠标通过图像也可以制作导航条。通过【插入】》【图像对象】》导航条命令创建的导航条,可以包括4种状态:【状态图像】、【鼠标经过图像】、【按下图像】、【按下时鼠标经过图像】。2.4创建网站相册需要先安
6、装fireworks,并准备相同大小的大图片(即放大后的图片),而缩略图是dreamweaver自动调用fireworks制作的图形,执行”命令>创建网站图像”命令.2.5图像属性插入网页中的图像,在默认状态下使用的是原图片大小/颜色等属性,而根据不同的网页要求,需要适当的重新调整图像属性,图像属性中既包括解百纳属性,比如大小/对齐方式等,也包括改变图像本身的属性,比如亮度/对比度/锐化等.82.5.1剪裁编辑功能在dreamweaver中,可以利用dreamweaver的”剪裁”功能轻松的将图像中多余的部分删除
7、,突出图像的主题.2.5.2重新取样当对网页中图像大小进行调整后,图像显示效果会发生改变,对图像进行重新取样可以减少图像文件大小,提高下载速度,同时会降低图像品质.2.5.3亮度编辑功能修正过暗或者过亮的图像市场使用【亮度和对比度】,这将影响图像的高亮显示、阴影和中间色调。2.5.4锐化编辑功能锐化可以通过增加图像边缘的对比度来调整图像的焦点。2.6超链接的创建2.6.1文本链接要创建超级链接,首要前提是准备链接的文件,这里同样准备的是网页,然后开始创建链接。操作“选中文本》【常规】》【超级链接】按钮2.6.2图
8、像链接Dreamweaver中,图像的普通链接方法很简单,只要选中插入的图像后,在【属性】检查器中单击【链接】额文本框右侧的【浏览文件】按钮,选择要链接的文件即可。82.6.3热点链接原理:利用html语言在图片上定义一定形状的区域,然后给这些区域加上链接,这些区域被称作热区。注:一张图像只能创建普通链接和热点链接中的一种,如果同一张图像在创建了普通链接后又创建热点链接,