[湘西特产] - 网页的制作之网页底部如何设计

一、网页的制作之网页底部如何设计

通常情况下，任何一网站的建立，都会经过“分析策划—交互设计—视觉设计—前端制作—后端制作—测试上线”6个环节。我们平常所说的【网页设计】与「网页制作」则分别对应着6个环节中的【视觉设计】与「前端制作」，在实际的工作岗位中，其分别由“网页设计师”与“前端工程师”去执行完成。

自学网页设计的核心任务是学习“视觉设计”相关的知识点。 如何更加高效的传达版面信息？如何规划页面路径？用什么样的排

网页制作在流程上，是在设计之后。这部分工作通常是由WEB前端工程师来完成的，工程师通常会运用到HTML、CSS、以及JavaScript、jQuery等前端代码，来还原网页设计师的“视觉设计稿”，以及交互动画等。“前端工程师”除了要配合网页设计师外，还要配合做后端工程师，做好网页端的数据收集处理等工作。如果你要励志成为一个优秀的网页设计师，请牢记自己的岗位职责和学习重点，在没有认清“视觉设计”前，要当心自己是不是越位到Web前端开发这个坑里去了。再比如优化网站所需的SEO、Ajax等技术，虽无需你动手实践，但能做到了解一二，也是不错的加分项。在设计的时候，也可充分利用这些规则和技术来规划你的版面，使其更加的专业友好。

二、网站设计都需要什么软件

设计网页现在通常用到的学习软件，现在帮你罗列如下:

(1)Photoshop:学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效。

(2)CorelDraw:通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。

(3)PageMaker:学习排版设计的基本法则、使用方法与技巧，工具箱、快捷键的使用，菜单功能及操作技巧，出版物、书籍、宣传彩页、出片输出注意事项，报纸杂志等的高级专业排版制作的方法。

(4)Illustrator:学习图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计，不到一个月，您就会成为一名真正的美术大师，在Photoshop的基础上再学它如虎添翼，效率成倍提高。

(5)①DreamWeaver, 自制动态HTML动画的网页.DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

三、如何让更多人找到我的网站？

你先看看这家网站的推广技巧和推广成绩吧：

1> 在百度搜索框中输入“野味”关键词，然后按↓方向键，你可以看到有编辑框中有“野味网”关键词。

2> 选中“野味网”关键词后点击“百度一下”按钮，看看会出现什么？

在底部会出现“湘西野味网”关键词，而且这个时候，百度编辑框中也会有“湘西野味网”的联想词出现。

3> 搜索任何包含“野味”关键词，在底部都会出现“湘西野味网”关键词，他们是怎么做到的？

好吧，我看看他们是怎么做到这点的吧，我们搜索“野味网”关键词，点击“湘西野味网”，去看看他们的网站的内部结构。

现在你应该看到这个网站了，其实，在外表上看，它没有任何异样，和其他网站没有什么差别。

关键是要看这个网站的源代码，点击鼠标右键，下载源代码。

用文本文件打开这个网站的源代码，你会发现，这个非常不起眼的网站，竟然有关键词处理程序。

好好研究一下这些源代码，里面包含了很多关键词推广技巧，不知道你发现没有，这里还有一个专门帮助蜘蛛网的代码？

还有很多技巧都集成在这些源代码中，你需要自己仔细研究了。