1、做网页色块不能贴边吗,背景不能是一张图片吗 ,求专业的网页设计师帮帮忙解惑,刚学不久
色块不能贴边是什么意思。
网页的背景可以是一张图片,而且图片的位置和大小是可以设置的。
不同的元素也可以设置不同的背景。
你是打算要什么样式的?
2、电脑浏览网页时,图片出现色斑色块的现象
建议你更新,显卡的驱动,如果还这样,那就是他的文件有问题了
3、如何使用网页渐变色来提升设计逼格
一、垂直线性渐变
拉渐变是Photoshop的基础操作,那么如何运用的好看了?颜色选择才是关键
我们把一个渐变颜色拆分成A B C三个颜色,每个颜色用HSB标注颜色色值。
这是某App的一组引导画面,运用了三组渐变颜色,分别标注HSB的色值,通过这组色值的变化,分析如下。
A色 B值非常高,普遍50以上
从A色到B色,H值的变化范围为正负30到70,S值减少10,说明B颜色略变淡。
从B色到C色,H值的变化范围为正负30到40,S值增加15到50,说明C颜色开始变浓。
以上色值仅供参考,实际使用并非整数。根据以上规律去有规则的使用渐变色。
二、垂直线性渐变+球形渐变
Web界面面积比较大,在大面积使用渐变的时候。如果只是使用垂直的线性渐变是略显单调的,这个时候我们需要加一个球形的渐变。
A+B+C色构成一个渐变,这时候我们再补充一个D色的球形渐变并高斯模糊。D色的圆形矢量形状要转换为智能对象,这样调节高斯模糊及大小的时候可以无损调整。如果界面上需要运用图片,我们再补充一个80%透明度的E色,叠加在去色后的图片上。这样界面会层次会更加丰富。
三、多角度球形渐变
想让界面更加绚丽,这时候我们可以考虑多组球形渐变搭配使用。例如最新改版的instagram就是一组线性渐变,加两组球形渐变组成。球形渐变也是由多组颜色构成。
四、色块渐变
渐变的颜色不只可以运用在一个色块上,还可以运用在一组色块上。设计师运用一组近似性色彩,将每个菜单项清晰区分开,让界面平衡在一个频率上,这样的画面更有节奏感和舒适性。
4、DW网页设计怎么把首页第一个蓝色块贴紧左边线?其他的色块和空隙保持不变.
有几种方法哈
现在左边有间距或者是填充,把左边间距或填充改成右边间距或填充;
单独给第一个蓝色块设置一个样式,去掉左边间距或填充;
给整个蓝色块加个定位,向左填个负的间距数值,比如蓝色块与蓝色块之间的距离是10px,那么就是left:-10px。
5、电脑浏览网页,图片出现色斑色块
换台新的
6、网页设计制作详细流程
分析如下:
1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。


2、下面选择这三个界面,代码、拆分、设计,一般默认设计界面,对于新手这个功能具有可视化,能更好的制作网页。


3、下面我们来制作网站站点,在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。


4、然后再在站点根目录下建立一个专门储存网站图片的文件,并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件,不会丢失。注意文件命名要用英文。下面我用我建立的(篮球资讯网)来介绍,点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。



5、下面我们来制作这个网站首页,先学习添加图片。插入——图像——选择素材添加。点击图片,下面属性可以编辑修改图片大小,添加超链接等等。下面我修改图片大小做示范。




6、下面学习添加文本。编辑“篮球资讯网”,下面属性可以设置文本字体、添加超链接等等,点击页面属性,可以详细编辑文本属性。


7、网页基本就是文字和图片的组合,添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本,点击页面下方属性——链接——点文件小按钮——选中第一个网页,这样篮球资讯网文本变成蓝色。这是网站内部链接,相反就有外部链接。添加如图,一定要写http://......就可以了。


9、最后我们浏览网页。左上角文件——在浏览器中浏览网页,点击网页中两个链接都能到达指定网页。


