郑州网络公关,郑州网络炒作,郑州网站建设,网站优化,郑州seo

郑州网络公关,郑州网络炒作,郑州网站建设,网站优化,郑州seo - 郑州网站建设http://goodzhangxu.cn/张旭企业电子商务应用 - RainbowSoft Studio Z-Blog 1.8 Walle Build 100427zh-CNCopyright goodzhangxu.cn QQ:578406830 WebSite. Some Rights Reserved.Wed, 08 Sep 2010 08:54:29 +0800网页布局时常犯的10个CSS和HTML错误zxgg01@yahoo.cn (张旭)http://goodzhangxu.cn/post/541.htmlTue, 24 Aug 2010 20:09:16 +0800http://goodzhangxu.cn/post/541.html　　即使是老手也常常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

　　2. 检查CSS是否书写准确
　　检查一下有无拼写错误、是否健忘结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。

　　3. 用删除法确定错误发生的位置
　　假如错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。

　　4. 利用border属性确定犯错元素的布局特性
　　使用float属性布局一不小心就会犯错。这时为元素添加border属性确定元素边界，错误原因即水落石出。

　　5. float元素的父元素不能指定clear属性
　　MacIE下假如对float的元素的父元素使用clear属性，附近的float元素布局就会混乱。这是MacIE的闻名的bug，倘若不知道就会走弯路。

　　6. float元素务必指定width属性
　　良多浏览器在显示未指定width的float元素时会有bug。所以无论float元素的内容如何，一定要为其指定width属性。
　　另外指定元素时尽量使用em而不是px做单位。

　　7. float元素不能指定margin和padding等属性
　　IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性（可以在float元素内部嵌套一个div来设置margin和padding）。也可以使用hack方法为IE指定特别的值。

　　8. float元素的宽度之和要小于100%
　　假如float元素的宽度之和正好是100%，某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。

　　9. 是否重设了默认的样式？
　　某些属性如margin、padding等，不同浏览器会有不同的解释。因此最好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。

　　10. 是否健忘了写DTD？
　　假如不管怎样调整不同浏览器显示结果仍是不一样，那么可以检查一下页面开头是不是忘了写下DTD声明。

]]>郑州网站建设http://goodzhangxu.cn/post/541.html#commenthttp://goodzhangxu.cn/http://goodzhangxu.cn/feed.asp?cmt=541http://goodzhangxu.cn/cmd.asp?act=tb&id=541&key=388b1f55网页制作中注意应用HTML标签的问题zxgg01@yahoo.cn (张旭)http://goodzhangxu.cn/post/538.htmlFri, 20 Aug 2010 21:16:28 +0800http://goodzhangxu.cn/post/538.html
部门不良标签基本上是表现标签（好比small），它们可以用更有意义和更简朴的CSS规则取代。其他的不仅用于表现，而且仍是不必要的庞大（好比font标签）或者对可用性有害的可恶的（好比blink）。

标签
下面这些是你可能会常常遇到的可以有更好选择的标签：

b 可以用来产生粗体元素。使用strong（意味着强烈夸大）代替更有意义，或者用CSS来完成这项工作，增加font-weight: bold的规则，用来表明粗体元素。

i可以用来产生斜体元素。使用em（表示夸大），这也更有意义。或者可以用CSS来表现斜体：font-style: italic

big可以产生更大字体。使用标题（如h1，h2等，当文本本来就是一个标题时）代替，增加了意义，或简朴地在CSS中使用font-size属性，获取更多的控制权。

small 可以产生小字体。CSS（font-size）再一次取得更多的控制权。

hr 可用用来展现一条水平线。在CSS顶用hr设计很少见，CSS的border-top，border-bottom属性或者朴素的图像做这个效果会更好。

上述的标签与最新的HTML尺度尽管都兼容，但对内容却没有任何好标签应有的意义。They could be more useful but they aren't particularly harmful, and might easily be mistaken for innocent butter-wouldn't-melt-in-their-mouth nuggets of pure goodness when standing next to the following filthy tags.

u可认为元素产生下划线。它提醒着下划线文本还良多连接联系关系。这就是这个标签死了良久的原因——你不必给非连接文本下划线。

