风羽个人专属博客重新上线啦,欢迎访问~~

置顶:总结:Webrebuild 2010年会深圳站会议0人

分享:Webrebuild 2010年会深圳站会议报告

星期六 2015年3月21日 风羽 随笔 成长   0人
分享:Webrebuild 2010年会深圳站会议报告

会议开场

金秋大地,四城联动——8月21日,WebRebuild.ORG联合腾讯设计通道分会、腾讯ISD为中国前端从业者精心打造的技术盛宴“重构人生”之深圳站在腾讯大厦二楼多媒体会议厅如期举行。

本次交流会,旨在推广普及web标准化及周边前端技术。大会邀请到七位业界知名人士与同行一起交流分享,就基于PC、移动便携设备的web前端开发,研发流程,项目管理、商业应用等多个内容进行探讨。

DIV+CSS 命名规范

星期三 2015年3月18日 风羽 前端 DIV CSS   0人
DIV+CSS 命名规范

 常用的CSS命名规则:

头:header  内容:content/container  尾:footer  导航:nav  侧栏:sidebar

栏目:column  页面外围控制整体布局宽度:wrapper  左右中:left right center

登录条:loginbar  标志:logo  广告:banner  页面主体:main  热点:hot

新闻:news  下载:download  子导航:subnav  菜单:menu

HTML中小meta的大作用

星期日 2015年3月15日 风羽 前端 资源文档   0人
HTML中小meta的大作用

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:

分享文档:Div+CSS布局入门教程

星期四 2015年3月5日 风羽 前端 DIV CSS   0人
分享文档:Div+CSS布局入门教程

 这是刚入门DIV+CSS标准W3C布局的入门文档,很有价值的文档一直保存着。示例是一个经典的Blog页面,把它理解并做出来也就算是入门了。以下是详细内容:

在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图。

雅虎网页设计大致的工作流程

星期日 2015年2月1日 风羽 随笔 工作   0人
雅虎网页设计大致的工作流程

早些年的时候个人站长是比较流行的,所以那时候我也做了自己的网站,其实是就博客,主要发表一些与自己相关的内容。那时候刚学会了DIV+CSS布局,在工作中遇到的各种坑,在网站上一一记录与分享,最多就属于IE6兼容问题了,没办法当时的桌面主流就是IE6浏览器。