Dreamweaver对比色应用

   对比色在网页中的应用是很普遍的,它的特点是使画面生动有活力。

  1.冷暖色的对比 人们通过生活中的经验积累,对色彩有一种心理上的冷暖感觉,一般把橘红色定为暖色极、天蓝色定为冷色极。凡与暖色极相近的色和色组为暖色,如橙色、黄色、红色等;而与冷色极相近的色和色组为冷色,如蓝绿、蓝、蓝紫等。黑色偏暖,白色偏冷,灰、绿、紫为中性色。 在网页中应用对比色时,首先要注意的是定下整个画面的基本色调,是以暖色调为主还是以冷色调为主。所有网页设计都是在统一中寻求对比变化的。 例如设定两种对比色(R:255、G:207、B:0和R:0、G:96、B:208),如图1-6所示。


  将同样形状和大小的两个色块平均摆放在画面中,如图1-7所示,画面显着单调、呆板。但若把暖色的面积加大,冷色的减小,如图1-8所示,画面构图看起来变得和谐了。


  在色彩上二种颜色的衔接有些生硬,所以需要使用灰色进行中和,这样颜色过渡得更自然、使整个画面和谐统一。 在网页的中间画一条曲线,这就定下了整个画面构图的版式,所有网页元素的布局必须围绕该版式来排列,如图1-9所示。 根据构图的需要排列其他网页元素,注意要考虑好标题的位置、大小和颜色,内文的大小和灰度。最终的效果如图1-10所示。

时间: 2024-12-02 18:29:33

Dreamweaver对比色应用的相关文章

Dreamweaver页面制作

  现在,以下边的简单网页为例,叙述一下制作过程.简单网页如下图: 在开始制作之前,我们先对这个页面进行一下分析.看看这个页面用到了那些东西. □网页顶端的标题"我的主页"是一段文字. □网页中间是一幅图片. □最下端的欢迎词是一段文字. □网页背景是一深紫红颜色. 知道了这个网页的结构以后我们就来可以制作了. 首先启动Dreamweaver MX 2004,确保你已经用站点管理器建立好了一个网站(根目录). 为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录image

Dreamweaver MX 2004高级技巧(8)制作居中的网页

dreamweaver|高级|技巧|网页 本文介绍两种居中的网页,一种是页面居中,一种是页面上下左右居中. 页面居中的网页 实现方法:设置body标签居中. 1.打开一个网页或新建一个网页,在文档左下角的"标签选择器"上选择"body"标签. 2.在"属性面板"上点击"居中对齐".现在居中的页面就做好了,往里面填充内容就可以了. 转换到代码视图,看看生成的代码,原来生成的是"<div align="c

如何在Dreamweaver中设计首页

  一.网站设计思路 每个网页开始前,一般要在Firworks或在Photoshop等图像设计软件中设计好基本页面设计,图4-1-1就是Photoshop中设计好的基本页面设计图. 图4-1-1 Doking's BLOG基本页面设计图 在图4-1-1中序号①画上红色方圈部分的是网页的左边栏目,目前是空白的,它的栏目在以后章节中会一一添加上去的,序号②画上红色方圈部分的是网站的导航条,它是由第三章建立的dkblog.mdb数据库中的LM表动态生成的.基本思路已清楚后,开始构建立网站的模板. 二.

Dreamweaver中如何拆分单元格

  今天小编为大家介绍一下Dreamweaver中如何拆分单元格. 拆分单元格 首先将光标移到需要拆分的单元格中,点击属性窗口中"拆分单元格"按钮,在弹出窗口中填写你需要拆分的行或列. 确定拆分后就可以得到下图中的效果.

Dreamweaver教程-使用属性面板

Dreamweaver属性面板可以快速更改HTML.CSS属性,从而实现页面修改效果所见即所得. 1.仍然使用greenstart.html文件作为示例文件,打开后切换到设计视图. 2.如果属性面板被隐藏了,在菜单栏选择"窗口">"属性". 3.选取正文中的"绿色下载吧",然后单击"B"按钮应用 <strong> 标签给文字加上粗体效果. 4.在"属性"面板中,单击"CSS&qu

Dreamweaver让css制作网页图片半透明

  Ok,我们现在开始,前提是你得打开Dreamweaver 4,下面是设置步骤:没用过这个工具?晕!快下载一个吧. 1:在Dreamweaver 4中点windowàcss styles(或按键盘的shift+f11),调出css styles窗口. 2:在css styles窗口中,单击右下角的加号,弹出new style窗口.设置如图: 3:点ok,弹出一个大窗口style definition for .clarity,我们按照下图设置. 也许你已经注意到了Alpha(Opacity=?

Dreamweaver MX 2004 打造细线表格(2)

dreamweaver 3.设置表格的CSS属性border-collapse为collapse:按Ctrl+Alt+T插入表格,对话框的设置同法2.选中表格,在属性面板中设置表格的边框颜色: 按F9展开"Tag Inspector"面板,在"Attributes"面板中的"style"里填入"border-collapse:collapse;" 完成后如图: 注意:法3所作的细线表格只适用于IE5+,兼容性最好的是法1,法二

解决在Dreamweaver中不支持中文文件名

dreamweaver|解决|文件名|中文     用Dreamweaver制作网页时,如果插入的图片.GIF动画.声音.视频或链接的网页是用中文命名的,在用IE浏览器浏览时可能显示不出来.以至于大家不得不将用到的素材全改为英文文件名,然后再在Dreamweaver中引用.随着素材的增多,因为是英文文件名,要查找某个文件是多么不方便呀! 经过摸索,笔者发现Dreamweaver可以插入以中文命名的素材.也可以链接以中文命名的网页.在插入素材或链接网页后切换到代码窗口,将乱码文件名改为相应的中文文

Dreamweaver MX 2004做信息公告系统(2)建立站点

dreamweaver|站点 1.按照前面的教程中的方法建立站点,站点文件夹中应该包含你设计的页面文件. 2.切记在创建测试服务器的时候一定要保证IIS中已经有了相应的网站或虚拟目录,"前缀"中填写的一定要是可以通过浏览器输入访问到该网站的地址. 3.按照前面教程中的方法建立数据库连接,连接名为"conn". 4.在"文件"面板中连接建立后双击/Connections文件夹下的conn.asp,把文件内容按前面教程中提到的方法修改,这是修改完成后