网页制作与网站设计教程

网页设计初学者应该以下面几个步骤一次学习，便可以成为一个普通的设计者：(1)先学美工：学习PHOTOSHOP，学习这个的目的是做网页的效果图，并且懂得将整个效果图切割，放入网页。(2)学习DREAMVER这款软件的基础知识，特别是HTML语言。(3)通过以上学习，会做html静态网页后，就应该懂得下一步怎么学。(4)以后会接触到，数据库，FLASH，网页脚本，服务器知识等很多方面。

　　　　建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，会打字，懂基本电脑知识，反正不要太笨就可以了，呵呵。当然，这些不是一定必须的。　　　　第一阶段：开始时最好是学些网页编辑软件和基础网页脚本语法，如：Dreamweaver软件，HTML语法(百度一下：HTML入门)，CSS语法(百度一下：CSS入门)，这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作，这最多花你一周时间，如果有时间再学点javascript脚本语法(百度一下：javascript入门)。　　　　第二阶段：会用网页制作软件和基础语法后，已会可以制作一个较完整的网站了。当然为了让网站做得更漂亮，功能更强大，你就需要学一些动态编程语言，常用的有ASP,PHP和ASP.NET,推荐后两种，应为ASP再过一段时间会被淘汰，后两种程序区别自己上网搜索吧，本人更倾向于学习.NET，面向对象，功能太强了，微软的东西就是强悍。　　　　如果你没有精力去学这些复杂动态编程语言，你完全可以利用现成的网站管理系统（实际也叫建站软件，比如PageAdmin系统、shopex系统、discuz系统等都比较优秀），这也是目前比较流行的方法，省时、省力。　　　　第三阶段：结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。　　　　工具　　　　1 、网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到服务器公司先买一个个人空间，大概有个20M 以上的就可以了，当然也可以在自己电脑上安装IIS来模拟服务器运行（这里不详细说了，有兴趣的朋友百度一下相关知识，这个是很容易的）　　　　2 、图片处理软件推荐firework或photoshop，HTML编辑软件推荐Dreamweaver，当然如果你会HTML语法，那用计事本直接编辑会更高效。　　　　制作　　　　开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。　　　　其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了网站设计八步骤　　　　由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。　　一、确定网站主题　　　　网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。　　二、搜集材料　　　　明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。　　三、规划网站　　　　一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具　　　　尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外，还有图片编辑工具，如firework 、Photoshop 等；动画制作工具，如Flash等；网上有许多这方面的软件下载，你可以根据需要灵活运用。　　　　4、如果你作好了页面，就需要考虑你的网页放到什么地方发表，也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用（有发布空间的标志是你有了FTP 账号，这个需要申请），也可以按我前面说的把自己电脑配置为服务器（需安装IIS等软件，这个自己百度一下）　　五、制作网页　　　　材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能，这样可以大大提高制作效率。　　六、上传测试　　　　网页制作完毕，最后要发布到Web 服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，推荐LeapFTP软件，你可以很方便地把网站发布到自己制作的网站存放服务器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户，让他们来浏览。　　七、推广宣传　　　　网页做好之后，还要不断地进行宣传，这样才能让的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

1.想要制作动态网页，首先需要了解动态网页的特征，动态网页的第一个特征就是使用动态语言制作而成，例如PHP，ASP，JSP等，用它们制作而成的网页都会以相应的动态语言为后缀名，例如.php，.asp等，我们把这种动态语言制作的网页叫做动态网页。2.动态网页一般以数据库技术为基础，之所以网页有静动之分，就是因为看数据是否能够实时更新，而能够完成这项工作的就是数据库了，使用动态语言实现和数据库的交互，从而达到数据及时更新的目的，同时也大大降低了网站的维护工作。3.动态网页需要服务器作支持，平时见到的以html结尾的文件双击都能够正常的打开，即使没有服务器也不会对浏览页面造成影响，但是动态网页不同，需要服务器作支持，同时服务器还必须支持这种动态语言才能正常浏览。4.首先需要安装服务器，可以使用windows自带的IIS服务器，当然也可以使用比较流行的apache服务器，这需要根据自己的动态语言决定，asp就选择IIS，php就选择apache（当然并非绝对）。5.接着就是数据库的选择，同样需要根据自己的动态语言来选择，如果使用的是ASP动态语言，那么就可以选择ACCESS数据库，如果选择的是PHP，那么就可以选择MYSQL数据库，当然还有其他的数据库选择，根据情况自己决定。6.然后就是把动态语言和服务器数据库相结合了，不同的组合结合方式也是不同的。7.以上的过程又叫做搭配环境，是实现动态网页必须的步骤,可以使用集成环境，windows下可以安装wamp，linux下可以安装xampp。都是一键安装，没有任何难度。8.安装完成后，找到安装目录（以wamp为例子），双击之后会发现一个www目录，这就是网站的根目录，也是以后网页要存放的目录（当然可以更改），然后新建一个以php结尾的文件，打开进行编辑写入<?php echo'我的第一个动态网页';?>然后保存，在浏览器中输入localhost/刚才创建的文件名，如果出现刚才写入的字证明已经成功了.

《网页设计与网站建设实战大全》《实战 Dreamweaver网页制作教程》《JavaScript  语言精粹》

　首先要了解HTML（超文本设计语言），记住使用原理；接着用两三天的时间学习CSS（层叠样式表单）；进而再花些时间了解一下javascript软件。掌握这些基础性知识后，就可试着用“记事本”编写网页，在初试阶段千万不要用那些可视化工具，如FrontPage、Dreamweaver，否则将不利于锻炼实际能力。

首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。

简单制作网页的方法：工具、原料：电脑Dreamweaver CS5方法步骤：下载Dreamweaver软件。Dreamweaver是一款强大的网页制作工具。下载好之后安装，安装后之后打开，会看到如下界面。会看到新建里有肯多选择。html，css。这里选择html，点击之后会看到如下界面。和别的软件布局没有太大区别。如果想输入文本。就直接可以在里面输入。如果想插入图片。可以选择插入-常用-图像。找到图片目录。就可以插入进去、如果想给文字添加链接。可以选中文字。在页面右下角链接框里输入网址。就可以了.按F12.预览就会得到以下效果.