我会用div+css做静态页面，想了解下数据库是怎么和前台联系在一起的

这个很简单呀，如果你懂一些动态网页的知识，就知道了，在前台用一些数据显示控件来显示数据库里面的数据，这样，你就可以通过更新数据库的内容来更新前台的内容了。前台连接数据库主要是通过ADONET的知识。比如说C#吧，有很多的。你如果需要我可以把我做个的一些源码给你看看，不过你得先在机子上安装VS。

如果是在项目的目录下，为什么又要css去通过数据库去读呢？直接读取的路径不就完了吗？数据库也只能是存放的路径信息，再通过代码将其读取出来显示在页面上。不要把这些概念搞混了。

先由设计师设计网页，在设计图上标注相关信息（比如说颜色，有些颜色肉眼分辨不太清楚。）

再接下来是前台制作，由网页制作人员完成，这里要注意以下几点：

1、拿到设计稿后不要直接切割，然后到DW里直接敲代码，首先要认真研究，把握大致的框架图，做到心里有一个整体的构思，其中还可以揣摩一些设计的风格，有兴趣的朋友完全可以让自己走上设计的道路。（设计人员比制作人员工资高多了呀！无奈！）

2、用PS或者FW等绘图软件做一些实体的框架图，这个框架的目的是让你在制作的过程中能够快速而准确的进行制作和在以后的修改工作中能够高效，所以框架图要具体的标示出块状的id号或者类名，父与子的层次关系等。

3、接下来就是进行重要的一项----制作，也就是敲那该死的代码，在制作过程时，就要体现你对技术的熟练程度和技巧运用了，比如css的架构搭建，类名的选择和用CSS的简写达到高效的目的等技巧。

4、制作完成后，就是自己的检验了，争取做到制作出的网页同设计师给出的设计稿如出一辙。最后让自己的工作得到他们的肯定，当然改是难免的，不要急躁。（有些设计师太麻烦，总觉得你做出来的东西和他们的设计稿不符合！这时候你可以无视他们，直接找设计组的组长评理！还有一点就是向为网页制作人员应该和设计师搞好关系，不然工作中会遇到很多麻烦！汗一记！）

制作完成后就是程序员的工作了，制作后台程序，以方便管理网站！如果你在设计的时候用的id,name等都是乱起名字的，这时候可能需要你和程序员进行沟通，告诉他们这个id是什么，这个name是什么，麻烦！所以良好的命名习惯是必不可少的！

后台的页面设计没有什么讲究，越简单越好，当然简单不等于简陋。

这就是一个网站制作的流程！（当然，在设计之前要听取客户的意见，整个网站在表现什么风格，比如说：体现严谨，高科技，时尚等元素，这样设计师可以通过颜色表现这种风格！在设计稿定稿前要给客户过目，客户认可了才能进行制作！）

附：

CSS的命名规则

头：header

内容：content/containe

尾：footer

导航：nav

侧栏：sidebar

栏目：column

页面外围控制整体布局宽度：wrapper

左右中：left right center

登录条：loginbar

标志：logo

广告：banner

页面主体：main

热点：hot

新闻：news

下载：download

子导航：subnav

菜单：menu

子菜单：submenu

搜索：search

友情链接：friendlink

页脚：footer

版权：copyright

滚动：scroll

内容：content

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：joinus

指南：guild

服务：service

注册：regsiter

状态：status

投票：vote

合作伙伴：partner

XHTML文件中id的命名

(1)页面结构

容器: container

页头：header

内容：content/container

页面主体：main

页尾：footer

导航：nav

侧栏：sidebar

栏目：column

页面外围控制整体布局宽度：wrapper

左右中：left right center

(2)导航

导航：nav

主导航：mainbav

子导航：subnav

顶导航：topnav

边导航：sidebar

左导航：leftsidebar

右导航：rightsidebar

菜单：menu

子菜单：submenu

标题: title

摘要: summary

(3)功能

标志：logo

广告：banner

登陆：login

登录条：loginbar

注册：regsiter

搜索：search

功能区：shop

标题：title

加入：joinus

状态：status

按钮：btn

滚动：scroll

标签页：tab

文章列表：list

提示信息：msg

当前的: current

小技巧：tips

图标: icon

注释：note

指南：guild

服务：service

热点：hot

新闻：news

下载：download

投票：vote

合作伙伴：partner

友情链接：link

版权：copyright

个人整理，希望对你有点用！

一般常用与ASP配合使用的数据库有：ACCESS、SQL等，下面是常用的数据库链接方式：

一、ASP的对象存取数据库方法

在ASP中，用来存取数据库的对象统称ADO（Active Data Objects），主要含有三种对象：

Connection、Recordset 、Command

Connection：负责打开或连接数据

Recordset：负责存取数据表

Command：负责对数据库执行行动查询命令

二、连接各数据库的驱动程序

连接各数据库可以使用驱动程序，也可以使用数据源，不过我建议大家使用驱动程序，因为使用驱动程序非常

方便、简单，而使用数据源比较麻烦。

ODBC链接

适合数据库类型 链接方式

access "Driver={microsoft access driver(mdb)};dbq=mdb;uid=admin;

pwd=pass;"

dBase "Driver={microsoft dbase driver(dbf)};driverid=277;dbq=------------;"

Oracle "Driver={microsoft odbc for oracle};server=oracleseverworld;uid=admin;

pwd=pass;"

MSSQL server "Driver={sql server};server=servername;database=dbname;uid=sa;

pwd=pass;"

MS text "Driver={microsoft text driver(txt; csv)};dbq=-----;extensions=asc,csv,tab,txt;Persist SecurityInfo=false;"

Visual Foxpro "Driver={microsoft Visual Foxpro driver};sourcetype=DBC;sourceDB=dbc;

Exclusive=No;"

MySQL "Driver={mysql};database=yourdatabase;uid=username;pwd=yourpassword;

option=16386;"

OLEDB链接

适合的数据库类型 链接方式

access "Provider=microsoftjetoledb40;data source=your_database_path;user id=admin;

password=pass;"

Oracle "Provider=OraOLEDBOracle;data source=dbname;user id=admin;password=pass;"

MS SQL Server "Provider=SQLOLEDB;data source=machinename;initial catalog=dbname;

userid=sa;password=pass;"

MS text "Provider=microsofjetoledb40;data source=your_path;Extended Properties′text;

FMT=Delimited′"

而我们在一般情况下使用Access的数据库比较多，在这里我建议大家连接Access数据库使用下面的方法:

dim conn

set conn = servercreateobject("adodbconnection")

connopen = "provider=microsoftjetoledb40;" & "data source = " & servermappath

("/db/bbsmdb") 其中/db/bbsmdb是你的数据库存放的相对路径！如果你的数据库和ASP文件在

同一目录下，你只要这样写就可以了：

以上就是关于我会用div+css做静态页面，想了解下数据库是怎么和前台联系在一起的全部的内容，包括:我会用div+css做静态页面，想了解下数据库是怎么和前台联系在一起的、css中可以从数据库读取图片吗比如图片路径、求高手讲解网页模板的分切后，使用css+div布局后与后台连接时怎么做的。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！