公司门户网站_手工建立一条龙的详细备忘

这个文章需要重新修改

 

这下面是我一年前建站的时候做的简单记录，由于工作需要我要重写一个更详细的建站记录。

 新纪录：

---

Step 1 ：

 找到站长吧这个网站在上面下载了一个模版，这个模版是一整套的网站模版，运行里面的

 站长吧(www.zhanzhang8.net)ASP调试工具.exe 这个工具，大概就像是模拟的服务器吧，就可以运行了，我的初始的url是： http://localhost/，ie里面自动出来一个公司的主页，很明显隐藏了Index这个页面，在根目录下面马上找到index.asp这个文件，用ue打开发现里面的代码和主页的吻合，所以确定index.asp就是主要的跟页面。

Step 2:

修改这个页面的代码，简单的修改，如title，又发现这个网站用了通用的统一的header 和footer,所以下一步要修改header的图片上面的字体，把字体改为我自己的 改为雅豪，这里就碰到了一个难点，就是用ps修改图片上面的字。

Step 3:

<div id="top"><img src="images/head_02.gif" width="501" height="88" alt=""></div>

在head.asp里面找到需要修改的标志性图片为 images/head_02.gif,虽然不懂asp，但是我想万变不离其宗，都一样的网页代码，如果想清晰的看到其网页的逻辑结构，简单的办法就是建立一个项目在eclipse下面把asp的项目放到webroot这个下面，打开head.asp就可以很好的看到其组成了。

Step 4:

head_02.gif这个图片，把上面的字抹去简单，但是添加字在上面出了点问题，这个用ps，

现在开始编辑，看了半天也无法知道怎么添加字体在照片上面，好像我的ps有问题，只好下个教程来看。

 

这个做的比较粗糙。

 

Step 5:

在查找信息源头的时候发现一下代码

<tr> <td height="25" align="center" valign="middle"><%=rs("v9_id")%></td> <td align="center" valign="middle"><%=rs("v9_name")%></td> <td align="center" valign="middle"><a href="<%=lianjie%>?look=edit&id=<%=rs("v9_id")%>">修改</a></td> <td align="center" valign="middle"><a href="<%=lianjie%>?action=del&id=<%=rs("v9_id")%>"><font color="#FF0000">删除</font></a></td> </tr>

里面的<%=rs("v9_id")%>对应了一个server函数，无法查找到这个函数，但是翻阅文件的目录发现了。

一切资源都定位到一个mdb的office数据库上面去了。

 

 

 

老纪录：

---

 

刚刚接了个私活，就是建设一个小公司 的网站，小制造公司，

我从今天早上就开始搞，搞啊搞，这个东西原来一次没有搞过，只是在

理论上成立。实际操作我也不知道。现在得到了一个结论三个问题：

•    有一个关于建立公司门户的模板下载的网站 http://www.mbsky.com/

绝对能下载，包括原代码，不过都是老老实实的html代码。

好东西！！

• 问题一，我不知道css的作用，
• 问题二，不知道div这个html的用法
• 问题三，不知道.psd后缀格式的东西是什么用处

现在待我一一解决这几个问题

 

最难理解就是psd了，网上解释如下

是　photoshop   专用的图像文件。  
  装上photoshop   就能看了

可是我想用eclipse 编辑，我看这个时候就要用到插件了。也吧知道怎么编辑。

 

其次就是css             

Cascading Style Sheets  层叠样式表
什么是Cascading Style Sheets（层叠样式表）

    * CSS是Cascading Style Sheets(层叠样式表)的简称.
    * CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).
    * 在标准网页设计中CSS负责网页内容(XHTML)的表现.
    * CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.
    * 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.
    * CSS是由W3C的CSS工作组产生和维护的.

 

css可以用任何写文本的工具进行开发,如文本工具,dreamweaver开发
css也是一种语言,这种语言要和html或者xhtml语言相结合才起作用,
css简单来说就是用来美化网页用的,用css语言来控制网页的外观

你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。

 

 

想，没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的？我们一般使用HTML标签来实现，代码非常烦琐。
很难想象，如果在一个页面里需要频繁地更替字体的颜色大小，最终生成的HTML代码的长度一定臃肿不堪。
说实话，CSS就是为了简化这样的工作诞生的，当然其功能决非这么简单。
CSS是通过对页面结构的风格控制的思想，控制整个页面的风格的。

 

还有一个就是div的用法了这个问题比较简单了。。

DIV>This is a DIV tag .</DIV>

如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和使用 <P></P> 是一样的。

　CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。

　DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

<div> 可定义文档中的分区或节（division/section）。

浏览器通常会在 div 元素前后放置一个换行符

请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。

http://www.w3school.com.cn/html/html_backgrounds.asp

这个网站，也不错，学习 html，没有经常用，下次有时间好好到这个站点逛逛