网站建设与制作教程

网站建设与制作教程前言1.网站建设入门例子--猴子买报的故事2.从输入域名到访问网站的过程3.基本技能--学习网站建设前4.想当站长，我要学什么--选择你要学的4.1.网站设计中涉及到的技术知识4.2.网站设计中要学会的软件4.2.1.Notepad++4.2.2.EditPlus4.2.3.DreamWeaver4.2.4.PhotoShop4.3.前台设计师与后台程序师5.建设一个本地网站--先在自己的电脑做一个网站5.1.安装与配置IIS5.2.安装与配置Apache5.3.客户端与服务器端6.建设网站的过程6.1.搭建一个网站的目录6.2.为网站设计一个版式6.3.相对路径和绝对路径6.4.静态页面与动态页面7.把网站上传到网络上--做个真正的网站，大家都可以浏览的那种:)7.1.申请域名7.2.购买空间、虚拟主机7.3.FTP软件7.3.1.FlashFXP7.3.2.LeapFTP8.为网站增加有用的功能8.1.网站计数器统计网站的访问量8.2.为网站增加搜索功能8.2.1.Google站内搜索代码8.2.2.Baidu站内搜索代码9.选择适用于你的程序--使用开源程序轻松建站9.1.内容管理(CMS)程序10.如何推广网站与宣传网站11.找到自己心目中的公司--为别人打工12.通过网站盈利--为自己打工13.站长参考信息13.1.浏览者分辨率统计13.2.操作系统使用率统计13.3.浏览器使用率统计总结前言梦之都的站长建站教程，是一个入门级的教程，教程将揭开网站建设的神秘面纱，教会你网站建设的基本方法，为你成为一个真正的站长打下坚实的基础本教程中你将学到:*理解何为网站*了解网站运作的基本原理*学习网站建设前所必备的基本技能*网站建设中要使用的技术知识*网站建设中常用的软件*搭建网站的过程*如何在自己的电脑上建立网站并测试*如何购买域名与空间建立一个真正的网站*如何使用免费的建站程序加快网站建设速度*如何通过网站盈利*如何宣传网站教程的最后会把一些建站过程中涉及到的术语、名词做一个总结，供大家参考学习。1.网站建设入门例子--猴子买报的故事从前猴子每天都读报纸，报纸上有很多文章与信息，还有一些讨厌的广告。每篇文章都是由标题与多个段落的内容组成的，而且可能还有一些图片，数据表格等。现在，猴子再也不买报纸了(可不是由于报纸涨价了!:))，猴子每天都是通过新闻网站在线浏览，这种在线浏览方式与读报纸的方式是非常相似的。网上的每篇文章也都是由标题与内容组成，而且也会不时出现一些讨厌的广告！但是它们之间也有不同，网络上通过链接的方式使很多篇相关的文章建立了联系，而且通常每个网页只有一篇文章，而不像报纸一样，一个页面总是多篇文章。还有一点不同的地方是与用户交互的方式（比如抽奖，问答等），报纸使用了一个插页或报纸的一部分，我们填写好信息后，必须邮寄给报社。但是在网络上这个步骤将更加简单了，我们只需要在页面上输入用户名，联系方式，点击提交即可！网络上更加神奇的一点是，搜索！只要通过搜索就可以找到想要的内容，而且还可以找到以前的很多文章(不用再翻老报纸了)，这的确比报纸好多了！！使用网络还增加了环保(纸是由树木制作的，只要不断的读报纸我们生活的森林就会慢慢消失，想想那没有新鲜的空气，没有了鸟语花香的生活生活没有意义了:(！而且废纸总是要处理的垃圾)，报纸上的油墨对猴的身体也不好，因此猴子下定决心，再也不买报纸了好耶:)猴子提示:制作一个网页有点像对报纸的排版(记住上面的几点不同，这些不同也体现了网络的优点)。我们也是建立一个标题，再建立文章的各个段落，经过美化，最后上传到网上，供用户浏览。而这里面使用的最基本的技术就是HTML。可以通过这个链接，学习HTML入门例子，尝试最简单的页面制作。2.从输入域名到访问网站的过程学习建立网页前，我们应先了解网络(Web)基本的运作方式。也就是从我们在浏览器中输入域名到浏览器显示页面，这个过程中到底发生了什么事？见下面图示：说明1，浏览器通常指IEFireFox等，客户端使用的程序2，每台连接互联网的机器都有一个唯一的IP地址，IP地址是由4个0到256的数组成的，比如：222.131.0.229，127.0.0.1，由于每台联网的机器的IP地址都是独立的，因此可以通过IP判断一台机器。网站所在的服务器通常有一个固定的IP地址，而我们浏览者每次上网的IP地址通常都不一样，IP地址是由ISP分配的。域名服务器(domainnameserver)的简称为DNS，它存储了域名与IP地址对应的列表。3，浏览器得到域名指向的IP后，浏览器会把我们输入的域名转化为HTTP的服务请求，例如，输入，可以转化为，通过这种方式浏览器向服务器发出了请求。由于输入的是域名，因此服务器接收到请求后，会查找域名下的默认网页(通常为default.php或default.html)，如果直接输入就直接查找这个页面。4，返回的请求通常是一些文件，包括文字信息(.html.css.asp文件等)，图片，flash等(每个文件都要有一个唯一的网址，比如)5，浏览器将这些信息组织成用户可以查看的网页猴子提示:查询网站的IP地址可以使用ping的方式，点击windows的开始--运行--输入“cmd”--回车--输入ping地址猴子提示:查询自己机器的ip地址，可以使用上面的方式，输入ipconfig回车即可查看From从输入域名到访问网站的过程-网站建设与制作教程3.基本技能--学习网站建设前建站最基本的技能:练习打字，打字是网页设计师必备的基本功，拼音输入法比较容易学习，学好了,打字速度也很快，比如：GOOGLE拼音输入法，搜狗拼音输入法，紫光拼音输入法；学会windows的基本操作，比如熟练掌握Ctrl+C剪切，Ctrl+V粘贴，Ctrl+Z撤消，Ctrl+N新建等基本Windows操作。学会熟练拖动文件。学会安装软件等。猴子推荐:GOOGLE输入法是一个功能强大，使用简单的工具，推荐你使用。可爱的猴子的blog:拼音输入法简介建站次要技能:学会使用搜索引擎，查找问题的答案，常用的搜索引擎，google，baidu，yahoo；学会收发电子邮件。电子邮件是网络中最基本的通讯方式之一；学会使用QQ等聊天软件，交流技术。梦之都为大家提供了QQ群供技术交流，大家可以在网站的左下角找到。引用网址:想当站长，我要学什么--选择你要学的4.1.网站设计中涉及到的技术知识4.2.网站设计中要学会的软件4.2.1Notepad++4.2.2EditPlus4.2.3DreamWeaver4.2.4PhotoShop4.3.前台设计师与后台程序师网站建设主要分为两部分：网站前台，网站后台。网站前台是展示给浏览者看的，比如我们网站的首页，各个栏目页，文章页等。网站后台是管理网站用的，比如文章管理系统(CMS)，用户管理系统，购物管理系统等。(一般小网站可以没有后台)4.1.网站设计中涉及到的技术知识曾几何时建设网站只需要一种语言(技术)：HTML。但随着web的发展与完善，新的技术层出不穷。虽然只使用HTML也可以建立最简单的网页，但为了使网站更加具有吸引力，更加高效，我们至少要学会下面一些常用的技术。下面这些技术将分不同的章节讲解，同时也会介绍它们之间的联系与区别，虽然涉及的内容挺多，但都不是很难，只要慢慢学习，你定能成为一个建站高手!搭建网站的结构--HTML与XHTML网站的所有内容就是通过它们组织起来的。HTML与XHTML很相似，我推荐你使用XHTML，它更加严谨。学习HTML教程学习HTML入门例子美化与布局网站的样式表--CSS有了内容之后，通过CSS可以使内容表现的更好。学习CSS教程学习CSS入门例子引用网址:客户端脚本语言--JavaScript通过目前最流行的脚本语言JavaScript，可以在客户端实现一些动态的效果、控制浏览器、数据的检测与验证，比如用户的输入验证，漂浮的文字，选项卡效果等。目前最流行的Ajax技术，就使用了JavaScript。学习JavaScript教程学习JavaScript入门例子服务器端脚本语言--ASPPHPJSP等通过编程在服务器端实现对内容的分析与操作，比如用户登录系统，购物车系统，数据的查询等。数据库与SQL语句--AccessMySQLSQLServerOracle等数据库用于存储数据，保留用户与网站信息等。猴子提示:网站建设发展到今天已经衍生出很多技术，但是每种技术的存在都是以为了实现更富有吸引力的用户体验与更方便快捷的网站建设为前提的，认识到这一点我们就能更加完善的理解这些技术了From网站设计中涉及到的技术知识-想当站长，我要学什么-网站建设与制作教程4.2.网站设计中要学会的软件4.2.1.Notepad++4.2.2.EditPlus4.2.3.DreamWeaver4.2.4.PhotoShop很多软件可以制作网站，而且网页制作的过程中还可以用到很多辅助软件，比如调色板软件，模板类软件等，这里只介绍一下常用的软件，学好下面的软件，就是掌握了最好的工具，可以使我们事半功倍！其它的软件大家可以慢慢学习。引用网址:网站设计中要学会的软件-想当站长，我要学什么-网站建设与制作教程4.2.1Notepad++目录1.Notepad++简介2.Notepad++下载3.Notepad++的安装4.Notepad++使用技巧简介Notepad++简介Notepad++是一款由国人编写的开源的，小巧功能强大的文字处理软件，此软件可以称为Windows记事本的完美替代方案，而且很多功能可以自己定制。支持多种语法的HTML，CSS，JavaScript等语言的着色显示与语法层叠等功能。是网页设计者不可多得的好工具。访问Notepad++官方站点Notepad++Notepad++下载官方网站下载Notepad++Google下载Notepad++百度下载Notepad++引用网址:的安装双击下载好的可执行文件，见下面图示安装过程下面这步要注意，要选择红框的内容，下面使用技巧中介绍为什么选择。Notepad++使用技巧简介1，查看网页源代码如果是按照上面步骤安装的(安装过程中选中了Asdefaulthtmlviewer)，在IE上点击右键，选择查看源代码，将使用Notepad++打开网页源代码，而不是Windows系统自带的记事本。2，为代码增加行号选择你要增加行号的文本，点击插件，点击TextFXCharacters，点击T:InsertLineNumbers3，转换为HTML实体选择你要增加行号的文本，点击插件，点击TextFXCharacters，点击C:EncodeHTML(&)4，去掉文本中的HTML元素选择你要增加行号的文本，点击插件，点击TextFXCharacters，点击C:StripHTMLtagstabletabs猴子提示:Notepad++很强大是吧:)，上面我们介绍的都是Notepad++一个最棒的插件TextFX，Notepad++还有更多好玩的，就等待你去探索了！FromNotepad++-网站设计中要学会的软件-想当站长，我要学什么-网站建设与制作教程4.2.