网络营销的网页设计心得

最近都在网上转悠着,工作也快3年了。风忆也谈谈以自己浅薄的经验对网落营销和网页设计的关系。算是自娱自乐,也作对自己的总结,我想人会在不断的总结中进步的。希望能对新人一点启发,也希望老人能踩踩。也希望转载(如果有的话,那是我的荣幸)的网站,属名作者风忆设计,并链接本站www.windzy.com.只有尊重原创,才会有更多的人参与进来。说正题吧。网页设计基本上算是一种商业设计。做为一个网页设计工作者,做的最多的也是企业的网站设计。企业做网站主要是为了网络营销。能带公司带来生意,或着人气、名气等。不管什么类型网站都希望有更多的人访问你。以下谈谈,我所认识的两大点。

一、针对搜索引擎友善是设计。也就是基本的网站搜索引擎优化。
对于搜索引擎优化(SEO)我知道比较浅薄,对这行研究的人很多。如果你就是,那跳过看第2点。
1.别忘了在网页的title写上公司的名称和网站的重点内容关键字。比如"风忆设计-网页设计博客|网页设计交流"。这个是搜索引擎搜索关键字最重要的地方。如果上面显示的是"无标题文档"那是不尽职的。
2.meta name="keywords" 里的关键字,理由同上,这个页面上是看不到的,可以多写几个关键字。
3.<meta name="description" content="">里的描述,可把公司简介截取点放进去。有些搜索引擎搜索到页面的时候显示的是你的description描述。
4.给页面上的图片,特别产品图片加上"alt"说明。这个好处有三点,一如果你图片链接有错,不显示图片的时候,人家知道你这张图片是什么。二利于搜索引擎搜索。三还是利于搜索引擎搜索,在搜索图片的时候,比如我找素材就喜欢用百度的图片搜索。
5.做个网站地图,让整个网站结构清晰明了。利于访问者指引,也利搜索引擎指引。同理应用于整个网站的导航链接设计,让访问者能在任何一个页找到他想要去的地方。
6.尽量用文本。

二、针对访问者友善的设计。
这点欧美的网站做的很好。
1.同上第6点,特别注意菜单MENU的设计,至少要让人家一眼看见MENU在哪吧。这个应该是除公司LOGO外最应该突出的部分。当然,如果你的网站是展示行的,最应该突出的是你所要展示的产品。
2.LOGO,LOGO放在显眼的地方,尽量保持滋原味,做VI的比我清楚。
3.行业特色,进一个网站应该一眼就能让人知道,这是什么网站,做什么产品。
4.清晰简洁的版面,这是设计层面上的东西。不用说了。
5.尽量把所以内容做在一屏内,一般就是1004*620。内容多的,客户特别要求的除外。
6.适应度。一般只考虑IE。要在1024*768上看良好,也能在800*600和1280*720上良好的显示。很多老板用的是宽屏的液晶,这种情况我就遇到很多次。
7.有形象Flash首页的别忘了,在页面上或者动画的前面做个"直接进入的按扭",有点人不喜欢看你长长动画,有些人的网速很慢。还有Flash文件和图片大小的控制。
8.提醒自己和客户,网站主要是拿来用的,不是拿来看的。

以上都涉及到操作上的细节。每一个小点都有很多值的研究的地方。我想如果上面几点都做到。即使设计的不出色也是一个比较实用的网站。当然网络营销涉及的方面很多,线上的线下。我只是从一个设计者的角度出发。 
网页制作代码+课程总结;旅游网站 CSS代码@charset "utf-8"; body { font-size: 12px; color: #666; text-align: center; margin: 0px; padding: 0px; } #container{ text-align:left; padding:0px; width:1400px; position:relative; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; } #top{ padding-top:15px; height:90px; } #logo{ margin:0px; padding:0px; float:left; width:365px; text-align:right; } .pic{ vertical-align:middle; padding-right:20px; } #ss{ float:left; width:835px; text-align:right; height:35px; padding-top:0px; padding-right:200px; padding-bottom:0px; padding-left:0px; margin:0px; } #daohang{ margin-top:5px; margin-right:0px; margin-bottom:0px; margin-left:195px; float:left; text-align:right; padding:0px; height:38px; width:840px; } #daohang ul{ margin:0px; padding:0px; list-style:none; } #daohang ul li{ text-align:center; float:left; width:90px; } #daohang a{ background-image:url(images/bj01.jpg); display:block; margin:0px; padding-top:10px; padding-right:0px; padding-bottom:13px; padding-left:0px; } #daohang a:link,#daohang a:visited{ color:#FFF; text-decoration:none; } #daohang a:hover{ color:#333; text-decoration:underline; } #banner{ background-image:url(images/pic.jpg); background-repeat:no-repeat; height:160px; text-align:center; padding-top:400px; padding-right:0px; padding-bottom:0px; padding-left:0px; margin:0px; } #banner img{ padding:0px 5px 0px 5px;} .daohang { font-size: 16px; color: #09F; background-color: #060; text-align: center; display: block; } #footer{ color: #000; background-image: url(images/bj03.jpg); background-repeat: repeat-x; text-align: center; padding: 30px 0px 29px 0px; font-size: 16px; }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值