- 浏览: 2565420 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
其实做了一段的前端页面开发你就会发现,开始的时候无论是css类名或者div的id的命名,多不知道叫什么好?当然如果有点创新的同学应该会找寻各大顶级门户网站去扒别人的代码看看。所以这篇文章只是写给初学者或者这方面有需求的同学。
1.从头开始
------header (内容)
------logo(网站标志)
------loginbar(登录条)
------regsiter(注册)
------toolbar(工具条相关的)
2.导航菜单
-----nav(导航)
-----subnav(子导航)
-----search(搜索)
-----hot(热门)
3.肉体(主体灵魂部分)
------content或者container(主体内容)
------banner(广告图)
------sidebar (左边栏目)
------module-bd(某个模块的头部分)
------module-hd(某个模块的主体内容部分)
------左中右(一般我多少喜欢父容器名_l,父容器名_c,父容器名_r)
------download(下载部分,也可以加上前缀的父容器名)
4.尾巴
-----footer
-----copyright(版权)
-----friendlink(友情链接)
-----partner(合作伙伴)
这边我还有一个小小推荐,当然也是自己的用法
比如我的模块是美容小模块部分 我的文档树结构
<div id="category"> <div class="category-hd"> <h2>商品分类</h2> </div> <div class="category-bd"> <div id="module1" class="module"> <div class="module-hd"> <h3 class="meirong">美容</h3> </div> <div class="module-bd"> <dl> <dt> <a title="粉底液" href="###">粉底液</a> </dt> <dt> <a title="护肤水" href="###">护肤水</a> </dt> ............. </dl> </div> </div> </div> </div>
发表评论
-
X-Frame-Options
2014-08-16 18:15 1181最近客户端内嵌的页面发现了 X-Frame-Opt ... -
HTML实体字符列表
2014-08-08 17:55 873最近在研习he这个Node包,里面提到了一些不错 ... -
object各标签的参数和值
2013-11-09 15:06 1246相比而言,现在flash object用的相对不 ... -
seo相关的meta设置revisit-after
2013-02-27 13:46 1755revisit-after ----- ... -
HTML标签之object
2012-11-06 22:03 1477本文简单记录一下object标签相关内容 1、定义和用 ... -
说说DTD(doctype)
2012-09-24 21:01 1157其实在很多场合说过这个点了,但是没有系统的介绍一下,还是简单说 ... -
关于X-UA-Compatible
2012-07-07 16:28 13381、what is X-UA-Compatible ? ... -
html<td>标签的nowrap属性
2012-07-02 20:50 1568HTML <td> 标签的 nowrap 属 ... -
HTML rel canonical属性值
2012-05-13 15:54 1732这个可能很多专门做seo优化的人应该比较清楚,下面我简单介绍 ... -
autocomplete属性
2012-05-02 10:59 1885简单记录,个人积累。 1、定义: ... -
mailto的介绍
2012-02-28 16:41 2100HTML支持邮件链接,我们可以如下的进行设置a标签: ... -
html字符实体
2011-12-16 11:29 1531HTML 字符实体 1、 什么是字符实体? ... -
从块级元素和内联元素浅谈标签的嵌套规则
2011-12-10 22:14 5838从一个问题说起吧------------div能不能放在p标签 ... -
html浅谈之图像映射
2011-09-25 12:24 3685或许做前端到现在你没有接触过图像映射这个东东,但是如果你是一个 ... -
html之浅谈link标签的奇葩属性和标准规范性
2011-09-22 14:27 1659今天在某一个大型网站的demo里面看到这么一段 ... -
最近看的一篇文章-学习转载一下(页面html,head,body标签如果没有)
2011-03-14 13:15 2481最近逛博文的时候看见一篇个人觉得比较有创意的博文,学习分享一下 ...
相关推荐
但大部分用HTML做网站的人都曾经遇到过这样的问题:原本在自己的机器上排好版的网页,换到另外一台不同分辨率的显示器后就变了样,尤其是一部分字体变得很大,使原先设计的美观页面变了形。这是因为在网页文件中没有...
颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点。你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩。所有的色彩能在一个色轮中呈现。在这个...
而采用ASP.NET,可以使用服务器端(程序设计者)提供的邮箱和SMTP服务器,也不需要客户安装邮件收软件,一切都直接在服务端完成,显然更加适合我们的要求。现在,我们就来看以上功能的代码实现。首先,我们来看网页...
作为一名设计师,我们应当了解它们是什么东西,有什么特性,从而进一步思考通过HTML5和CSS3我们能做些什么。 什么是HTML5和CSS3 HTML和CSS并不难理解。HTML为构成网页的主要语言。通过这种语言,我们可以向计算机...
网站规划与网页设计 课程实验--使用层叠样式表CSS(code+report)凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数
它的使用跟普通的页面一样,可以可视化的设计,也可以编写后置代码。与普通页面不一样的是,它可以包含ContentPlaceHolder控件,ContentPlaceHolder控件就是可以显示内容页面的区域。 母版页仅仅是一个页面模板,...
我们看到的网站页面中,是由数据和设计两部分组合而成。将设计转换成浏览器能理解的语言,便是html和css主要做的工作。而将数据显示在页面上,并且有一定的交互效果(比如点击等用户操作及对应的页面反应)则是js...
这就给网页前端设计人员带来了很大的困扰。开发人员必须兼顾考虑到所有主流的浏览器,才能在不同的浏览器上显示出相同或满足需要的效果。于是CSS Hack技术就诞生了。 CSS Hack技术,就是利用不同浏览器不同版本之间...
第三部 分程序设计浅谈 第4章 程序写作浅谈 4-1 Javascript写作概念 4-2 Javascript写作格式 4-3 Javascript语句格式 4-4 隐藏Javascript程序代码 4-5 Javascript最好写在原始代码的哪里? 4-6 注解的写法 第四部分 ...
也谈 ASP.NET 1.1 中 QueryString 的安全获取写法 ASP.NET运行模式:PageHandlerFactory 利用搜索引擎引用来高亮页面关键字 网站首页的自动语言切换 应用系统的多语言支持 (一) 应用系统的多语言支持 (二) 自动...
第 2 章 C# 3.0 程序设计基础 2.1 C#程序 2.1.1 C#程序的结构 第一篇窗口与界面编程 7 2.1.2 C# IDE 的代码设置 2.2 变量 2.2.1 定义 2.2.2 值类型 2.2.3 引用类型 2.3 变量规则 2.3.1 命名规则和命名习惯 2.3.2 ...
第2章 C# 3.0程序设计基础 2.1 C#程序 2.1.1 C#程序的结构 2.1.2 C# IDE的代码设置 2.2 变量 2.2.1 定义 2.2.2 值类型 2.2.3 引用类型 2.3 变量规则 2.3.1 命名规则和命名习惯 2.3.2 声明并初始化变量 2.3.3 数组 ...
第2章 C# 3.0程序设计基础 2.1 C#程序 2.1.1 C#程序的结构 2.1.2 C# IDE的代码设置 2.2 变量 2.2.1 定义 2.2.2 值类型 2.2.3 引用类型 2.3 变量规则 2.3.1 命名规则和命名习惯 2.3.2 声明并初始化变量 2.3.3 数组 ...
第2章 C# 3.0程序设计基础 2.1 C#程序 2.1.1 C#程序的结构 2.1.2 C# IDE的代码设置 2.2 变量 2.2.1 定义 2.2.2 值类型 2.2.3 引用类型 2.3 变量规则 2.3.1 命名规则和命名习惯 2.3.2 声明并初始化变量 2.3.3 数组 ...
第2章 C# 3.0程序设计基础 2.1 C#程序 2.1.1 C#程序的结构 2.1.2 C# IDE的代码设置 2.2 变量 2.2.1 定义 2.2.2 值类型 2.2.3 引用类型 2.3 变量规则 2.3.1 命名规则和命名习惯 2.3.2 声明并初始化变量 2.3.3 数组 ...
第2章 C# 3.0程序设计基础 2.1 C#程序 2.1.1 C#程序的结构 2.1.2 C# IDE的代码设置 2.2 变量 2.2.1 定义 2.2.2 值类型 2.2.3 引用类型 2.3 变量规则 2.3.1 命名规则和命名习惯 2.3.2 声明并初始化变量 2.3.3 数组 ...
◆ 176.htm 你也可以YAI--VB5中Winsock控件的使用 ◆ 177.htm 判断一个文件是否在IE的缓存中 ◆ 178.htm 启动拨号网络中的连接 ◆ 179.htm 浅谈HTTP协议(二)--返回值 ◆ 180.htm 浅谈...
经验04 数据库设计经验谈 经验05 项目实战经验谈 第2篇 陷阱或谬误篇 第3章 不可忽视的30个技术陷阱 陷阱01 版本不一致产生的陷阱 陷阱02 结构初始化产生的陷阱 陷阱03 传递派生类产生的陷阱 陷阱04 用DataReader...
在JavaSE完成之后,可以试着完成一些小项目,同时关注一下设计模式的内容,不必强求自己能够完全掌握各种细节,往前走吧。 掌握一种编程工具,比如说Eclipse。 数据库,可以选择使用Oracle或者MySQL开始 。 JDBC...