后台模版做成一行三列(div+css),前台生成一行三列布局

html-css06

后台模版做成一行三列(div+css),前台生成一行三列布局,第1张

<DIV style=float:left

style后面是很多样式 必须用引号括起来 因为它是包含在双引号中的 所以都是用单引号括起来

<DIV style='float:leftheight:auto'>只是举例

还有 外面得套一个宽度够宽的DIV 里面的DIV横着放不下了 自动就换行了

浮动层必须结束 等图片都读取完了

加一个

<div style="clear:both"></div>

无论是普通 Html+css 还是 Div+css 都只是模板

跟您的程序设计后台 无关系联系

这必须运用到动态代码技术以及数据库

语言:asp php jsp cgi aspx

数据库:access sql

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

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

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

个人整理,希望对你有点用!