center可以用来居中在元素内部的元素。CSS属性text-align答应不仅仅是center，还有left、right和justify。

menu用来创建菜单列表。它并没有ul做的完美，在由于无序列表更通用，ul高高地站在menu的尸体上。

layer和div元素相似，都由CSS绝顶位置。这仅仅能在老版本的Netscape中工作，所以再也没有什么用。

blink或者marquee。大声说不！它们应该像本身意义一样被期待，但有着十分有限的支持，和，只会产生非常，非常恶心的笑话。

font，可以用来定义元素的字体名称，尺寸和颜色，在标签世界中理所当然地获得了臭名昭著标签之王荣誉称号。旧的网站（甚至新的也有）像满世界的瘟疫之蚁一样充满整个页面。大部门的font标签激增是从网页制作软件带来的，把font标签包括颜色和尺寸用在每一个元素。font标签被滥用到泛起在当前的每一个重复元素的（如，每次你使用p元素），而CSS，则可以用一条简短的代码来应用重复元素，甚至控制整个网站。使用CSS方法，不仅可以使页面比被大量font标签寄生的更苗条，而且更轻易维护由于你所需要做得只是改变CSS文件中的一行，而不是一一修改每一个font标签。这也增加了维护一个一直保持设计风格一致的网站的可能性。font标签和不恰当的表格使用是两个产生网页不必要臃肿的主要原因。

属性

可能你以为你正在使用良好的标签，但仍是有一些麻烦的寄生虫属性潜在，它们随时会冒出来。

name用来为一个元素指定一个名字，它在如input的表单元素中完全被接受，但在其它地方，name的工作已经被id属性取代。

text和bgcolor可以在body起始标签中定义页面的基本文本颜色和背景颜色。CSS的color和background-color属性在应用到body选择符时也可以做到。

background可以在body标签中指定一个背景丹青。CSS会做得更好，用如background-image的属性来处理背景图片。

link、alink、vlink在body标签顶用来指定连接（未访问，激活和已访问）。CSS法宝── :link、:active和:visited会做这项工作。

align可以用来对齐某个元素的内容（好比

Stuff

），但是，像center标签，CSS的text-align属性是新的老板。

target可以用不同的方式打开一个连接，最常用的是打开新窗口（好比Help me）。看起来不错，但你不要对你的网站这样做。用户并不预期不可思议的东西（好比新窗口）泛起，而且最常用的浏览工具是浏览器的撤退退却按钮，假如你打开新窗口，这将不可用。它长短法和不易用的。

留意

留存标签的表现属性如图像的width和height，表格的cellpadding和cellspacing，是因为这些元素常常使用不同的值。这不是完美的解决方案，但假如你的网页有大量的图像和表格，你没有其他的明智选择，只好使用它们。

最让人难以理解的表现属性是textarea标签，它仅有cols和rows两个正当属性，在最新的HTML版本中也是必需的。

良好标签，不良使用

要进入你的卧室你可以哈腰通过一个狗洞，但等等，还有一扇有把手的为人类预备的门！哇，看——恰好适合一个进入。

使用HTML标签（好标签），不管相信与否（相信它！），有一个很好的的理由：你使用它们有一个好条件，你就会有一个更好的结果。

网页本身对用户来说，比起HTML标签语法语义更易用，屏幕阅读器常会在碰到一个ul标签或者有着h1或h2的标题标签时夸大凸起它们。

在HTML标签世界中最被滥用的就是表格了。表格经常用来布局，但表格应该仅仅只用来展示表格局数据，就如它们本身的设计意图。不用表格的布局方法不是追求开悟的某种禅，它不仅可以明显地为网页减肥，而且更易于维护和重新设计。

留意

有时侯设计者还会用在这里提到的这些标签和属性（特别是用表格来布局）来做过渡型的设计──既可以工作在老版本的浏览器上（尤其是Netscape4），也可以工作在现代浏览器上。表格确实可以在CSS不称职的Netscape4上有更强的表现控制。很不幸，这些用户很少而且越来越少了，而展现表格布局的缺点一览无遗的移动设备用户越来越多。上述的无表格设计可以预防这些缺点，尽管对一小部门的用户有些许的表现改变，但还能在所有的浏览其中保持着完全的功能。

