- 浏览: 2612971 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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 1218最近客户端内嵌的页面发现了 X-Frame-Opt ... -
HTML实体字符列表
2014-08-08 17:55 918最近在研习he这个Node包,里面提到了一些不错 ... -
object各标签的参数和值
2013-11-09 15:06 1289相比而言,现在flash object用的相对不 ... -
seo相关的meta设置revisit-after
2013-02-27 13:46 1783revisit-after ----- ... -
HTML标签之object
2012-11-06 22:03 1509本文简单记录一下object标签相关内容 1、定义和用 ... -
说说DTD(doctype)
2012-09-24 21:01 1198其实在很多场合说过这个点了,但是没有系统的介绍一下,还是简单说 ... -
关于X-UA-Compatible
2012-07-07 16:28 13751、what is X-UA-Compatible ? ... -
html<td>标签的nowrap属性
2012-07-02 20:50 1603HTML <td> 标签的 nowrap 属 ... -
HTML rel canonical属性值
2012-05-13 15:54 1773这个可能很多专门做seo优化的人应该比较清楚,下面我简单介绍 ... -
autocomplete属性
2012-05-02 10:59 1917简单记录,个人积累。 1、定义: ... -
mailto的介绍
2012-02-28 16:41 2152HTML支持邮件链接,我们可以如下的进行设置a标签: ... -
html字符实体
2011-12-16 11:29 1565HTML 字符实体 1、 什么是字符实体? ... -
从块级元素和内联元素浅谈标签的嵌套规则
2011-12-10 22:14 5888从一个问题说起吧------------div能不能放在p标签 ... -
html浅谈之图像映射
2011-09-25 12:24 3714或许做前端到现在你没有接触过图像映射这个东东,但是如果你是一个 ... -
html之浅谈link标签的奇葩属性和标准规范性
2011-09-22 14:27 1698今天在某一个大型网站的demo里面看到这么一段 ... -
最近看的一篇文章-学习转载一下(页面html,head,body标签如果没有)
2011-03-14 13:15 2521最近逛博文的时候看见一篇个人觉得比较有创意的博文,学习分享一下 ...
相关推荐
HTML和CSS是构建网页设计和布局的两大核心技术。HTML(HyperText Markup Language)负责结构化内容,而CSS(Cascading Style Sheets)则用于样式控制和视觉表现。本压缩包包含三部分培训材料:《html+css培训(一)....
「浅谈蒙古文网页设计」 蒙古文网页设计是指在网页设计中使用蒙古文文字的设计方法和技术。蒙古文是一种特殊的文字,其书写习惯是从上到下、从左到右的顺序拼写显示出来。因此,我们需要借助层叠样式表(CSS)的...
《浅谈Dreamweaver在网页设计中的应用》 网页设计作为互联网时代的重要组成部分,已经成为信息传播和交互的关键途径。随着计算机技术和网络的不断发展,网页设计的工具也在不断进化,其中Dreamweaver以其独特的功能...
【Flash动画设计】\n\nFlash动画设计,作为20世纪末至21世纪初互联网艺术的代表性形式,是由MACROMEDIA公司在1996年推出的一款强大的网页动画设计工具。这款软件在中国迅速兴起,引领了一股“Flash热”,不仅在动漫...
"浅谈用HTML和JavaScript修饰Web页.pdf" 本文主要讨论如何使用HTML和JavaScript修饰Web页,提高Web页的交互性和用户体验。HTML是静态网页的基础,而JavaScript可以使网页更加交互性。文章首先介绍了HTML的基本概念...
网页特效设计是网页设计中的一种重要技术,它可以提高网页的交互性和视觉效果,提高用户的体验度。同时,J avaScr i pt 脚本语言是网页特效设计的核心技术之一,它具有许多优点和特点,非常适合初学者学习和应用。
在探讨《HTML5智能手机UI布局浅谈》这一主题时,我们深入分析了HTML5在智能手机用户界面设计中的应用,以及它如何改变了移动Web开发的格局。以下是对标题、描述及部分文档内容中提及的关键知识点的详细解读。 ### ...
浅谈企业网站的设计与建设 本文旨在通过某企业网站的设计和建设的实例,详细阐述网站建设的方法与过程,将理论与实践相结合,构建出一个具有借鉴性的网站设计框架,对当前互联网高速发展而催生出的新兴行业——网络...
浅谈在WEB网页上使用VBScript和JScript.pdf 本文讨论了在WEB网页设计中如何选择和使用VBScript和JScript。VBScript是Visual Basic的子集,用于在浏览器中进行工作,具有简单易学的特性。JScript是JavaScript的一种...
这个“浅谈HTML5在游戏开发中的应用”电子教程可能涵盖了HTML5在游戏开发领域的关键技术和策略,尽管它不涉及具体的编程细节或HTML5的每个特性。 首先,HTML5的游戏开发优势在于它的跨平台兼容性。由于HTML5是基于...
例如,前端开发通常会采用CSS、HTML、JavaScript等技术,以简洁化代码实施开发,并借助微信小程序提供的目录结构和页面逻辑(wxml)以及样式表(wxss)进行界面设计。而后端开发则涉及到数据库的选定和服务器端逻辑...
但大部分用HTML做网站的人都曾经遇到过这样的问题:原本在自己的机器上排好版的网页,换到另外一台不同分辨率的显示器后就变了样,尤其是一部分字体变得很大,使原先设计的美观页面变了形。这是因为在网页文件中没有...
在当今互联网高速发展的大背景下,网页设计已经成为了信息传达和视觉美感的重要手段。伴随着用户对网页设计美感要求的不断提高,高职院校在进行网页美工教学时,面临着培养学生创新意识和设计潜能的挑战。为了有效地...
HTML5 和 CSS3 是现代网页开发的核心技术,它们引入了一系列创新的交互特性,极大地提升了用户体验和网页设计的可能性。HTML5 主要是对HTML4的扩展和改进,而CSS3则是在CSS2的基础上增加了许多新的样式规则。 ...
随着前端技术的发展,虽然大多数电商平台的页面设计不需要专业的代码编写技能,但从业者仍需具备一些基本的网页编辑能力。例如,了解HTML和CSS的基础知识,可以帮助美工更好地理解网页布局和颜色在显示器与实际印刷...
### ASP服务器脚本语言浅谈 #### 一、ASP的起源与定义 **ASP**(Active Server Pages)是由微软开发的一种服务器端脚本环境,用于创建动态网页或Web应用程序。它是一种简单而便捷的编程工具,使得开发人员能够轻松地...
5. **显示结果**:最终将填充数据的HTML页面呈现给用户。 #### 六、结论 通过使用如Smarty这样的模板引擎,开发者可以有效地实现PHP代码与页面显示的分离。这种方式不仅能够提高代码的可读性和可维护性,还能提升...
"浅谈关于JavaScript脚本语言的学习" JavaScript脚本语言的基本特点: 1. 简单性:JavaScript是一种解释性语言,不需要提前进行编译,在程序运行过程中由浏览器边解释边执行,因此不需要额外的运行环境。 2. 跨...
### 浅谈框架与MVC #### 架构的重要性及概念 在软件开发领域,架构设计扮演着至关重要的角色。良好的架构设计不仅能够确保软件系统的稳定性、可维护性和可扩展性,还能提升团队协作效率。正如文章所述,“好的产品...
《浅谈Web开发的深度》 Web开发,看似简单,实则深不可测。它涵盖了前端设计、交互实现、兼容性处理、代码优化等多个层面,每个环节都蕴含着丰富的技术细节和挑战。 首先,页面前端开发的基础在于实现视觉稿。这...