对网页视觉设计作用的常见误解(二)
发布时间:2015-06-03 12:06  已被人阅读    分享到:
对网页视觉设计作用的常见误解(二)
 
典享网络专业从事上海网站建设,上海网站设计,上海网站推广,上海网站制作,上海网站改版,上海网站运营,上海微信代运营,网站建设,微信运营,网站托管,网站SEO多年。我们不断总结最新的建站及其seo方法,对此我们总结出很多心得。
 
7. Footer
 
“Footer”包含网站的一些附加信息,这部分还可以命名为: “copyright“.
 
二.需要注意的几点:
 
1.尽量考虑为元素命名其本身的作用或”用意”,达到语义化。不要使用表面形式的命名. 如:red/left/big等。
 
2.组合命名规则:
 
[元素类型]-[元素作用/内容]
 
如:搜索按钮: btn-search
 
登录表单:form-login
 
新闻列表:list-news
 
3.涉及到交互行为的元素命名:
 
凡涉及交互行为的元素通常会有正常、悬停、点击和已浏览等不同样式,命名可参考以下规则:
 
鼠标悬停::hover 点击:click 已浏览:visited
 
如:搜索按钮: btn-search、btn-search-hover、btn-search-visited
 
三.Photoshop图层结构规范:
 
Photoshop图层命名遵循树形结构,凡某元素组成的图层大于3层,即可形成组,所有图层尽量避免使用默认命名(图层+编号)。
 
第一级图层结构如下图:
 
第二级结构图例(医院网站):
 
第三级结构图例及效果图对比(医院新闻栏目):
 
四.常用命名汇总:
 
页头:header 登录条:loginbar 标志:logo 侧栏:sidebar 广告条:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 下拉菜单:dropMenu 工具条: toolbar 表单:form 栏目:column 箭头:arrow 搜索:search 搜索按钮:btn-search 滚动条:scroll 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 链接:links 页脚:footer 服务:service 热点:hot 新闻:news 下载:download 注册:regsiter 状态:status 按钮:btn 投票:vote 合作伙伴:partner 版权:copyright 网站地图: sitemap
 
典享网络相信,用心掌握并很好的利用上述网站建设、SEO 技巧,可使网站的关键词排名得到明显的改善和提高。我们也期待在今后的时间里能与更多客户合作。


 
本文分享地址:/news/2/1921.html上海网站建设,上海网站制作,上海建站公司,网络运营推广,微信代运营|典享网络典享NET编辑,转发请注明来源及版权归属。
上一篇:对网页视觉设计作用的常见误解(一) 【关闭】
下一篇:三点决定你的网站