框架

Goldilocks以为喝上一杯麦片粥是一个不错的留意，但三个硕大的肉食哺乳动物溘然泛起，把她丢出窗户。框架就是装麦片粥的杯子。它们看起来好像不错，但已经到了濒危阶段而且很快就会消失。

大部门的网站并不是用框架，而一般用户也会把一个文档当作一页。

有些情况，如你要防止用户不能把特定的网页添加到书签，又如你但愿用户用Email或即时聊天软件推荐特定的网页，又或你想把整个网站变得十分复杂，让使用屏幕阅读器的用户在框架之间频繁操纵，还或者你想疑惑搜索引擎，够了够了，你使用框架吧！

总之，框架只会增加复杂性和丧失可用性。

留意

只要你遵循下列规则，你不会在出错上有前途：

1）一个标签或者属性就算只有一点点的跟表现搭上，都不要使用。那是CSS的事。并且CSS做得更好。

2）把标签使用在如它的名字所暗示的用途上。表格标签是用在表格局数据上的。标题标签是用在标题上的。等等等等。

3）特定的内容用恰当的标签。列表用list，标题用hx(x = 1 - 7)等等等等。

]]>郑州网站建设http://goodzhangxu.cn/post/538.html#commenthttp://goodzhangxu.cn/http://goodzhangxu.cn/feed.asp?cmt=538http://goodzhangxu.cn/cmd.asp?act=tb&id=538&key=8ae8af01网页设计中排版与布局基础zxgg01@yahoo.cn (张旭)http://goodzhangxu.cn/post/537.htmlFri, 20 Aug 2010 21:14:43 +0800http://goodzhangxu.cn/post/537.html郑州网站建设提示您：我们的主页，说到底，只是一个800*600的画面，那么，我们要怎么对它进行铺排才公道呢？首先，也是最重要的一点，就是先停下创作，先想好一个主题?quot;设计，是一种有目的的创造"。若在动手之前并不了解自己将要做什么及要怎么做，而只是一味的靠操纵PHOTOSHOP的滤镜而达到一种殊效的话，那么，终极做出来的东西最多局部看得觉得挺不错的，但全局就显得太复杂了。页面上的构成，假如要让别人一眼望去觉得很BEAUTIFUL，这里面实际上是有很大的学问的。

我们先来说说构成，"构成：是将造型按视觉效应、视觉力学和精神力学等原则组成的，具备夸姣形态的造型"。构成形式里，有空间构成（平面构成和立体构成）和时间构成（静和动）。我们的创作，就是要协调这里面的种种关系，顺应视觉感慨感染，才能够感动观看者的视觉，得到我们想要的效果。在这些形形式式里，都有着如下的部件：点：我们一般以为，点是指圆形的，但这是不准确的。只要在空间里有非常少量的面积，无法形成一个视觉上感觉的图形，都是一个点。不管什么外形都可以。线：点集合在一起就形成线。面：一个平面。体：一个物体。一般是指物体占据的空间，有三维外形。

那么，当点、线、面与体集结在一个页面上时，它们的关系要怎么协调呢？它们之间都有什么作用呢？

点有集中视线、紧缩空间、引起留意的功能。两个点相距不远而且外形不等时，一般由小向大看。近间隔的点引起面的感觉。灵活运用点，可使你的页面有一些本质上的变化。当点占据不同的空间时，它所引起的感觉是不同的。

（1）居中引起视觉集中留意。
（2）上引起下跌落感。
（3）在上左或上右引起不安定感。
（4）下方中点，产生踏实感。
（5）左下右下，增加了动感。

为什么会这样呢？由于人的视觉，都是经由对糊口的感觉都得来的。在下方的东西，一般联想到大地。在上方的东西，一般联想到浮云。线、面、体亦然。

