javascript网页设计教程（制作网页的详细步骤）

本文目录

• 制作网页的详细步骤
• 如何学习设计设计网页

制作网页的详细步骤

1、规划
主要是网站功能定位、系统配置，以建站策划书的形式给出（这块我不是很懂，呵呵）
2、设计
一般分为两个阵营：前台和后台（当然也有一起做而不区分的）。
前台进行P图，就是用 Photoshop 等软件 设计网页，并以图片形式给出，一般以psd格式给出，方便修改；
后台编写后台程序、数据库结构设计。
3、制作
这里主要是前台与后台的整合：将【设计】步骤里前台设计出来的网页用 HTML+CSS 实现，通过 javascript、flash实现各种特效，并将【设计】步骤中后台编写的程序嵌入到网页中。如果上一步做得好，这一步就比较简单。
4、测试
分为内测和公测，主要是测试不同浏览器是否正常显示、功能是否有逻辑上的bug以及网站的耐压性等等。
5、发布
将页面文件上传到服务器，导入数据库数据，并清除测试阶段的记录；
宣传网站（宣传要适当提前）。
6、管理
定期或不定期更新内容，发布公告，删除不符合规定的数据记录，发现并修正BUG，必要的时候进行网站改版。

如何学习设计设计网页

首先，可以告诉想学网页设计的朋友

学习设计网页和学习其它知识一样，是要有基础的

在基础之上学习起来会比较轻松和快捷的

其次，要清楚学习它是用来做什么

建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件

当然，这些不是一定必须的

第一阶段：开始时最好是学些网页软件，如：FrontPage、Dreamweaver

这样可以使您更了解网页设计与运营的原理

最好使拿本教程来学学，结合教程边学习边设计

第二阶段：会用网页设计软件后，已会设计一个较完整的网站了

但为了能使自己设计设计的网页尽善尽美，还是学习网页的核心技术吧！网页语言（包括:html、css、javascript、asp、xml等）

你可以选择地学习

第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站

到了这个时候，你就成为真正的网站开发者了

设计网页，不是说一两篇文章能够说清楚的

以上介绍的是设计网页的主要纲要，希望能够给想要学习设计网页的朋友一个参考

二 一、工具1、空间网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议先买一个个人空间，大概有个20M以上的就可以了

2、软件推荐使用

0中文版，这个软件最大的特点就是“所见即所得”，也即是设计过程中看到的，便是到时发布到网络上的

二、教程花点时间，找个比较通俗易懂的教程看一看是很有必要的

每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何设计网页了

三、设计开始时建议去下载一个比较简单的网页，在设计软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些

其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了

一点个人的粗浅体会，不妥之处敬请指正

三 网站设计八步骤由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以设计网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样

一般初学者经过短暂的学习就可以学会设计网页，于是他们认为网页设计非常简单，就匆匆忙忙设计自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站

一、确定网站主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题

特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象

你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象

网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深

二、搜集材料明确了网站的主题以后，你就要围绕主题开始搜集材料了

常言道：“巧妇难为无米之炊”

要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后设计网站就越容易

材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己设计网页的素材

三、规划网站一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房

网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在设计网页之前把这些方面都考虑到了，才能在设计时驾轻就熟，胸有成竹

也只有如此设计出来的网页才能有个性、有特色，具有吸引力

如何规划网站的每一项具体内容，我们在下面会有详细介绍

四、选择合适的设计工具尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果

网页设计涉及的工具比较多，首先就是网页设计工具了，目前大多数网民选用的都是所见即所得的工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，是首选

除此之外，还有图片工具，如Photoshop、Photoimpact等；动画设计工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用

五、设计网页材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行设计

所谓先大后小，就是说在设计网页时，先把大的结构设计好，然后再逐步完善小的结构设计

所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改

在设计网页时要多灵活运用模板，这样可以大大提高设计效率

六、上传测试网页设计完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页设计工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上

网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试

全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览

七、推广宣传网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度

推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等

八、维护更新网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者