企业营销型网站建站专家
登录|会员中心|在线留言|在线客服|帮助中心|常见问题解答
咨询热线:400-716-8638
当前位置:首页 » 资讯中心 » 营销型网站设计 » 网页设计时图片如何命名

网页设计时图片如何命名

目录:营销型网站设计星级:3星级人气:-发表时间:2010-06-05 11:55:00
RSS订阅 文章出处:牛商网网责任编辑:s作者:s

  图片命名规则:

  1、导航命名:menu_****.gif如:menu_bg.gif(导航的背景图)

  2、会员登录:login_****.gif如:login_bg.gif(会员登陆的背景图)

  3、搜索命名:search_****.gif如:search_bg.gif(搜索的背景图)

  4、小图标:ico_数字.gif如:ico_001.gif

  5、线的命名:line_X_颜色.gif如:line_X_red.gif(红色横向虚线)说明:line只命名虚线

  line_Y_red.gif(红色纵向虚线)

  6、广告命名:ad_数字.gif如:ad_001.gif

  7、其它栏目的图片:以栏目名的第一个字母_****.gif

  如:xwzx_bg.gif(新闻中心背景)cpzx_l.gif(产品中心的左边图)

  8、产品与栏目热点图片:pic_数字.gif如:pic_001.gif

  说明:上、下、左、右可以缩写为T、B、L、R

  CSS标准化设计命名

  1、类class的命名规范示例

  头:header

  内容:content/container

  尾:footer

  导航:nav

  侧栏:sidebar

  栏目:column

  页面外围控制整体布局宽度:wrapper

  左右中:leftrightcenter

  登录条:loginbar

  标志:logo

  广告:banner

  页面主体:main

  热点:hot

  新闻:news

  子导航:subnav

  菜单:menu

  子菜单:submenu

  搜索:search

  友情链接:friendlink

  页脚:footer

  版权:copyright

  滚动:scroll

  内容:content

  标签页:tab

  文章列表:list

  提示信息:msg

  小技巧:tips

  栏目标题:title

  加入:joinus

  指南:guild

  服务:service

  注册:regsiter

  状态:status

  投票:vote

  合作伙伴:partner