(6)设计网页色块入口扩展资料:
网页设计
设计网站要注意两个要点:整体风格和色彩搭配。
风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。
风格(Style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
色彩搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。
网页配色小技巧:
1.用一种色彩:这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感;
2.用两种色彩:先选定一种色彩,然后选择它的对比色;
3.用一个色系:简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
在网页配色中,还要切记一些误区:
1.不要将所有颜色都用到,尽量控制在三至五种色彩以内;
2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
7、怎么设计网页
网页设计——根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。
网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。
网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。
网页设计常用的工具包括AI、PS、FL、FW、DW等。
网页,是网站中的任何一页面,通常是HTML(是标准通用标记语言下的一个应用)格式(文件扩展名为html、或htm、或asp、或aspx、或php、或jsp等)。网页通常用图像档来提供图画,网页要使用网页浏览器来阅读。
在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制
作软件,就能搞好网页设计了。
其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的
任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”,网页设计中最重要的东西
,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我
们自身的美感以及对页面的把握上。
首先,我们要弄清楚网页设计的任务。
一、设计的任务
设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并
非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。
网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的
任务也不同。从形式上,可以将站点分为以下三类。
第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量
的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的
亲和等问题。
第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设
计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然
而就现状上来看,这类网站有粗制滥造的嫌疑。
第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有
几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对
设计者的美工水平要求较高。
当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘
了最重要的一点,那就是客户的要求,它也属于设计的任务。
明确了设计的任务之后,接下来要想的就是如何完成这个任务了。
二、设计的实现
设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在
纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里
面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页
面的不同位置。
除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,
只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该
能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、
Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。
接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在
Dreamweaver里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都
是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计
是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色
了。
四、造型的组合
在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一
个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要
素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配
来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、
交叉、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应
根据具体情况,选择最适合的表现手法,这样有利于主题的表现。
通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让
观者在感受美的过程中领会设计的主题,从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上
的各种元素有机的组织起来,它甚至还可以引导观者的视线。
三、色彩的运用
色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红
色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,
显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和
平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感
觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种
色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们
的作品更贴近现实。
色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一
个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水
平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如
绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、
淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配
则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应
尽量使用网页安全色。
但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经
验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和
对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目
的视觉效果。
五、设计的原则
设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的
原则:统一、连贯、分割、对比及和谐。
统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中
切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表
现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯
,使整个页面设计的各个部分极为融洽,犹如一气呵成。
分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了
然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不
仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归
纳。
对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与
直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、
聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。
和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线
条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传
达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受
形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。
六、网页的优化
在网页设计中,网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速
度和页面的适应性,影响观者对网站的印象。
在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用
css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,
颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,
我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低
,这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切
成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们
把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优
化为gif,这是由这两种格式的特点决定的。
表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、
高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来
定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取
网页html原代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个
子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等
待多时无结果,按"停止"按钮却一下显示出页面就是这个原因。因此,我们在设计页面
表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要
少。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符“ ”。如果
单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源
代码内将其删去。
网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们
将会看到不同的结果,因此设计时要统筹考虑。一般我们在800*600下制作网页,最佳
浏览效果也是在800*600分辨率下,在其它情况下只要保证基本一致,不出现较大问题
即可。
说了这么多,只是希望能对做“网页设计”的人有所帮助,希望他们在做网页的时候能
够从整体着眼,无愧于“设计”这两个字。顺便说一下,本文只代表本人个人观点,仅
供参考。
对于网页的框架与定位,这个是很难说得清楚的,这要看你在做网站时,对网站的
规划,并不能一并而论的,如果你没有这方面的经验,就多多在网上看看别人是如何设计
的吧,是非常的用的,可以把他们给抓下来,做个图库,方便自己设计
其实看看一些设计精良的网页,会对自己有很大的作用,
把别人的网页下载下来,再用相关的软件,进行分析,
可以学到许多的东西的,是一种快捷的学习方法,
但决不是COPY
我认为首要的是突出主题
一个好的网站(个人的只能算做网页)最首要的是突出你的主题,在别人搜索或访问时首
先就看有没有自己所需要的内容,要么就直奔主题.然后再在主题鲜明的基础上做好框架
设计.一个好的网站要做到层次分明,结构合理,让人一看就能明白你想要表达的中心思
想是什么,以及怎样才能以以最快的速度找到自己想要的内容.这两个主要问题解决后再
在一些细节上加以润色,就能制作出赏心悦目的网站.
8、【求网址】一个色彩搭配的网站,输入一种颜色的值如:#ffffff。就出现几种适宜的颜色值.
http://zh-cn.colourlovers.com/我一般用这个,不过是英文的,不过我又给你搜了一些。希望有你中意的。
http://www.colorschemer.com/
非常专业的一个配色网站,还有相关的软件下载。如果嫌复杂就进这里 http://www.colorschemer.com/online.html可以根据你选定的颜色,给出16种颜色的配色方案。
输入一个关键字,例如“house”就能产生相关的颜色,比较有意思。不过合适不合适就见仁见智了。
http://www.colr.org/
http://wellstyled.com/tools/colorscheme/index-en.html
http://wellstyled.com/tools/colorscheme2/index-en.html
同一网站下的两个配色工具,前者可以根据亮度和饱和度产生配色方案。后者则有一个近似于网站模拟界面的色块参考。
http://www.colorblender.com/
选定一个基准色,马上给出五种配色,反应非常快。
http://www.steeldolphin.com/color_scheme.html
同样提供了可以饱和度、亮度调整的配色工具。第一次打开有点慢,以后就很爽快了。
http://www.colorwhore.com/
简单实用
http://www.colorcombos.com/
虽然界面比较粗糙,但提供的配色方案很多,也有即时的自配方案的功能,就是每次要刷新页面不太爽。