shepherdwind

网站概念——第三次培训总结

程序组又加入几个新人,为了让大家能够尽快在同一平台上学习,总结了一下第三次培训的内容,感觉这次培训的内容挺多的,大家可能一时无法完全接受,就在此总结让大家有时间可以回过头看看……

本次培训的主要目的上让程序组成员对于网站工作的基本原理有所认识,培训以网站概念为核心。

首先,介绍一下什么是网站:网站是远程服务器端文件以及文件之间逻辑结构(这个只是我的个人理解定义的,为了让大家更直接的感受一下网站实体,这个定义是我们程序组需要直接面对的部分,所以特意的提出来,当然网站还可以从其他角度了理解,我只是从我们程序员角度来定义它)。

这个概念解释一下,远程端的文件,网络的基本功能就是不同电脑之间文件(或者说数据)传输,Internet把这个世界的电脑都链接在一起,我们在浏览器上看到的任何一个网页都是指向远端(相对于本机而言)电脑上的一个文件。这里还涉及到两个概念,域名和url,域名指向的通常是一个远端的文件夹,比如我们efly的域名efly.nenu.edu.cn指向的就是我们服务器上一个efly的文件夹。url指向的是远端文件,还是我们e翔的urlhttp://efly.nenu.edu.cn,这个url并不是完整的,它实际上指向的是http://efly.nenu.edu.cn/index.asp,只是一个url可以在没有确定访问的文件时会指向一个默认的文件,这些文件都是一index为文件名,文件的后缀通常有html、htm、php、asp、jsp。随意拿一个url来给大家演示一下:user1/wangchao/archives/2009/2054.html这个url其实和我们本机的“C:\Documents and Settings\Administrator\桌面\团队文化\团队文化\56xiao.jpg”效果是一样的,只不过我们访问本机速度快很多而已。我们打开的是网页,实际上我们是把在我们服务器上的文件给下载到本机上,用浏览器查看,而那个我们下载下来的文件是符合浏览器解释标准的文档,通常是html文档。

从上面我们可以看出,网站的实体是远端的文件。而实际上由于我们要给浏览者看的文件需要更方便用户查看,所以这些远程文档的组织需要有一定的逻辑结构。首先主页,主页必须让浏览者知道我们的网站有一些什么东西,这个功能主要是由网站的导航实现,第二网站首页需要有网站的信息,比如文章新闻之类的,这部分是需要动态显示,也就是首页的新闻是需要更新的,下面我们想象一下,我们的主页url指向的是一个文件比如index.php,我们怎么才能让这个文件在不同时间不一样呢,应该说是有两种方法:

  1. 随时修改文件本身。
  2. 让文件调用数据库中的数据,通过修改数据库来改变文件的显示。

我们看第一种方法,在页面简单的情况下到是没有问题,但是通常我们的网页信息更新非常频繁的,这种方法修改主页本身这个过程我们增加了额外的负担(我们只想把一条新闻提前,而这个却让我们需要修改这个主页整个页面)。而第二中方法就可以避免修改整个页面的问题,我们可以直接按照一定的规则选择需要显示的东西放在网页上,这个规则就是网站的文件之间的逻辑结构,这个逻辑结构是由服务器端程序如php代码实现的。

讲完什么是网站了,在这里因为不好实际的演示,我写一个小小的例子吧:服务器端有一个文件夹example,域名www.example.com指向此文件夹,所以当我在浏览器中输入www.example.com,浏览器会自动向此服务器发送请求,这个请求会被服务器软件(如apache,这个应该讲过)截获,apache会判断这个url指向的是example中一个文件,我们假设它是index.php。这个文件的代码是:

echo  date("Y-m-d H:i:s";);

这是一个简单的代码,这个代码会在服务器上进行运算,然后这个得到的结果是代码运行时间以2009-11-2316:37:43这种格式输出,这个输出由apache发送,通过http协议发送到浏览器上,然后我们就可以在浏览器上看到2009-11-2316:37:43。什么是网站这个东西大家真正接触了就能更清晰这个概念了。总的来说作为网站程序员我们需要做的是两个,一是浏览器端的显示,我们需要写出符合浏览器端显示的html代码;第二就是后台服务器端的文件之间逻辑结构,这部分以后的培训会讲。

浏览器端主要由是html代码,很多人简称之为div+css,实际上这个只是为了强调css和html中div标签的作用。这部分更多的是操作性的,程序组的新人要多和一直的程序组的成员多交流。我懒得在讲一遍了,就上传一个网上别人总结的pdf文件DIVCSS布局大全.pdf,应该对大家会有所帮助的。

公布一下下一次的考核是让大家根据一个psd的图,把它切成html代码的。这个图大家在此下载。在这里说一下考核的标准:

  1. 要求在浏览器上的必须与图片一致,这个要求通常很难达到,大家尽力而为吧
  2. 要求html代码结构清晰,层级之间缩进符合要求,代码要求符合规范,最好能加注解
  3. 要求尽力使文件小,因为我们做的html需要通过网络发送到客户机上,对大小要求是越小越好。
  4. 考核的时间有一个月准备时间,具体的根据你们自己的能力来完成,如果学得快可以提前进入php学习。