网站制作标准.ppt

1、网站制作标准,SEO的标准网站设计模板,标题：$网页内容标题$频道标题$网站名$ 网页头部关键词 网页头部META描述 $网站导航$ $网页内容标题$ $网页内容$ $相关内容链接$ $值得全站网民方便查看的固定内容链接$, $隐私条款，友情链接，版权声明，联系方式，留言等等$ 注释： css样式表代码尽量和htm、asp等文件分离 js代码也尽量和htm、asp等文件分离 模块化，规范化。世界上没有高深的知识，全是基础知识。基本而重要的html代码知识 每个标记都应该出现在应该出现的位置。 还可以给不同的内容块加大div包围标记，运用css控制内容布局。这样可以较少网页大小，方便搜索引擎索引

2、。,网站页面制作要求,一、 导航设计在整个网页设计中导航占有着重要的地方，她携带这一个网站最重要的信息。同时导航的风格也为整个网站确定了基本的色调。导航的样式有多种多样，从形式来说：文字导航、图片或flash导航以及带有图片背景的文字导航3类基本样式。 1、文字导航是面向SEO网站非常不错的导航，推荐使用这种导航，可以通过Div+Css方便的制作，导航效果采用文字导航可以大大减少网页的大小，提高打开速度和用户体验度，更重要的是使Sprider能更快的爬行，减少Sprider的分析时间，顺着导航链接深层次的爬行网站，使网站的网页尽可能多的送入到搜索引擎中去。 2、图片(Flash)导航很多的企业

3、站、图片设计站等站都使用图片导航，显着很有视觉效果，给人留下视觉美感，但是SEO是不推荐这样的导航，是因为 Sprider不能识别图片中的文字，更读不懂Flash中的信息（况且Flash还有完好的封装性），这样就导致Link就无法传递，错过了网络 Sprider的爬行，如果你非要用Flash导航，建议你要单独的建立一个Xhtml的文本页面，来帮助网络Sprider的爬行，这样不是两全其美的事情吗？ 3、图片背景文字导航兼顾到实用性和表现形式，带有图片背景的文字导航是一个很不错的选择！他满足了视觉冲击力的效果，提高了UE，又带来了文字链接 Link的样式，SEO建议采用此样式！我这里也有一个实例

4、：,三、 图片Flash的优化图片优化主要有两个方面：一是选择适合Web页面的图片格式，同时压缩图片大小；二是对需要表达含义的图片设置文字说明。 1、 WEB图片格式 GIF和JPEG是适合在Web页面设计中使用的页面。GIF只限于256种颜色，适合对图片显示质量要求不高或单一色块图片，JPEG图片适合显示照片。从SEO和用户体验角度来说，适合对图片按钮或网页结构上的图片使用GIF格式，因为JPEG图片加载时是逐行显示，而GIF是先显示图片轮廓在逐渐清晰内容。建议那些做背景图片，和一些不是影响大局的图片，还是成GIF的比较好！ 2、alt和title的属性现在用户的搜索是多种多样的，对图片的搜

5、索也不容忽视，如果把你的产品图片能顺利的送到搜索引擎里去，并得到充分的”曝光” 也是一件刻不容缓的事情。搜索引擎是无法解析图片内容的，而带有alt和title属性是图片搜索引擎识别图片的主要依据，所以必须设置图片的alt属性和title属性。 alt属性用于指定图片的替换文字，title属性用于设置当前对象的说明信息。在进行SEO优化时，适合将alt属性设置为图片本来的含义，而将 title设置成指示性信息，示例如下: 其作用是：alt属性，当图片不能正常显示时，则显示alt中的文字，表达要传递的信息，将title属性设置为“返回网站主页”，作用是当用户将鼠标指向图片时，提示给用户的信息，同时

6、也是帮助那些弱视者。,四、 XHTMl的结构优化使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点： 1、提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处； 2、由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。具个人观察，排在搜索引擎前面的大部分都是使用Xhtml制作的网页。 五、 CSS的优化 Css样式表控制着整个网页的样式。随着页面布局的复杂性和表现形式的多样性，Css代码的体积也日益剧增，导致网页加肥。因此，也需要对CSS文件进行优化。 1、标签属性的优化例如我们在做网页时，

7、DW-修改-页面属性 时把网页的的上下左右边距都设置为0px,DW就自动出现: 其实这代码都是简写: 你看看少了多少字节!这里我就简单一例!在优化Css代码时,要求你对Css要非常熟悉,否则你的页面就控制不好了,乱的一团糟! 2、分组选择器我们在定义很多的样式时，要定义很多有重复的样式，比如width、height等属性，例如： h1color:red; font-size:12px; font-weight:bold; h2 color:red; font-size:12px; font-weight:bold; 那么我们就可以精简为： h1,h2color:red; font-size:1

