《DW中的图片和超链接实用教案》由会员分享，可在线阅读，更多相关《DW中的图片和超链接实用教案（30页珍藏版）》请在金锄头文库上搜索。
1、名为冰河世纪的3D街道艺术作品由德国街头艺术家在爱尔兰敦拉奥海里创作成功。画面逼真，犹如身临其境冰河在行人的脚下融化，顿成万丈深渊；脚下的火山喷发，人们伸手相助作品耗时5天，占地250平方米。 这组艺术杰作是由德国著名的绘画艺术家艾德加穆勒完成的，这些(zhxi)立体画在运用普通色彩的基础上，又添加了一些艺术灯光，使得整个视觉效果极具冲击力。穆勒说，普通绘画和摄影作品，包括电脑制作的三维动画只是运用了人眼对光影、明暗、虚实的感觉得到立体的感觉，而没有利用双眼的立体视觉，一只眼看和两只眼看都是一样的。而充分利用双眼立体视觉的立体画，将使你看到一个无比精彩的世界。 第1页/共29页第一页，共30页
2、。色彩色彩(sci)(sci)的构成的构成 色彩一般(ybn)分为无彩色和有彩色两大类。无彩色是指白、灰、黑等不带颜色的色彩，即反射白光的色彩有彩色是指红、黄、蓝、绿等带有颜色的色彩第2页/共29页第二页，共30页。色彩色彩(sci)(sci)的表现手法的表现手法 人的色感可用色彩三属性色调、亮度、饱和度表示。不过三属性毫无差异(chy)的同一色彩会因所处位置、肯景物不同而给人截然相反的印象。以蓝色编织物和蓝色木地板为例，假定它们的三属性相同，但在观赏者的眼中，编织物的色彩与木地板的色彩毫无共同之处。这种现象称为“色彩的表现形式”。 第3页/共29页第三页，共30页。色彩给人的心理色彩给人的心
3、理(xnl)(xnl)感受感受 明亮、鲜艳的色彩，会使人感到华丽，而灰暗、陈旧的色彩会使人感到质朴，这就是色彩的华丽感和质朴感。 这主要是由于色彩的纯度(chnd)和色相决定的。通常，高纯度(chnd)色显得华丽，低纯度(chnd)色显得质朴。第4页/共29页第四页，共30页。色彩色彩(sci)(sci)的冷暖的冷暖色彩的冷暖感主要是由色彩的色相决定的。 给人“暖感”最强的颜色是橘红(jhng)，在色立体的位置被定为暖极，蓝色为冷极。其他颜色的冷暖感则以他们到冷极和暖极的距离来判断，靠近冷极的叫冷色，靠近暖极的叫暖色，居中的是中性色，还有一种是无彩色。第5页/共29页第五页，共30页。色彩色彩
4、(sci)(sci)的份量感的份量感 白色的云给人漂浮的感觉，而黑色的金属自然(zrn)给人感觉沉重了。色彩的份量感主要是由它们的明度决定的，一般来说，高明度色使人感到轻松，而低明色度使人感到沉重。第6页/共29页第六页，共30页。一般情况(qngkung)下，暖色和高明度色会有靠前和胀大的作用，相反，冷色和低明色有后退和缩小的作用 第7页/共29页第七页，共30页。网页网页(wn y)(wn y)色彩的搭配色彩的搭配 1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。 2用两种色彩。先选定一种色彩，然后选择它的对比色。 3用一个色系。简单的说
5、就是用一个感觉(gnju)的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。3.不要将所有颜色都用到，尽量控制在三五种色彩以内。 4.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容 第8页/共29页第八页，共30页。白色白色(bis)(bis)的配色的配色白色(bis)作为单色时，能够给人一种清洁、无效或者冰冷、冷漠的感觉白色(bis)与黑色组合起来，则创造出一种尖锐的效果；白色(bis)与粉色组合起来，可以更加突出粉色的温柔感；白色(bis)与明快的蓝色组合起来，有一种清新、清爽的感觉。第9页/共29页第九页，共30页。红色红色(hngs)(hngs)的
6、配色的配色红色作为单色时，给人热情、兴奋的印象。红色与黄色的搭配，能够营造出一种明快、快乐的气氛；红色与粉色组合起来，可以凸显出女性的温柔；红色与黑色搭配，则可以突出(t ch)红色的强大第10页/共29页第十页，共30页。网页图像的格式网页图像的格式(g shi)(g shi)及来源及来源GIF格式(g shi) JPEG格式(g shi) PNG格式(g shi) 网页图像来源 第11页/共29页第十一页，共30页。GIF格式格式(gshi)GIF全称为“Graphics Interchange Format”，意为可交换图像(t xin)格式，它是第一个支持网页的图像(t xin)格式，
7、在PC机和苹果机上都能被正确识别。它最多支持256种颜色，可以使图像(t xin)变得容量相当小。GIF图像(t xin)可以在网页中以透明方式显示，还可以包含动态信息，即GIF动画。 第12页/共29页第十二页，共30页。JPEG格式格式(gshi)JPEG全称为“Joint Photographic Experts Group”，意为联合图像专家组，它可以高效地压缩图片(tpin)，丢失人眼不易察觉的部分图像，使文件容量在变小的同时基本不失真，通常用来显示颜色丰富的精美图像。 第13页/共29页第十三页，共30页。常用常用(chnyn)的的GIF与与JPEG文件格式的区别文件格式的区别文件
8、格式 说明 JPEG 真彩色图片（多于256色），对于高颜色数的照片最好使用JPEG文件格式 GIF 256色或者更少的图像，低颜色数下GIF比JPEG装载的更快 第14页/共29页第十四页，共30页。PNG格式格式(gshi) PNG全称为“Portable Network Graphics”，意为便携网络图像，它是逐渐流行的网络图像格式。PNG格式既融合了GIF能透明显示的特点，又具有JPEG处理精美图像的优势，且可以包含(bohn)图层等信息，常常用于制作网页效果图。 第15页/共29页第十五页，共30页。使用网页图像使用网页图像(t xin)(t xin)的要点的要点确保文件较小控制(
9、kngzh)图像的数量和质量合理使用动画第16页/共29页第十六页，共30页。各类超链接各类超链接按照链接路径的不同,网页中超链接一般分为以下3种类型(lixng): 内部链接,锚点链接和外部链接。 如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。第17页/共29页第十七页，共30页。创建创建(chungjin)(chungjin)文本超级链接文本超级链接 文本(wnbn)超级链接是最常见的超级链接，通过使用鼠标点击文本(wnbn)即可从一个网页跳转到另一个网页。 第18页/共29页第十八页，共30页。锚记链接锚记链
10、接(lin ji)(lin ji)锚点即为一个文档中的某一个特定的位置的标记，通过创建锚点，可以某个(mu )超级链接链接到文档的某个(mu )锚点，方便文档之间的跳转。创建到锚点的链接的过程分为两步：创建锚点、创建到该锚点的链接。第19页/共29页第十九页，共30页。创建创建(chungjin)(chungjin)命名锚记命名锚记 在制作(zhzu)网页时，为了达到跳转到网页固定位置的目的，可以使用锚链接。通过对网页中指定位置的命名，利用超级链接打开目标网页时可直接跳转到相应的命名位置上。 第20页/共29页第二十页，共30页。链接链接(lin ji)(lin ji)命名锚记命名锚记 创建(
11、chungjin)好锚记之后，必须创建(chungjin)对应的超级链接源端点。 第21页/共29页第二十一页，共30页。若需要链接到父目录(ml)中的文件的某个链接，则使用相对路径就可实现。在文本框中输入“./文件名.htm#”锚记名称。若需链接到某个外部服务器目录下的文件(wnjin)中的某个锚记，则使用绝对路径。第22页/共29页第二十二页，共30页。注意注意(zh y)(zh y)创建到锚点的链接，会在锚点名称前加一个(y )#号，表示后面为一个(y )锚点的名称。在#和锚记名称之间不要留有空格，否则链接会失败。在不同文件夹中为锚记创建链接时，其文件名后缀必定为.htm符号#必须是半角
12、符号，而不能为全角符号。第23页/共29页第二十三页，共30页。创建创建(chungjin)(chungjin)空链接空链接 要想对文本设置行为，首先必须为文本建立空超级链接（空超级链接是一个未指派目标的超级链接），这样行为才会有效。为文本建立空超级链接时，只要先在文档窗口中选中需要建立空超级链接的文本，然后(rnhu)在属性面板的“链接”文本框中输入一个“#”符号即可。建立空超级链接的目的只是为了应用行为，其他情况下不必建立。 第24页/共29页第二十四页，共30页。创建创建(chungjin)(chungjin)电子邮件超级链接电子邮件超级链接 电子邮件在网络应用中十分广泛(gungfn)
13、，在网页中建立电子邮件超级链接可方便网页浏览者与设计者之间的联系。 第25页/共29页第二十五页，共30页。创建图像创建图像(t xin)(t xin)热点超级链接热点超级链接 要在一幅比较大的图片中添加许多超级链接时，应该(ynggi)将图片化整为零，分割成较小的图片，然后分别为这些小图像上建立超级链接来达到目的，但这时整幅图片就不能对齐，利用Dreamweaver 的图像热点超级链接功能就能避免这个问题。 第26页/共29页第二十六页，共30页。第27页/共29页第二十七页，共30页。目标文件目标文件(wnjin)(wnjin)载入方式载入方式_blank：表示将链接文件在新的浏览器窗口中
14、打开；_parent：表示将链接文件在上级框架集或包含(bohn)该链接的窗口中打开；_self：表示将链接文件载入到相同的框架集或窗口中打开；_top：表示将链接文件载入到整个浏览器窗口中打开，将删除所有框架。第28页/共29页第二十八页，共30页。感谢您的欣赏(xnshng)！第29页/共29页第二十九页，共30页。内容(nirng)总结名为冰河世纪(shj)的3D街道艺术作品由德国街头艺术家在爱尔兰敦拉奥海里创作成功。而充分利用双眼立体视觉的立体画，将使你看到一个无比精彩的世界。不过三属性毫无差异的同一色彩会因所处位置、肯景物不同而给人截然相反的印象。这主要是由于色彩的纯度和色相决定的。白色与明快的蓝色组合起来，有一种清新、清爽的感觉。红色与黄色的搭配，能够营造出一种明快、快乐的气氛。常用的GIF与JPEG文件格式的区别。感谢您的欣赏第三十页，共30页。
