关于网站设计论文范文集,与进行规范的代码设计相关毕业论文开题报告

本论文是一篇关于网站设计毕业论文开题报告,关于进行规范的代码设计相关毕业论文的格式范文。免费优秀的关于网站设计及代码及结构设计方面论文范文资料,适合网站设计论文写作的大学硕士及本科毕业论文开题报告范文和学术职称论文参考文献下载。

相信很少有人会在网页设计的过程中把代码设计单独拿出来说,虽然在软件设计中代码设计很受重视,但在web设计里,大家更关心网站结构设计、数据库设计、页面视觉设计,很少有人会真正关心前端代码设计.这恰恰是因为代码设计的优劣不是一般用户所能感觉出来的,设计得差的前端代码,在用户使用过程中也许毫无影响,却能将前端工程师和web程序员弄得一塌糊涂.

DIV的规范及科学统筹

说到前端代码,不能不说DIV架构.目前主流的网站页面架构方式已经转向DIV+CSS的结构层和表现层脱离的方式,这个过程也叫做网站的标准化.这与以往的利用表格定位的方式完全不同,更加强调了界面元素的模块化定位,由DIV确定模块的界限,再由CSS代码表现该DIV元素的表现形式.

在DIV的布局方式中,我们更多强调的是规范,因为DIV的ID名称和CLASS类名称是能够由代码编写者自行定义的,所以有明确规范的DIV设计是前端代码设计的前提.如今的web工作往往牵涉到一个团队中的多人进行协作开发,代码被阅读和被修改的次数远远多于它被编写的次数,而保持代码易读、易修改的关键,就在于在代码编写前期确定能被认同的代码规范.

首先我们先了解DIV架构中的命名规则,DIV的许多规范要点体现在ID或者CLASS的命名中,绝大多数设计师习惯使用属性命名方式：即显示绿色14号字的类就命名为green14,蓝色背景区域的类就命名为blueBg.这样命名也未尝不可,但是这样的命名方式对于合作的其他职能部门的同事来说,是毫无意义的.PHP程序员不会关心这个类的字是什么颜色,他只管这块区域应该和哪个程序模块接口；模板编辑也不会关心背景究竟该是什么颜色,他只管哪个区域是用来显示头图、哪个区域显示全站导航和全站通用底部.所以我们比较倡导表意命名方式和接口命名方式,比如pageHead和loginArea这样的命名,pageHead明确表示了这块区域的意思,而loginArea指代了这是个登录区域的接口.不管这两个类里的字号颜色等将来因为改版发生了什么改变,它们起到的作用和所定义的固定区域是不会改变的.

其次我们了解一下DIV中类的复用,同一个页面中,DIV的ID是唯一的,表示该页面上独一无二的一种特定表现；而CLASS（类）是可以无限重复使用的,表现该页面上有某些属性相同的若干区域,所以DIV的复用仅仅指的是类.牵涉到复用的时候,类的命名应该尽量多地表意化,有必要的情况下使用属性命名也能起到很好的效果.比如页面中有很多个不同的内容列表区块,但是宽度都是760px,那么使用contList760这样的类名称进行复用就比contListA、contListB、contListC等这样单独且表意不明显的命名要好得多.如图1所示的网站alistapart.,由图2我们可以看出,它的代码设计非常规整.

名词解释

CSS是英语CascadingStyleSheets（层叠样式表单）的缩写,它是一种用来表现