如何提升博客网站的优化效果？想要创建一个博客站，我需要学习哪些技能？

a351910080 · 浏览 4 · 点赞 0 · 5天前

我想建立一个博客平台，我需要掌握哪些技能？

熟悉jsp技术或asp技术，这些都是基础，可以找相关书籍进行学习。同时，补充一些美术视觉知识和网页策划知识。

以下信息或许对您有所帮助：

如何进行网页设计

在网页设计的认知上，许多人似乎还停留在网页制作层面。他们以为只要熟练掌握了网页制作软件，就能做好网页设计……

在网页设计的认知上，许多人似乎还停留在网页制作层面。他们以为只要熟练掌握了网页制作软件，就能做好网页设计。

实际上，网页设计是一个将感性思考与理性分析相结合的复杂过程，其方向取决于设计目标，其实现依赖于网页制作。正所谓“功夫在诗外”，网页设计中最为关键的部分，并非软件操作，而是在于我们对网页设计的理解以及设计制作的水平，在于我们自身的美感和对页面的掌控。

首先，我们需要明确网页设计的任务。

一、设计任务

设计是一种审美活动，成功的设计作品往往富有艺术性。但艺术只是设计的手段，而非目的。设计的目的是实现设计者的意图，而非仅仅创造美感。

网页设计的任务，即设计者要展示的主题和要实现的功能。站点的性质不同，设计任务也有所区别。从形式上，可以将站点分为以下三类。

第一类是资讯类站点，如新浪、网易、搜狐等门户网站。这类站点将为访客提供大量信息，访问量也较大。因此，需注意页面布局、结构合理性、页面优化、界面亲和力等问题。

第二类是资讯与形象结合的网站，如一些大型公司、国内高校等。这类网站设计要求较高，既要满足资讯类站点的需求，又要突出企业、单位的形象。但现状来看，这类网站存在制作粗糙的问题。

第三类是形象类网站，如一些中小型公司或单位。这类网站规模较小，有的只有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美术水平要求较高。

当然，这只是从整体上进行分析，具体情况还需具体分析。不同的站点需要区别对待。别忘了最重要的一点，那就是客户的需求，这也是设计任务的一部分。

明确了设计任务后，接下来要考虑的就是如何完成这个任务。

二、设计实现

设计的实现可以分为两个部分。第一部分是站点的规划和草图绘制，这部分可以在纸上完成。第二部分是网页制作，这一过程在计算机上完成。

设计首页的第一步是设计版面布局。我们可以将网页比作传统的报刊杂志进行编辑，其中包含文字、图像乃至动画，我们的工作就是以最合适的方式将图片和文字放置在页面的不同位置。除了需要一台配置较好的计算机外，软件也是必不可少的。不能简单地说一个软件的好坏，只要设计者使用起来觉得方便且得心应手，就可以称之为好软件。当然，它应该满足设计者的需求。作者常用的软件包括Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、ImageReady，这些都是不错的软件。接下来，我们要通过软件的使用，将设计蓝图变为现实，最终的集成通常在Dreamweaver中完成。虽然在草图上我们已经确定了页面的大体轮廓，但灵感往往在制作过程中产生。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作过程中，我们会遇到许多问题，其中最敏感的莫过于页面颜色了。

三、色彩的运用

色彩是一种奇妙的存在，它美丽而丰富，能唤起人类的心灵感知。一般来说，红色是火的颜色，代表着热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。

我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它色彩都可以用这三种色彩调和而成。换个角度，我们可以利用颜色的变化来表现光影效果，这无疑会使我们的作品更贴近现实。

色彩代表了不同的情感，具有不同的象征意义。这些象征意义是人们思想交流中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。

单纯的颜色并没有实际意义，与不同颜色搭配后，所表现出的效果也不同。比如绿色与金黄、淡白搭配，可以产生优雅、舒适的氛围。蓝色与白色混合，能体现柔顺、淡雅、浪漫的氛围。红色与黄色、金色的搭配能营造出喜庆的氛围。而金色与粟色的搭配则会给人带来温暖的感觉。设计任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。

但颜色的使用并没有固定法则，如果一定要用某个法则去套，效果可能适得其反。经验上，我们可以先确定一种能表现主题的主体色，然后根据具体需求，运用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是一个非常重要的元素。无论是图像还是文字，画面上的所有元素都可以统一作为画面的基本构成要素——点、线、面——进行处理。在一幅成功的作品中，点、线、面的共同组合与搭配是构建整个页面的关键。

