网站建设入门例子

从前猴子每天都读报纸，报纸上有很多文章与信息，还有一些讨厌的广告。每篇文章都是由标题与多个段落的内容组成的，而且可能还有一些图片，数据表格等。

现在，猴子再也不买报纸了(可不是由于报纸涨价了!:))，猴子每天都是通过新闻网站在线浏览，这种在线浏览方式与读报纸的方式是非常相似的。网上的每篇文章也都是由标题与内容组成，而且也会不时出现一些讨厌的广告！但是它们之间也有不同，网络上通过链接的方式使很多篇相关的文章建立了联系，而且通常每个网页只有一篇文章，而不像报纸一样，一个页面总是多篇文章。

还有一点不同的地方是与用户交互的方式（比如抽奖，问答等），报纸使用了一个插页或报纸的一部分，我们填写好信息后，必须邮寄给报社。但是在网络上这个步骤将更加简单了，我们只需要在页面上输入用户名，联系方式，点击提交即可！

网络上更加神奇的一点是，搜索！只要通过搜索就可以找到想要的内容，而且还可以找到以前的很多文章(不用再翻老报纸了)，这的确比报纸好多了！！

使用网络还增加了环保(纸是由树木制作的，只要不断的读报纸我们生活的森林就会慢慢消失，想想那没有新鲜的空气，没有了鸟语花香的生活生活没有意义了:(！而且废纸总是要处理的垃圾)，报纸上的油墨对猴的身体也不好，因此猴子下定决心，再也不买报纸了欢欣鼓舞!，开始学做网页了:)

赞(6)

回复(10)

全部评论

只看楼主倒序查看

• 
  天亮哥

  楼主

  1，浏览器通常指 IE FireFox等，客户端使用的程序
  2，每台连接互联网的机器都有一个唯一的IP地址，IP地址是由4个0到256的数组成的，比如：222.131.0.229，127.0.0.1，由于每台联网的机器的IP地址都是独立的，因此可以通过IP判断一台机器。
  网站所在的服务器通常有一个固定的IP地址，而我们浏览者每次上网的IP地址通常都不一样，IP地址是由ISP分配的。
  域名服务器(domain name server)的简称为DNS，它存储了域名与IP地址对应的列表。
  3，浏览器得到域名指向的IP后，浏览器会把我们输入的域名转化为HTTP的服务请求，例如，输入 ，可以转化为 ，通过这种方式浏览器向服务器发出了请求。
  由于输入的是域名，因此服务器接收到请求后，会查找域名下的默认网页(通常为default.php或default.html)，如果直接输入就直接查找这个页面。
  4，返回的请求通常是一些文件，包括文字信息(.html .css .asp文件等)，图片，flash等(每个文件都要有一个唯一的网址。

  2楼11-28 21:26回复
• 
  天亮哥

  楼主

  练习打字，打字是网页设计师必备的基本功，拼音输入法比较容易学习，学好了,打字速度也很快，比如：GOOGLE拼音输入法，搜狗拼音输入法；
  学会windows的基本操作，比如熟练掌握Ctrl+X剪切、Ctrl+Z撤消、Ctrl+N新建、新建文件、修改文件扩展名等基本Windows操作。学会熟练拖动文件。学会安装软件等。

  3楼11-28 21:27回复
• 
  天亮哥

  楼主

  想当站长，我要学什么 -- 选择你要学的
  4.1. 网站设计中涉及到的技术知识
  4.2. 网站设计中要学会的软件
  4.2.1 Notepad++
  4.2.2 EditPlus
  4.2.3 DreamWeaver
  4.2.4 PhotoShop
  4.3. 前台设计师与后台程序师

  4楼11-28 21:29回复
• 
  天亮哥

  楼主

  曾几何时建设网站只需要一种语言(技术)：HTML。但随着web的发展与完善，新的技术层出不穷。虽然只使用HTML也可以建立最简单的网页，但为了使网站更加具有吸引力，更加高效，我们至少要学会下面一些常用网站设计的技术。
  下面这些技术将分不同的章节讲解，同时也会介绍它们之间的联系与区别，虽然涉及的内容挺多，但都不是很难，只要慢慢学习，你定能成为一个建站高手!
  搭建网站的结构 -- HTML与XHTML
  网站的所有内容就是通过它们组织起来的。HTML与XHTML很相似，我推荐你使用XHTML，它更加严谨。
  学习HTML教程 学习HTML入门例子
  美化与布局网站的样式表 -- CSS
  有了内容之后，通过CSS可以使内容表现的更好。
  学习CSS教程 学习CSS入门例子
  引用网址:
  客户端脚本语言 -- JavaScript
  通过目前最流行的脚本语言JavaScript，可以在客户端实现一些动态的效果、控制浏览器、数据的检测与验证，比如用户的输入验证，漂浮的文字，选项卡效果等。 目前最流行的Ajax技术，就使用了JavaScript。
  学习JavaScript教程 学习JavaScript入门例子
  服务器端脚本语言 -- ASP PHP JSP 等
  通过编程在服务器端实现对内容的分析与操作，比如用户登录系统，购物车系统，数据的查询等。
  数据库与SQL语句 -- Access MySQL SQLServer Oracle等
  数据库用于存储数据，保留用户与网站信息等。

  5楼11-28 21:30回复
• 
  天亮哥

  楼主

  网站设计中要学会的软件
  4.2.1. Notepad++
  4.2.2. EditPlus
  4.2.3. DreamWeaver
  4.2.4. PhotoShop
  很多软件可以制作网站，而且网页制作的过程中还可以用到很多辅助软件，比如调色板软件，模板类软件等，这里只介绍一下常用的软件，学好下面的软件，就是掌握了最好的工具，可以使我们事半功倍！其它的软件大家可以慢慢学习。

  6楼11-28 21:30回复
• 
  天亮哥

  楼主

  Notepad++
  目录
  Notepad++简介
  Notepad++下载
  Notepad++的安装
  Notepad++使用技巧简介
  Notepad++简介
  Notepad++
  Notepad++是一款由国人编写的开源的，小巧功能强大的文字处理软件，此软件可以称为Windows记事本的完美替代方案，而且很多功能可以自己定制。支持多种语法的HTML，CSS，JavaScript等语言的着色显示与语法层叠等功能。是网页设计者不可多得的好工具。
  访问Notepad++官方站点 Notepad++
  Notepad++下载
  官方网站下载Notepad++
  Google下载Notepad++ 百度下载Notepad++

  7楼11-28 21:31回复
• 
  天亮哥

  楼主

  DreamWeaver
  Dreamweaver是Adobe公司出品的一款建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。
  访问DreamWeaver官方站点 网页链接
  下载DreamWeaver Google下载 百度下载

  8楼11-28 21:35回复
• 
  天亮哥

  楼主

  PhotoShop
  Photoshop是Adobe公司出品的一款对数字图形编辑和创作的软件。Photoshop同时携带了一款可以制作gif图片和对网页进行切图的软件ImageReady。
  访问PhotoShop官方站点 网页链接
  下载PhotoShop Google下载 百度下载