divcss后台布局，divcss布局模板

DIV+CSS怎么写，后台容易衔接？有什么注意事项么？

1、css命名要规范，网上有很多，百度一下就知道；或是象形命名，就是这个栏目的英文名字；

2、页面里面注释清晰，就是每个栏目前、后有注释说明

3、比较重要，就是尽量用可循环的标签来制作列表等内容，标签使用不要太复杂，比如，一个3行2列的表格，用li的话也就是6个li标签就搞定，而用table，那么会多出许多冗余代码的

相关问答

Q1: 求高手讲解网页模板的分切后，使用css+div布局后与后台连接时怎么做的。

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

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

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

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

Q2: asp后台做好后前台怎么用div+css布局

现在 主流的都是css+div 主要是层与层的传递 样式可以让网页更加好控制些.比如div class="header"div ="main"/div/div然后你用css控制了header的font-size:12px 那么你想让main这个层里面不用12px你就可以定义覆盖这个font-size 这样做目的 让页面观赏性大些 也比较好控 像你做asp. 其实你把界面做好之后就只需要完成功能了。所有b/s都是html做界面。难道还有response.write("")一个个写html的标签吗？

Q3: 前台用div+css布局没有用到表格,后台用表格布局在前台显示数据， 且表格的border设为了0，

ulli%call news_list_title(20,30,"新闻动态")%/li/ul

这个是在你的LI里插入了一个table ，你可对这个TABLE进行加样式、、、

你可能以经对LI加了样式，可主里只有一个LI。。。你的LIST是LI。而是TABLE。。。

修改成这样：LI就会有效果了

前台编写：ul%call news_list_title(20,30,"新闻动态")%/ul

后台编写（asp)：

Sub news_list_title(TopNum,WordLang,ClassName)

dim rs

set rs=conn.execute ("select top "TopNum" id,title,BigClassName,date from News where BigClassName='"ClassName"' order by id desc")

if rs.eof and rs.bof then

response.Write " 新闻添加中..."

else

do while not rs.eof

dim Title,NewsDate,NewsId

Title=rs("title")

Title=word(Title,WordLang)

NewsDate=rs("date")

NewsDate=setdate(NewsDate)

NewsId=rs("id")

response.Write "lisapn style="float : left ""NewsDate"spana href='news_show.asp?id="NewsId"' target='_blank'"Title"/ali"

rs.movenext

loop

end if

rs.close

set rs=nothing

end Sub

Q4: 页面使用css+div布局，怎样实现servlet，或者从后台到页面的跳转

servlet执行数据库操作.把结果例如得到了一个List all = DB.get().... 可以这样做 : request.setAttribute("allList",all); 这是把all的值赋给名字叫 allList 的 然后JSP 页面里就可以通过 List allList = request.getAttribute("allList"); 然...

divcss后台布局的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于divcss布局模板、divcss后台布局的信息别忘了在本站进行查找喔。