在网页构建领域，我们通常依赖视觉展示来传达核心主题。在视觉展示中，形态构成一个关键要素。无论图像还是文字，画面中的所有成分均可视作构成要素，如点、线、面，以统一的方式进行设计。在一幅卓越的作品中，点、线、面的巧妙结合与布局，是构建页面整体的关键。

常规的组合技巧包括规律、比例、平衡、对称、连贯、间距、叠加、重复、交织、节奏、韵律、归纳、变异、特写、反射等，每种技巧都有其独到之处。在设计过程中，应根据实际情况挑选最合适的表现方式，以便更好地展现主题。

通过点、线、面的组合，能够凸显页面上的关键元素，强化设计主题，提升美感，使观众在欣赏美的同时领悟设计理念，进而实现设计目标。

形态的巧妙运用不仅能带来强烈的视觉冲击，而且能有效地塑造企业形象，整合网页元素，甚至引导观众的视线。

五、设计理念

设计必须遵循一定的理念，无论采用何种手法组合画面元素，都应遵循五大原则：整体性、连贯性、划分、对比与和谐。

整体性，强调设计作品的整体效果，避免孤立分散的组成部分，以免造成画面杂乱无章。

连贯性，强调页面各部分之间的内在联系和表现形式上的呼应，保持设计风格的一致性，实现视觉和心理上的连贯，使页面各部分协调一致。

划分，将页面分割成若干区域，使观众一目了然。在信息量庞大时，要注意有效划分画面，以便观众清晰识别。划分不仅是形式需求，更是对内容的一种分类归纳。

对比，通过矛盾和冲突，使设计更具活力。对比手法多样，如多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等。在使用对比时，要谨慎处理，避免过度对比破坏美感，影响整体统一。

和谐，指页面符合美学法则，形成整体。若设计作品仅是色彩、形状、线条等的随意组合，则作品将缺乏生命力，无法实现视觉传达功能。和谐不仅关注结构形式，还关注视觉效果是否与观众视觉感受形成共鸣，这是设计成功的关键。

六、网页优化

在网页设计中，优化是一个关键环节，其成败将影响页面浏览速度和适应性，进而影响观众对网站的印象。

在资讯类网站中，文字是页面最大构成元素，因此字体优化尤为重要。使用CSS样式表指定文字样式是必要的，通常将字体指定为宋体，大小为12px，颜色根据背景色而定，以清晰且与页面搭配和谐为原则。在白色背景上，通常使用黑色，以减轻视觉疲劳，保证观众长时间浏览。

图片是网页中的重要元素。优化图片可以在保证质量的前提下减小其尺寸，从而大幅提高网页下载速度。利用Photoshop6或Fireworks4将图片切割成小块，分别进行优化。输出格式为gif或jpeg，根据具体情况而定。一般将颜色变化复杂的小块优化为jpeg，将单一色块卡通画式的小块优化为gif，这是由两种格式的特点决定的。

表格（table）是页面中的重要元素，是页面排版的主要手段。可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，将表格边框设为0，用于定位页面元素或确定元素相对位置。我们知道：浏览器在读取网页html代码时，需要读完整个table才能显示。若一个大表格包含多个子表格，必须等待大表格读完，才能显示子表格。在访问一些站点时，等待多时无结果，按“停止”按钮却一下显示出页面，就是这个原因。因此，在设计页面表格时，应尽量避免将所有元素嵌套在一个表格中，且表格嵌套层次要尽量少。在使用Dreamweaver制作网页时，会自动在每个td内添加一个空字符“”。若单元格内没有填充其他元素，这个空字符会保留。在指定td的宽度或高度后，可以在源代码中将其删除。

网页的适应性至关重要，在不同系统、分辨率和浏览器下，将呈现不同效果。因此，设计时要综合考虑。一般以800600分辨率制作网页，最佳浏览效果也是在800600分辨率下。在其他情况下，只要保证基本一致，不出现较大问题即可。

总之，希望以上内容能对从事“网页设计”的人有所帮助，让他们在创作网页时，从整体出发，不负“设计”之名。

★建立个人网站的最佳步骤☆

