网站制作过程,seo注意事项

网站制作过程----新手必看!
一 基本概念
1 网页(web page)
网页就是(很难懂的概念,极其抽象,看得见摸不着),你为什么到互联网去,你在www上看到的就是网页。它是由html编写的文件,上面有贴图,有音乐
2 主页(home page)
主页(home page)它是一个网页,是进入一个网站的开始画面,就同“瘟酒吧”的蓝天白云一样。也就是说,主页是一个网站的门面,要想设计出一个优秀的网站,就必须有一个“要让浏览者想不看都难”的主页,它必须引人入胜,能吸引每一个来访者的注意力,引发人们的好奇心,能让人产生一种深入探索你的网站的冲动。优秀的主页是一个好的北京网站制作必须具备的第一要素。
3 超级链接(hyperlink)
超级链接是www的神经系统,它也是向导,把你从一个网页带到另一个网页,或者从网页的某一部分引导到另一部分。超级链接是用特殊的文本或图象来实现链接的,单击它就可以实现它的功能。
4 超文本(hypertext)
超文本是一种新的文件形式,指一个文件的内容可以无限地与相关资料链接。超文本是自然语言文本与计算机交互、转移和动态显示等能力结合,超文本系统允许用户任意构造链接,通过hyperlink来实现。
5 超文本语言(hyper text markup language)
超文本语言(html)是制作编写网页、包含超级链接的超文件的标准语言,它由文本和标记组成。超文本文件的扩展名一般为 .html或.htm。
网站的组织结构
上网的网虫一定觉得网络上内容丰富、信息繁杂,但你是否想过一个网站的组织结构。网页的组织结构有以下四种:
1、线性结构
这是网站最简单的一种结构,它是以某种顺序组织的,可以是时间顺序,也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接。如一般的索引就采用线性结构。线性结构是组织网页的基本结构,复杂的结构也可以看成是由线性结构组成的。
2、二维表结构
这种结构允许用户横向、纵向地浏览信息。它就好象一个二维表,如看课表一样。
3、等级结构
等级结构由一条等级主线构成索引,每一个等级点又由一条线性结构构成。如网站导航等就是这种结构。在构造等级之前,你必须完全彻底的理解你的网站内容,避免线性组织不严的错误,不方便浏览者。
4、网状结构
这是最复杂的组织结构,它完全没有限制,网页组织自由链接。这种结构允许访问者从一个信息栏目跳到另一个栏目去,其目的就是充分利用网络资源和充分享受超级链接。整个互联网就是一个超级大的“网”状结构。
开始构造你的网站
1、总体规划你的网站
当你想建立你的网站是你一定已经在网上浏览过n个小时了,当看见别人的网上之家的时候,或者受朋友“到我的网页看看”的精神刺激下,你开始产生网上建家的冲动了!但是这时候你并不知道你建网站的目的,你也不知道你该做成什么样的网页,“家里”该有些什么摆设。于是你应该静下来想一想,怎样规划你的网站。首先,你要有信心和知识。再次,你得有内容,网站应该有一个什么样的主题,别人来你的网页看什么。接着,你要组织你的网页了,它们该是什么结构,这种结构不仅要让访问者能感觉到你的风格,也要方便你自己维护网站。最后,构思出你的“引人入胜”的门面(home page)。
2、准备工具和材料
拿出扳手、电线、螺丝刀和......我们要制作网页了!安装好一种编写html语言的编辑器,你可以利用ie的frontpage,但是你应该有更好的,当然是frontpage98了!word一般的简易操作;支持microsoft、netscape的全部网页标签,极好的兼容性;提供多种设计样板,表单向导等傻瓜功能;强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误;“所见就所得”,普通视图、html、预览自由切换。当然你也可以按自己的爱好选择:hotdog agemill;homesite......随便你。有了编程工具就该准备你的网页素材了!文本、图片、动画、midi和mp3音乐等等准备搬上网的东东。制作这些东西你也许要用到做图片的photoshop、做gif动画的gale、制作image map的工具map this、中文字库也应该拿出来。
3、制作网页
当然要制作网页了!......于是你把网页制作好了!(以后再讲)
4、测试网站
网页做好了,链接做好了,测试工作必不可少。用frontpage98的frontpage web server(web服务器)可以对你的网页进行测试,看看链接是否正确发现问题及时改正。
5、上传你的网页
不对不对,你还得先申请一个放网页的空间。现在网上提供免费主页空间的网站很多,回到我的主页 http://cooler.coool100.net去吧,我收集了一些。申请到空间后,带上ftp工具上路了!如 cuteftp,先在site manage添上你的,填写上传主机服务器的地址,你的用户名,你的密码,就可以了。开始连接主机,登录用户,打开右边允许你上传的目录,
把你要上传的东东都拖过去。注意:你的主页名应该是index.htm;index.html或者default.htm;default.html,按申请地方的要求来,还有就是文件名的大小写,unix主机可区分严格哟。上传后你就可以欣赏你的作品了,怎么样?兴奋吧!
6、宣传你的网页
网页做好了,也上传了。但现在没人知道,怎样宣传你的主页呢?当然是上聊天室,到处贴帖子,发e-mail通知好友,登录搜索引擎,用免费广告,同别人互相交换连接......
7、网站维护和更新
要想访问量大,你得经常更新你的网页,增加网页内容,并弥补网站存在的缺陷。
关于网页导览设计的九注意
一.当导览按钮连结到目前此页时
各webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮连结到目前此页的情形。为达成界面设计的一致性,并没有绝对的必要性拿掉此导览按钮,但webpage设计者可让此按钮不再具有超连结的功能;或将此按钮的彩度、亮度降低(如∶深绿色变成淡绿色,亮红色变成暗红色),使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超连结的功能。
二.不要在一篇短文里提供太多的超连结
适当、有效率地使用超连结,是一个优良的导览系统不可或缺的要件之一。但过份滥用超连结,造成短短的一篇文章里却处处是links,反而损害了webpage行文的流畅与可亲性。在充斥着超连结的短文里,很可能其中不少是无意义、没必要的links。例如∶连结到一页只有两三行注解的link、连结到一页只放了「施工中」的招牌的link。在一篇长短适中的webpage里(3、4个荧幕页面),文章里提供的文字式超连结最好不要超过10个以上,以使全页行文能够顺畅,而读者也不至于眼见一大堆超连结,反而不知从何点取才好。况且,连续、肩并肩地出现两、三个文字式超连结,很容易被误认为只是一个长度较长的超连结,于是被读者忽略掉,便也失去了这些超连结的原本功能。如果您果真有那么多的超连结必须提供给读者,不如将这些超连结以条列的方式,一笔一笔清楚地列在一选单页或目录页上,既不防碍走文的顺畅,又呈现一目了然的导览连结。
三.让超连结的字串长短适中且走文自然
抓住能传达主要讯息的字眼当做超连结的锚点(anchor),可有效地控制住超连结的字串长度,避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点),而不利于读者的阅读或点取。
四.注意超连结颜色与单纯叙述文字的颜色呈现 
 www的语言—html允许webpage设计者特别标明单纯叙述文字与超连结的用色,以便丰富webpage的色彩呈现。如果您的网站充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超连结用色,设计成较乾净素雅的色调,会较有利于阅读∶纯粹的叙述文字采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、暗褐色),超连结文字则以较鲜明抢眼的色彩来强调(如∶亮黄色、翠绿色、鲜橘色),至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。