线，又分为直线和曲线。直线：给人以速度，明确而锐利的感觉，具男性感。曲线，则柔美轻快，富于旋律。曲线的用法各异，需结合自己的需要。而直线又分为斜线、水平线及垂直线。水平线代表平稳、安定、广阔，具踏实感。垂直线则有强烈的上升及着落趋势，可增加动感。斜线，一般我没有怎么使用，蛭斐墒泳醯囊恢植话捕ā?
人们每看到一个东西，都试图用横直来分析，斜、歪是人们所不愿意见到的，但适当运用部梢源锏揭恍┨厥庑Ч ?这个要靠个人的感觉。面，指的是二度空间里的形。面又分为几何形和任意形，我个人比较喜欢任意形，由于它往更具人情味。几何形使人有一些机械感，但是，每一个图形里都会要用到几何形，请看它们各代表什么：

（1）圆形：运动及和谐美
（2）矩形：单纯而明确，不乱
（3）平行四边形：有向一方运动的感觉。
（4）梯形：最不乱，令人联想到山。
（5）正方形：不乱的扩张。
（6）正三角形：平稳的扩张。
（7）倒三角形：不安定，动态及扩张、幻想。

我们在日常糊口中所看到的东西，都是因为形与形、图与底的相互关系。图形之间，图底之间，正因为对比产生差异而被我们所感知所接受。图与底的视差越大，图形越清楚，对视觉的冲击力越大。那么，平面上有那么多的东西，我怎么才能够确定它是否是最主要的呢？请看：易于成为"视觉中央"的前提：

（1）居于画面中央。
（2）垂直或水平的比倾斜更易成为中央。
（3）被包抄。
（4）相对于其它图形较大的。
（5）色感要素强烈。
（6）认识的图案，假如这件东西我们很熟，则一定会以它为焦点。

可以把自己以为最主要的东西做大一点，凸起一点，色彩鲜艳一点，其它的东西小而且色调不要那么光鲜，以免抢了主题的"风头"。留意：图与底之间的关系是很重要的。假如我们确定了背景，再确定主题，在做页面时不留意而将图与底的关系设置为 1：1，那么，我们也许发现，底与图的力场争夺非常激烈，即有时底被我们以为是图。它们之间的关系只是相对，而非绝对。一般来说，底要大于图，而图要鲜于底。

一副图，我们怎样才以为它是美的呢？这涉及到形、声、色的有机结合，感动视知觉，使观者产生美的共识。一般来说，有如下几点：（1）不乱性：我们的视知觉老是试图找一个平衡点，若找不到则产生混乱。（2）对称性：相应的部位等量，易产于同一的秩序感，但比较单调，可采用增加局部动势的方法，以取得光鲜、生动的效果。（3）非对称平衡：可以平衡为基础，调整尺寸形态结构。或者以形态各异的形，经视觉判定，放置在确定的位置，以得到预想的平衡。这个和个人的审美有关系。

事实上，通过上述的一些方法，我们主要是为了创造秩序，使相互的东西能够在没有互相干扰的系统中起作用。混乱与秩序之间的对照唤起了我们的视知觉，我们于是通过平衡、比例、节奏、协调，在迷乱中建立秩序，形成我们自己的风格。形成自己作品的独特气质。而假如留意自己作品的律动性，即旋律性，可通过重要一个基调实现，对于整个页面应该有画龙点晴之效。但要清晰的熟悉到，并非所有的节奏都产生律动性，有时候，听到一些音乐时觉得它是垃圾，原理是一样的。

旋律要有情感因素，富于变化而又同一的节奏和总体的和谐。活动的旋律，活泼、明快、自由、变化、气愤但愿勃勃。也要留意到，反复、周而复、单纯或渐变重复虽给人以视觉印象，但过于单调会使人疲惫并产生厌烦。必需在反复中寻找动与静的完美结合，寻求单纯与复杂、细腻与奔放、定向与不定向之间的对比，在构成方式上多探索，多鉴戒，求新求变。以下先容这方面的方法：