建立个人网站是一项庞大的工程，一般较为繁琐。因此，应按一定步骤逐步进行。

我认为建立网站可以按照以下步骤进行：

1、首先在本地创建一个文件夹，作为网站存储空间。文件夹名称最好为“My Sites”。

2、在网站文件夹内创建一些子文件夹，如“images”（存储图片、文件等），并根据网页内容，再创建几个子文件夹。（也可以在内容文件夹内分别创建存储图片、文件的文件夹）

1、在网站目录内创建若干子目录，诸如“图片”等（用于存放图片、文档等），并根据网页内容，再增设数个目录。（亦可在每个内容目录内分别设立存放图片、文档的子目录）

2、启动您的网页编辑器（如FP、Dreamwear等），创建新网页，命名为“index”（主页），重复上述步骤，在网站目录内创建“search”（搜索）、“map”（网站导航）、“index02”（网站简介等）。

3、依照前述步骤，在网站分类目录内创建众多网页（并继续将内容输入网页）

4、已完成上述步骤，接下来我们应准备内容。在硬盘上再创建一个名为“File”的文件夹，将准备好的文档、图片、程序、文件和网页特效等存放其中。（可添加一些动态网页）

5、逐个将这些文件完整地放入网页中（需掌握技巧）

6、网站内容丰富后，便大功告成。此时应申请一个域名（免费空间、付费均可）。并将自己的网站提交至搜索引擎，同时在各大留言板上进行宣传。

7、将网站上传至空间，删除准备文件，即可完成！

以下为使用FP建站的另一种方法：

1、在FP中选择创建新站点。

2、在【导航】中设置网页名称及标题。

3、准备好文档、图片、程序、文件和网页特效等，将它们充实到网站中。

4、申请一个域名（免费空间、付费均可）。并将自己的网站提交至搜索引擎，同时在各大留言板上进行宣传。

5、将网站上传至空间，删除准备文件，任务完成。

若使用Dreamwear建站，则更为高级！Dreamwear功能强大，安装了它的用户可以深入研究。

在网站设计中，纯HTML格式的网页通常被称为“静态网页”，早期网站大多由静态网页构成。静态网页的网址通常为：www.example.com/eg/eg.htm，即以.htm、.html、.shtml、.xml等为后缀。在HTML格式的网页上，也可以实现各种动态效果，如.GIF格式的动画、FLASH、滚动文字等，这些“动态效果”仅是视觉上的，与下面将要介绍的动态网页是不同的概念。

在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提到了采用静态网页对搜索引擎的影响，书中对静态网页本身的介绍较少，尤其是对静态网页的特点未做专门介绍。网络营销教学网站(www.wm23.com)将静态网页的特点简要总结如下：

（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，不含有“？”；

（2）网页内容发布到网站服务器后，无论是否有用户访问，每个静态网页的内容都保存在网站服务器上，即静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；

（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；

（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时，完全依靠静态网页制作方式较为困难；

（5）静态网页的交互性较差，在功能方面存在较大限制。

网页制作软件的选择

选择一个适合自己的网页编辑工具

了解了网页的类型及相关技术后，下一步，就是要选择一个适合自己的网页编辑工具。

Frontpage

Frontpage是Microsoft出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的Word界面设计，如果您懂得使用Word，就差不多等于已经会使用Frontpage。即使您不懂Word也没关系，“所见即所得”的操作方式会让您快速上手，而且您无需学习HTML语法。

但Frontpage也有其不足之处：首先是浏览器兼容性不好，用Netscape浏览时往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但无论如何，Frontpage确实是最好的入门级网页编辑工具。

常见的版本为Frontpage98和Frontpage2000。

Dreamweaver

Dreamweaver是Macromedia公司出品的另一款“所见即所得”的网页编辑工具，或称网页排版软件。与Frontpage不同，Dreamweaver采用的是Mac机浮动面板的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。

Dreamweaver对DHTML的支持特别好，可以轻松实现许多炫目的页面特效。插件式的程序设计使得其功能可以无限扩展。Dreamweaver与Flash、Firework并称为Macromedia的网页制作三剑客，由于是同一公司的产品，因此在功能上有着非常紧密的结合。而最新推出的Dreamweaver UltraDev更支持Asp、Jsp。因此，说Dreamweaver是高级网页制作的首选并不为过。