五.分析、说明您提供的bookmarks或coollinks
常常看到热心的webpage设计者条列了精心收集的bookmarks或coollinks,以分享读者个人遨游www的美好经验。但多数webpage设计者就只提供一大串links,并不分门别类,也不加以分析、说明为什么这个link好,值得推荐?那个link的主要内容为何精彩之处?又在哪?提供您的bookmarks或coollinks是一大善举,但未加以分析、说明,却变得功亏一篑。多花几分钟,将您提供的bookmarks或coollinks稍加分类、注解,可提供读者清晰的概念与无限的方便,也使您的站台的导览系统更加周全完善。未加以说明、注解的coollinks,其实一点也不cool。老实说,任何人都可以到yahoo轻易地找到上百上千的links。您若未对这些推荐的links加以个人独特的评论、介绍,读者又何劳偏得到您的站台去找索引呢?任何一个分类索引或搜寻引擎都绝对比您条列的links还要更完备齐全。
六.在具前后连续顺序的文件里提
上一个:上海网站优化之网站文章搜索引擎收录问题大全
下一个:专业的网站建设公司对企业发展的重要性
上海seo优化,上海网站优化,上海网站排名优化,上海整站优化,上海网站优化排名,上海seo关键词优化,上海seo公司,上海搜索引擎优化