WEB前端开发经验总结(6)
作者:海啸 来源:Yaohaixiao博客 发布时间:2009-07-20 18:01:00
标签:开发,经验,前端,web
实战篇
现在我们接着来讲怎么在实际开发中结合我前面所讲的理论来开发制作页面吧。现在就来看看我们要制作的页面的图:
呵呵,希望我选的这张图没有让大家失望。那,现在图形已经在我们的面前了,现在我们就开始结合我们的理论–合理的布局。我在前面讲了,一个合理布局的页面,要结构清晰,要讲求语意化。那么我们实际的开发的时候要怎么做呢?那现在这个页面,我们一开始,先别忙着切图,先来分析以下页面的结构,说“结构清晰”嘛,我们大家一开始肯定要对页面的布局结构有了个框架后,我们才好动手制作啊。这个图形我分析的结构如下图:
现在我们就基本把页面的布局结构分析出来了,我们现在对页面的布局结构有了一个很清晰的了解了。不过还不要急着写代码。现在我们还要做的就是分析页面的数据结构。怎么理解?呵呵,还记得我们前面提到的XHTML标签要语言意化吗?即[b]“使用合理的标签显示相应特征的数据”[/b],放心,我们不是在做C#的开发,这里的数据结构的意思是,我们要对页面中显示的数据的特征进行分析,看看使用什么XHTML标签来显示它才更加语意话。


猜你喜欢
- 创建索引:MySql创建索引的语法如下:CREATE [UNIQUE|FULLTEXT|SPATIAL] INDEX index_name
- 视图(View)“视图”主要指我们送到Web浏览器的最终结果??比如我们的脚本生成的HTML。当说到视图时,很多人想到的是模版,但是把模板方
- 矩阵相乘需要前面矩阵的行数与后面矩阵的列数相同方可相乘。第一步,先将前面矩阵的每一行分别与后面矩阵的列相乘,作为结果矩阵的行列;第二步算出结
- MySQL GUI工具很多,本文就常用的Navicat for MySQL与MySQL-Front的特色功能做一个详细介绍与比较。(一)My
- 前言:随着移动端的普及出现了很多的移动 APP,应用软件也随之流行起来。最近又捡起来了英雄联盟手游,感觉还行,PC 端英雄联盟可谓是爆火的游
- 2008年,对于JavaScript来说是非常振奋人心的一年,很多高人加入到JavaScript和Web开发的阵营中来,浏览器厂商在技术上互
- var EasyPager = function(wrap,pageCount,currPage){ var d = document ,e
- 如下所示,代码为:array也可直接使用上面代码。测试如下:来源:https://blog.csdn.net/u011624019/arti
- 一、创建数据库标准1.表的必备三个字段:id、gmt_create、gmt_modified2.gmt_create是创建时间,gmt_mo
- 一、简述最近接到一个新需求,让做一个动效进度条。由于我们的产品比较大,在软件启动的时候会消耗比较长的时间,原生的进度条已经不能满足我们的需求
- 官网下载就好, https://www.python.org/downloads/release/python-352/用installer
- 本文研究的主要是pandas常用函数,具体介绍如下。1 import语句import pandas as pdimport numpy as
- 或许你知道,Internet Explorer 6 已经不是最先进的浏览器了。事实上,它已经八岁了,但是很多人还在使用这个不安全的浏览器。正
- 1、copy.copy()函数可用于复制列表或字典等可变值,复制后的列表和原列表是两个独立的列表。import copyorigin = [
- 本文实例讲述了Python实现的对一个数进行因式分解操作。分享给大家供大家参考,具体如下:在数学中,我们可能会对一个数进行因式分解,如何用P
- 目录1.触发器是什么?2.创建触发器创建触发器的语法如下:创建多个执行语句的触发器: NEW和OLD的使用:3.使用触发器1.触发
- 最近开发的微信公众号项目中(项目采用Vue + Vux 构建,站点部署在IIS8.5上),遇到个非常奇葩的问题,发布站点内容后,通过微信打开
- Python 很强大其原因就是因为它庞大的三方库 , 资源是非常的丰富 , 当然也不会缺少关于音频的库关于音频, PyAudio 这个库,
- 在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗的解决方法分享。<div id='tes
- 本文实例讲述了Python图像处理模块ndimage用法。分享给大家供大家参考,具体如下:一 原始图像1 代码from scipy impo