常见的版本为Dreamweaver4.0和Dreamweaver UltraDev 1.0。

Flash

Flash也是Macromedia公司出品的，是交互式矢量图和Web动画的标准。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过Flash技术的人，没有一个不想掌握它的。它不仅易学、易用，而且可以制作出许多动画网站，并且声色结合，是一种很有前途的网页制作技术。

Firework

Firework也是Macromedia公司出品的，是真正的网页作图软件。Fireworks与Dreamweaver结合紧密，只要将Dreamweaver的默认图像编辑器设为Fireworks，那么在Fireworks中修改的文件将立即在Dreamweaver中更新。另一个功能是可以在同一文本框中改变单个字的颜色。当然，Fireworks可以引用所有的Photoshop滤镜，并且可以直接将PSD格式图片导入。它是用来画图的，相当于结合了Photoshop（点阵图处理）以及CorelDRAW（绘制向量图）的功能。网页上很流行的阴影、立体按钮等效果，也只需用鼠标一点，不必再依靠什么KPT之类的外挂滤镜。而且Fireworks很完整地支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks中做起来都非常方便，修改图形也是很容易的。不需要再同时打开Photoshop和CorelDRAW等软件，切换来切换去的了。

烟花亦为Macromedia公司之作，系正宗网页绘图软件。烟花与Dreamweaver配合无间，若将Dreamweaver之默认图像编辑器设为烟花，则在此修改之文件将即刻在Dreamweaver中刷新。又一特性为可在同一文本框中更改单个文字之色彩。自然，烟花可引用Photoshop之全部滤镜，并能直接导入PSD格式图像。此乃绘图之用，它相当于融合了Photoshop（点阵图处理）与CorelDRAW（绘制向量图）之功能。网页上广受欢迎的阴影、立体按钮等效果，也仅需轻点鼠标，无需依赖KPT等外挂滤镜。且Fireworks完整支持网页16进制色彩模式，提供安全色盘的使用和转换，切割图形、制作影像映射（Image Map）、背景透明，图像小巧美观，在Fireworks中均能轻松实现，图形修改亦易如反掌。无需再同时打开Photoshop和CorelDRAW等软件，来回切换了。

Dreamweaver、Flash、Fireworks并称网页制作三杰，三者合用，能制作出极富美感的网页。

GIF动画制作器

Ulead GIF Animator 4.0是目前速度最快且最易用的GIF动画制作工具，它集顶级功能于一身，用于动画编排、编辑、特效和优化。GIF Animator几乎支持所有主要文件格式，包括视频文件，并允许输出为Windows AVI、QuickTime电影、Autodesk动画或图像序列。用户可生成适当的HTML代码，以便将动画嵌入网页中，并可打包动画成独立的EXE文件，以便通过电子邮件发送并在任何地方查看。

制作个人主页

制作个人主页不外乎添加文字、图片、链接，与使用Word无甚差异，稍加学习，便能制作个人主页！然而，若要制作出高水平的主页，则需要学习的内容就太多了。不过，概括起来就是HTML、图形制作、动画制作、页面特效制作和后台程序制作等几个方面。

申请个人主页空间，将制作的主页上传至网络

我们制作之页面存放在个人计算机上，他人无法看到。为使他人看到我们制作之页面，必须将其放置在一台与互联网持续连接的计算机（服务器）上。可至提供空间服务的网站申请个人主页空间。获得空间后，可利用相应的FTP（文件传输协议）工具软件将制作之页面上传至网络。如此，便能让大家共享我的精彩页面。

常见的FTP工具软件有CuteFTP、LeapFTP等，其功能和用法都比较相似，具体使用方法可参考本站相应文章。

或许你最初之主页仅十分简单，但这只是你的第一步，也是良好开端。然后一步步学习：如何制作更美观的网页？如何制作动画？对于新手，切勿一下子就想：我看到某某某网页如此漂亮，它是如何做出来的？我很想立即做出来，于是马上研究复杂的网页，这样你会发现网页制作很难，学了两下就放弃了，这样永远学不会制作主页。当初，我对我制作的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：循序渐进，不要企图一下子成为高手，否则很难成为高手。

如何提升SEO软文优化效果

提升SEO软文优化效果需注意以下几点：

1、选准关键词

尽量站在读者的角度思考：在文章中哪些词语最有可能被用来搜索？