8、2px; font-weight:bold; 3、使用类Class 类（Class）选择器是可以从复使用的，在Xhtml中是按照最后一个样式（或和前一个样式叠加）显示，如果有冲突的样式就按照最后一个样式显示！也是 CSS层叠样式表的好处！相信精通CSSer都很熟悉！这也是优化CSS的一种方法。要尽量的是CSS样式要充分的重叠，使其充分的利用! 例如： .htmlwidth:900px;margin:0px;padding:0px;/*宽度是900px；居中显示，内开展为0px*/ .piclistdisplay:inline;/*图片按照行显示*/ 应用：,网站策划指引,网站策划是一个网站的核

9、心工作，网站策划的好坏直接影响到网站建设成功后的成败。以下是网站策划的十项原则，从根本上去解决自身网站的各项问题，网站策划并不可怕。 第一，了解你的网络竞争环境。 通过引擎了解同类型网站的发展现状。首先看国内的，判断它们的发展方向，商业模式，专业应用，对比各个网站的aleax排名和分析。如果能看出大概的倾向性并充分判断其价值，就是说第一步成功了，你心里知道这个圈子大概是什么样子了。然后再看看国外的同类网站，注意，这是你要看的不是网站本身，而是不同于国内的应用方向，并评估与国内同业网站的差距，分析其原因。不能盲目学习。 第二，确定未来网站的核心价值链。 网站服务谁？如何服务？服务的价值如何？优势

10、在哪儿？如果这几个问题的答案具有不确定因素，最好先闹明白了再干。通常当你希望一个途径解决所有问题的时候，其实已经迈出了失败的第一步。 第三，给网站定性。 每个人都言必称门户，其实不是那么回事。确定了价值链就意味着网站的用户群基本确定。在用户群明确的情况下，基本可以定网站的属性：到底是综合门户、行业门户、专业网站还是企业网站、个人网站。到底是做、娱乐、工具还是资讯、。其中的差异远远比字面上理解的要大的多。比如：综合门户强调信息的平行能力，因为需要满足庞大的不同用户的多样趣味。而行业网站强调信息的聚集能力，只有信息聚集到一定量的情况下，其提供的服务对业内供需双方才有价值。而专业网站则通过专业信息的

11、深度横切一切可能的应用领域。其中的微妙甚至涉及到页面的风格和信息展现的方式。,第四，先做、运营，后做网站策划方案。 要逆向思维的，网站如何推广，如何运作紧密关联着网站的维护，网站维护的内容、方式、方法决定你怎么设计网站。比如，如果倾向于纯网络运作，就要充分考虑信息的来源和去向问题。如果倾向于网下操作，就要深入评估信息引导能力和方法。如果是两者结合并重，就要考虑资源的合理分配。 第五，一级菜单一级重要。 网站的属性确定后，一级菜单的设计规则大概如此：的一级菜单要强调平行性，重复性、交叠性频道要毫不留情的删除。行业网站的一级菜单要分类精确合理，涵盖整个行业的环节，同时不允许出现无法归类或大而无当的

12、归类。专业网站则要充分考虑按照该专业事务的标准流程设计一级菜单，不能出现逻辑问题或者次序问题，迷惑用户。交易平台更是要紧扣交易的核心环节，设计明白易懂的一级菜单。更多的时候你不能生搬硬套，要综合考虑上述多种因素，并明白重心所在。 第六，成本决定一切。 很多接触互联网时间较短的人（多数是企业决策层），认为互联网无所不能，还几乎没有成本。不就是找几个人上上信息吗，网上都是现成的。这种思想导致的结果是一级菜单过多，每个菜单内子菜单无数，恨不能将整个互联网资源都融到自己的网站中。其实一旦运营，就发现人手不够，经费不足，难以为续，很快陷入两难境地：增加人手要钱，不增加就都是垃圾信息，导致网站慢性死亡。因

13、此，设计者要充分考虑一级菜单的数量、维护方式、预期目的，运营难度、后续服务手段等等成本因素，坚决剔除有创意但没实效还耗费大量人力时间的东西。,第七，机构资源的分配。 网站的各个组成部分反映着其承担单位的机构资源的分配，什么该突出？什么该弱化？人力资源、知识资源、政府攻关、数据资源、渠道资源、生产能力等等在网站上要让别人第一时间感觉到，并以此为核心形成有说服力的服务优势，就是说一个机构的各项资源的网站分配是配合核心服务的，不能让用户感觉力量的平均。平均就是没有核心优势。 第八，用户注意力的分配。 我们知道pv流量是用户自主点击的结果，用户爱看哪儿就看哪儿。但是网站的设计要考虑对用户注意力的分配问题，比如，一个交易平台，为了避免用户过多的浏览新闻，采取的方式是降低新闻频道的规模，包括更新数量和频率，在首页不显著位置放置新闻等等。这些都是要事先考虑好的，目的是一个，将超过百分之五十的用户点击吸引到核心服务项目上。 第九，使用体验第一，创意第二。 大多数网站设计人员容易被自己的所谓创意打动。如果领导不答应，甚至敢于以死相拼。事实上很多创意是陷阱，比如忽略用户使用习惯，维护需要耗费大量人力和时间，降低网页的响应速度，增加服务器负荷，把用户引导到一个有趣而无效的事情上等等。网站需要创意，前提条件是跟上述服务目的匹配，且你能让至少50个经常上网的人认可（最好是全公司的基