1、网页的设计有几种方法
第一、靠前、无边框设计。无边框设计在近几年比较流行,在设计页面的时候,将页面中的风格线、边框删掉,用间距来代替的一种设计方法。无边框设计一般是以大图为主,图片本来就是一种分割元素。而内容基本是有规律的,留白间距之间的内容一定要相对一致、重复、紧密,这样用户在浏览的时候才会认为这些内容是一体的。一般来说,小众垂直的产品更适合使用无边框设计。
第二、卡片设计。卡片的设计打破了传统上固定的排版布局方式,提升了版面的使用率,可以给网站建设增加更多的惊喜。那么卡片设计有哪些优势呢?1、可以提高页面的使用率。卡片就好像是一个容器,将类型不一样的内容设置在不一样的卡片中,这样就可以很好地区分内容,还能够统一页面的风格。比如传统列表,内容一般是纵向滚动的方式,能够展示的内容比较有限,卡片式的设计采用的滑动方式,就可以有效地解决空间问题。2、区分卡片上的内容。卡片就好像是一个容器,将不同的内容放置在不同的卡片,更好地区分内容的类型。卡片的维度是不一样的,而且相对独立、有互相有联系,所以通过卡片归纳网站的内容,整个网站就显得更有秩序。3、卡片式设计可以提升可控性、提升体验度。卡片式设计的使用范围比较广泛,可以覆盖、滑动、堆叠,有良好的扩展性和可操作性。
第三、分割线的设计。这也是常见的一种页面布局设计方式,可以更好地帮助用户快速熟悉页面的布局,有良好的内容组织性。分割线可以贯穿整个页面,将不同的内容进行分割,成为独立的信息。
网站建设中的页面布局,有不同的设计方式,而且设计的趋势不断在变化,在设计页面布局之前,就要考虑好合适的样式,不能一味地追求潮流,根据产品的实际需求,选择合适的设计方式。而分割线的设计,想要做得出色,就要处理好线的间距、粗细、颜色等等
2、网页设计中如何解决浏览器兼容问题?
1. 目标不居中;
一般新手都爱出现这个问题,主要原因是对盒子模型不够理解,如果发现你的页面没有居中,基本上有两种情况:
a. 如果是在浏览器中没有居中,就是没盒子,就是要用一个大DIV把所有需要居中元素装起来,然后给盒子一个css样式margin:0 auto;
b. 如果想要盒子内的元素居中,必须定义盒子的绝对宽度,然后给盒子一个CSS样式text-align:center;
2. 目标在不同浏览器上的位置不同;
a. 首先不要去急着找hack,先看一下自己的代码有没有错误,DW里有一个“检查浏览器兼容性”功能特别实用;
b. 然后,尽量让目标的位置初始化,使之在所有浏览器都处在同一个位置,这个条件的前提是,不写hack,最后再一个方位一个方位调整。
3. 目标与目标之间距离在各个浏览器上的区别;
a. 给其中一个目标加背景颜色;
b. 观察背景色与另外一个目标的距离,查看是不是这个目标造成的距离问题
c. 如果不是上一个目标,那就给另外一个目标也加上背景颜色。
d. 这样很容易判断出那个目标造成的原因,就针对那个目标进行修改。
4. IE6兼容问题最多的一个,浮动问题。
a. flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,解决方法:
只需要给这个DIV加一个样式:display:inline;
b. 布局的时候经常会遇到这种情况:发现有一个DIV浮动了,接下来的一个DIV本来是要在下面显示的,结果跑上面去了,这种情况一般在FF下面会出现。
解决的办法:清除浮动,在设置过浮动的那个DIV下面加一个DIV,给个样式clear:both;如下
<div style="float:left;height:100px; width:500px;"> <div style="clear:both;"> <div style="height:100px; width=300px">
5. IE8兼容问题
ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" />
6. 背景兼容问题
有的时候明明给一个DIV加了背景颜色或背景图片,但是却显示不出来或者显示不全。
解决办法:首先,有可能是DIV没有设置绝对高度。如果设置了宽度和高度还没有效果,那么给DIV一个样式display:block;(通常a:hover加背景的时候经常遇到)。
另外,如果高度必须要设置成自动的话,那么就给DIV一个样式overflow:hidden;
7. IE7和Firefox兼容问题
很多朋友DIV+CSS的时候,会出现,在IE的几个浏览器下都好使,就是FF下有问题。
解决方法:height:100px;/*FF下显示100的高*/ +height:120px;/*IE678下显示120高*/
原理:FF不识别加过符号的属性,而IE识别。
3、网页设计中的一些设计技巧
1、配色方面的话,建议去读《设计心理学》、《WEB界面设计》、《简约至上》内、《情感化设容计》这类似的书籍,想看免费的去新浪知识下载PDF版。
2、前端类的学css是必须的,《精通css》这个书是必须的,你得懂一点特效,去看看Jquery吧,js的一个库,比学js要简单的多,它有很多可以下载到的特效代码,用的时候直接二次开发就行,可以在www.alixixi.com和www.lanrentuku.com上面下载到!
3、如果说其他的一下常见的技巧啊类似的,可以去站酷看别人的经验分享,可以去看看国内好的ued和前端的网站!
4、网页设计,网页中是对的,但是在设计里面看又是错的,为什么呢?有什么解决办法吗?
网页设计本来就是针对网页的,既然看网页的时候对了,何必追究设计有问题?内
除非这个问题会给其他容问题带来影响,否则不用管他啊。
真要解决这个问题,首先兄die你得先把自个的问题表述清楚啊,不表述清楚我们也帮不了你的忙,那这样大家都是在这里瞎忙活。
何苦呢?
5、网页设计中如何解决浏览器兼容问题
为了能让网站设计正常的运行于各种浏览器平台,网站设计师们不得不想尽办法处理好网站建设中的浏览器兼容问题。正是因为网站设计当中的这一需要产生了一项新技术— CSS Hack。 CSS Hack 就是针对不同浏览器写出不同的 CSS code 的过程,主要用来解决目前各类浏览器无法标准解析CSS样式,导致同一网站设计页面在不同浏览器下出现显示效果不一致的兼容问题。 针对不同浏览器,可以将CSS Hack 网站设计代码整理如下:
1、针对I E 系列浏览器的网站设计代码 针对 IE 6 的专属 CSS Hack 网站设计代码 #id{ _display: block; } 也就是在网站设计CSS属性前加一个小划线就好。 针对 IE 7 的专属 CSS Hack 网站设计代码 #id{ *display: block; } 即在网站设计CSS属性前加上一个星号即可 针对 IE 8 的专属 CSS Hack 网站设计代码 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示,解决办法为在网站设计CSS属性后分号前加上空格与斜线并加入一个数字9即可 。
2、针对火狐的CSS Hack 网站设计代码 火狐可谓是最标准的浏览器之一了,网站设计技术只要稍稍不到位就能体现得淋漓尽致,所以不少网站设计师也很头痛,其实想要解决火狐的兼容性除了要把网站设计的基础知识扎牢之外只要将CSS代码写入到下图 @-moz-document url-prefix(){ } 里面就行了 @-moz-document url-prefix() { #id{ display: block; } } 。
3、针对 Safari 的CSS Hack 网站设计代码 Safari是苹果计算机的最新作业系统Mac OS X中新的浏览器,用来取代之前的Internet Explorer for Mac,使用了KDE的KHTML作为浏览器的运算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近。
4、针对 Opera 的CSS Hack 网站设计代码 Opera即Opera Software ASA,是台式机、各种设备和移动网络浏览器市场的商业领袖,因快速、小巧和比其他浏览器更佳的标准兼容性获得了国际上的最终用户和业界媒体的承认,并在网上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 这个世界上必然不会存在绝对完美的事物,因此运用以上方法让我们的网站设计更好的与各种浏览器兼容的时候其实已经违反了网站制作的W3C标准。
6、请问在网页设计中这个问题怎么解决?
个人资料 和自我简介 分别用两个div(div1,div2)
下面分别用两个div{div3(个人资料),div4(自我简介)}来显示个人资料和自我简介
当单机个人资料合自我简介时 对应显示div3和div4
线面两个div要绝对定位的
用js来控制div3和div4显示(div1和div2的单机时间)
7、网页制作设计方法
我觉得是手抄写代码好。我也是最近才开始做网页的,一开始也跟你一样想下载开源的代码然后自己去修改,但是发现如果没有基础的话,连代码都看不懂,都不知道要改哪里。
我现在用的是DW来做的,即使你从网上下载代码,最好用DW打开,DW有一个“拆分”窗口,左边是代码,右边是网页效果图,你可以用鼠标点到效果图的哪个地方,左边的代码窗口就定位到哪个地方,你就知道要改哪里啦。
8、如何避免网页设计中常见的8大错误
创建网站的过程中记得检查页边距和padding样式;要找出网站目标用户群体常用的浏览器,并针对它们内检查你网站容的兼容性。文本部分和导航元素应该被恰当地突显出来以引导用户,管在网站的指引音频中用上音乐也许不错,但仍需提供音效控制权给用户,而不是从一开始就自动播放。将相似的链接用同样的颜色或字体编组,改变已访问链接的颜色,使用清晰可见的按钮都是值得鼓励的方法。用字体玩太多的花样是一个应该避免的常见错误。网页模板可以大大降低犯这种错误的几率。
9、网页设计中遇到的问题
你好,如果是与陌生客户沟通的时候遇到问题,如何取得客户的信任是最重要的一步,所以上海营销型网站建设上一定要有明确的、显眼的、有始有终的一套荣誉资质展示系统,如原产地证书,3C、ISO认证等。还有就是在线客服系统,形成与浏览者良好的互动,留下浏览者的联系方式,这是流量转化为订单的关键等,希望对你有帮助,谢谢!望采纳!!