将最重要的关键词写入文章标题及第一段内容中，在写作正文时，将那些关键词进行扩展，组成一系列词组或短语，如：SEO→SEO博客→某某SEO博客，并进行适当的组合排列，反复使用关键词，但要注意密度，100字内的文章选3到5个关键词为宜。

2、标题要突出、显眼

使用斜体字、粗体字、加上标题和副标题，强调过的文本能使文章更为显著，更容易被搜索引擎抓取。

标题可以说是文章最重要的内容，因此一定要有大量关键词，并突出文章主题，最好不要超过80个字，注意最重要的关键词要尽量放在标题开头。

公司的名字和标题都将是文章页面的标题，搜索者通过网站页面标题即可找到文章所在网页，因此，页面标题必须与文章内容紧密相连。

3、依据百度分词原则，拆分关键词为文章标题

网站文章SEO优化，主要功能是有关长尾关键词优化，比如关于SEO和网络营销的，那么涉及SEO和网络营销的长尾关键词就很多，就把网络营销SEO博客这个关键词拆分为网络营销、SEO、博客这三个独立的词，并将这三个词分开设定为文章标题，这种拆分法依据了百度分词原理，因为当用户在百度搜索框中输入网络营销SEO博客时，也会先对这些词进行拆分，然后进行搜索，这样文章就更容易被百度找到。

当然，更关键的是，通过将长尾词拆分，顺序不打乱，还能进一步降低文章优化的痕迹，让搜索引擎看起来是一篇为了网站而网站的文章，而不是一篇为了搜索引擎而刻意编写的垃圾文章。同时，对于用户而言，阅读起来也不会觉得生硬，可读性也得到了有效提升。

4、结合文章热点关键词来做软文标题

专业做SEO优化的站长朋友应该清楚，关键词排名并非全部都是首页排名，同时也会包含一些相关网页排名。那么，这样的关键词如果出现在标题上，就会对搜索引擎起到一定的作用，直接收录相关网站而不是首页我们也能获得排名。这在我们进行软文投稿时需要注意的一个小细节，也是软文写作中大家很少提到的一个技巧，希望对大家进行网站SEO优化起到一定的参考价值。

专业从事SEO优化的网站管理员理应明白，关键词的排名并非仅限于首页，还包括部分相关页面的排名。若此类关键词出现在标题中，将对搜索引擎产生一定影响，促使搜索引擎直接收录相关页面而非首页，从而实现排名。这是我们在进行软文投稿时需注意的细节，也是软文写作中较少提及的技巧，希望对大家的网站SEO优化有所启发。

在标题中融入关键词，主要目的是在搜索引擎收录网站时，使我们的关键词在网页上显现，吸引访客进入网站。最好结合当前热门事件，提取热点关键词进行软文标题创作。

5、内容的信息量

网站内容的信息量至关重要。过去，搜索引擎在判断网站权重时，关注的是反向链接，因为外部站点上的链接表示该站点的热门程度或被认可程度。

目前，许多站长在编写SEO优化文章时，由于方法不当，导致网站不仅未获得优化效果，还遭受了百度的惩罚。特别是自2012年以来，百度算法得到了极大改进，一些以往行之有效的方法不仅无效，甚至成为百度惩罚的依据。因此，革新原有的文章内容优化方法，不留痕迹才是正确的优化之道。

在网络营销外包过程中，我们确实使用过外链技术对站点进行优化，但在当前搜索引擎下，外链仅能吸引蜘蛛，其他作用微乎其微。因此，现在我们针对特定站点进行优化时，主要工作是提供软文而非外链。

丰富的网站内容能够提升用户体验。若将网站内容与SEO优化相结合，更能发挥文章效果。

6、关键词出现在文章第一句话，同时贯穿全文

首段的第一句应对文章有一个整体描述，因此应点明文章主题。

搜索引擎每页通常只显示前200-300个单词，因此，重要内容应出现在此处。若文章较长，确保关键内容出现在前面，而非最后。

搜索引擎会自动识别使用频率较高的关键词，因此，在一篇约250字的文章中，关键词重复次数不要超过三次。

关键词应自然贯穿于文章中，过多关键词（尤其是与文章关系不大的关键词）只会降低文章阅读量。

7、杜绝关键词堆砌，分段小标题要有相关关键词