（1）同质要素的同一，这个比较轻易，只要自己多试探就行了。
（2）类似要素同一，大小类似，色明度类似就可以了。
（3）不一样的要素的同一，因为形成对比，因此一般会形成对比，造成零散、不同一的感觉，要令它产生节奏，一般是在要形成强烈焦点时才使用。总之，我们要记住这一点：在相同中求变化，在不同中求同一，使大部门相同，使小部门相异，可取得同一又富有变化的感觉。但是，也要留意差异的大小题目。差异是对规律进行突破及形成对比，富于变化。但是，差异过大，易失去总体协调，过小易被规律沉没，就留意掌握标准，以不失整体观感的适度对比为准。

我们怎样才能够让别人觉得我们的图片很协调呢？方法如下：

（1）留存一个相近或近似的因素，天然的过渡
（2）相互渗透渗出
（3）利用过渡形

在对比方面，必需有周密的编排，详细如下：

（1）方向对比在基本有方向的条件下，大部门相同，小部门不同可形成对比
（2）位置对比在页面的铺排不要太对称，以避免平板单调。应在分歧错误称中找到均衡，由此得到疏密对比。
（3）虚实对比事实上，虚与实是平等重要的，画黑则白出，造图则底成。应注意双方平衡。
（4）隐显对比图与底比较，明度差大者显示，明度差小者躲藏。显与隐相辅相成，能造成丰硕的层次感。

在空间感方面，可以以点、线、面的排列，形成不同的空间感。如以下方法：

（1）重叠
（2）大小
（3）倾侧，旋转，深度
（4）弯曲
（5）明度
（6）投影
（7）透视

]]>郑州网站建设http://goodzhangxu.cn/post/537.html#commenthttp://goodzhangxu.cn/http://goodzhangxu.cn/feed.asp?cmt=537http://goodzhangxu.cn/cmd.asp?act=tb&id=537&key=4c01503f郑州网站建设从网络营销方面来谈网站设计zxgg01@yahoo.cn (张旭)http://goodzhangxu.cn/post/536.htmlFri, 20 Aug 2010 21:13:09 +0800http://goodzhangxu.cn/post/536.html郑州网站建设发现良多企业网站的首页千篇一律为一段让人目眩缭乱的Flash动画，或一张图片，当然也不乏有部门设计的很有创意的动画或图片。假如把这种方式理解为企业网站形象设计，那么就太剑走偏锋了。

　　既然是网站，那么网站的设计就离不开网站的基本元素：如导航、结构、按钮等等，所以企业网站设计不能离开“网站”这个主体特性来为设计而设计，忽略网络的本质。

　　企业建网站的目的是什么？郑州网站建设觉得应该是传播信息。传播企业供需信息、企业整体状况、品牌信息等等，而不是单纯的秀一把。

　　Flash动画固然漂亮，但对搜索引擎的友好度是比较差的，同时体积相对也比较大，会影响访问速度，所以Flash动画不妨作为小装饰使用，效果会更佳。一个优秀的网站应该是有着良好的导航功能并易于访问的，而不是捉迷藏式的“超级创意”。网站设计在追求美观的同时，不能以牺牲正常和便捷的浏览为代价，同时更要考虑对搜索引擎的友好性。

　　所以网站设计应该掌握以下几个原则：

　　1、具有较强的可识别性，充分体现企业的基本元素：如标志、尺度字体、尺度色等；

　　2、页面设计以简洁大方为宜，充分考虑访问速度；

　　3、要有良好的导航，符合绝大多数网民的访问习惯；

　　4、要考虑与搜索引擎的友好性，留意网站的结构和层次；

　　当然，以上也是几点基本的要素，要充分把握网站设计的精华还需要有丰硕的网站设计经验和实践，并多鉴戒海内外提高前辈的设计理念，闭门造车永远不会有优秀的作品。
]]>郑州网站建设http://goodzhangxu.cn/post/536.html#commenthttp://goodzhangxu.cn/http://goodzhangxu.cn/feed.asp?cmt=536http://goodzhangxu.cn/cmd.asp?act=tb&id=536&key=61e8abb4网站建设内页设计基本技巧zxgg01@yahoo.cn (张旭)http://goodzhangxu.cn/post/535.htmlFri, 20 Aug 2010 21:11:50 +0800http://goodzhangxu.cn/post/535.html

1、结构的一致性：

我们知道，网站的同一性在网站营销中占重要地位，而网站结构是网站风格同一的重要手段，包括网站布局、文字排版、装饰性元素泛起的位置、导航的同一、图片的位置等等，到国外闻名的电子商务网站浏览，你会发现这些网站结构惊疑的一致性，所不同的是色彩或内容，在结构的一致性中，我们要夸大网站标志性元素的一致性，即网站或公司名称、网站或企业标志、导航及辅助导航的形式及位置、公司联系信息等，这种方式是目前网站普遍采用的结构，一方面减少设计、开发的工作量，同时更有利于以后的网站维护与更新。

2、色彩的一致性：

方式是保持站点主体色彩的一致，只改变局部色块，长处是一个独特色彩的网站会给人留下很深刻的印象，由于人的视觉对色彩要比布局更敏感，更轻易在大脑中形成记忆符号。在色彩的一致性中，我们夸大的是假如企业有自身的CI形象，最好在互联网中沿袭这个形象，给观众网上网下一致的感觉，更有利于企业形象的树立。一个建议是选取一两种主要色彩，几种辅助色彩。

3、利用导航取得同一：

导航是网站的一项重要组成部门，一个精彩的富有企业特性的导航将会给人留下深刻的印象，好比将标志的形态寓于导航之中，或将导航设计在整个网站布局之中等等所在多有，花点力气在导航上，也会设计出一个精彩的站点。

4、特别元素的一致性：

在网站设计中，个别具有特色的元素（如标志、象征图形、局部设计等）重复泛起，也会给访问者留下深刻印象。好比网站结构在某一点上的变化，由直线变为圆弧、暗色点缀的亮色、色彩中的补色等等。

5、利用图像取得同一：
网页中的图像在使用上一定要甚之又甚，尤其是一些动画，网页中充斥着各种可有可无的动画，而这些动画根本与本企业内容无关！当真检查网页中的动画，将没用的删掉！这里我们所说的利用图像取得同一，决不是在每页中放置几个动画！而是作为网站结构一部门的局部图像，根据网页内容的不同，配以相应的图像或动画，从而给浏览者形成页面的连续性。

6、利用背景取得同一：

从技术上而言，网页背景包括背景色和背景图像两种，一般来说，我们并不提倡使用背景图像，而使用背景色或色块。原因很显著，第一，下载速度，背景色的下载速度忽略不计，而背景图像就得根据图像字节大小下载了，这里需要说明的是，假如你的背景图像比较深，那么最好将背景色置为深色调（默认的背景色是白色），这样在等待浏览器下载背景图片的时候前面的浅色文字可以很轻易阅读，由于假如有背景色，浏览器先将其下载，然后下载背景图片；第二，显示效果，常常看到海内一些网站设有背景图像，或者是公司的厂房、办公大楼，或者是产品图片，甚至是某某人物的照片，使得前面的文字很难辨认！给人一种很不惬意的感觉，让人无法停留。在此，提醒您留意：有效利用背景取得网站同一和专业化的方法有以下几种：

(1)熟悉到并不是所有的图片都可以作为背景，在考虑设置网站背景图像的时请您留意；

(2)加强与远景的明暗对比，即要么淡化背景，隐隐约约可以看到即可，要么加深背景，而将前面的文字亮化。

那么什么适合网页背景呢？

一个好的建议是将公司的标志、象征性的简朴图片作为背景，并将其淡化，使浏览者在阅读网站内容的同时不经意记下公司的标志。曾经一个网站的背景设计给我留下深刻的印象：单色背景中一个网站标志的居中放大淡化，前面元素中也不断重复这个标志：如提交按纽外形刻意设计成标志的形式等等，在整个页面中形成特有元素在大小、明暗及位置的呼应，很好地塑造了网站设计的特有形象。
]]>郑州网站建设http://goodzhangxu.cn/post/535.html#commenthttp://goodzhangxu.cn/http://goodzhangxu.cn/feed.asp?cmt=535http://goodzhangxu.cn/cmd.asp?act=tb&id=535&key=cbd9e25e