做网站 就上宝华建站,wordpress更好后台登录logo,网站建设公司 南京,wordpress更改前端引用文件夹主要建立以下文件夹#xff1a; 1、Images 存放一些网站常用的图片#xff1b; 2、Css 存放一些CSS文件#xff1b; 3、Flash 存放一些Flash文件#xff1b; 4、PSD 存放一些PSD源文件#xff1b; 5、Temp 存放所有临时图片和其它文件#xff1b; …文件夹主要建立以下文件夹 1、Images 存放一些网站常用的图片 2、Css 存放一些CSS文件 3、Flash 存放一些Flash文件 4、PSD 存放一些PSD源文件 5、Temp 存放所有临时图片和其它文件 6、copyright 版权信息可选 8、readme 说明文件 css统一命名 注本CSS命名规则只适合物table制作模式下 1、 css文件统一放在css文件夹下命名css.css 2、 主样式定义body、table、td、tr、a 3、 链接样式定义link_white白色link_black 黑色link_blue 蓝色 等等 说明如有重复的后面加阿拉伯数字如 link_red01 有下划线的如linkred 4、 文字样式定义font_red 红色font_red_14 红色14号字font_red_14b 红色14号加粗 5、 边框样式定义border_red_tblr 红色四个边border_red_blr红色底左右三边border_red_lr红色左右两个边border_red_b 红色底一个边等等 6、 表单样式定义text_100 文本字段宽为100 textarea_200_red 文本区域宽为200有红色边框select_100 列表宽为100button_150 按钮宽150 说明表单用宽度定义在命名中最长写到“text_100_red” 7、 线的样式定义line_X 横线line_Y 竖线line_X_red 红色横线line_X_red2 两个像素的红色横线说明在line中只定义虚线实线在border中定义 8、 其它样式定义在这里主要定义一些个性化的样式 文件命名 head.asp 头文件 foot.asp 底文件 index.asp 首页文件 sort.html 分类嵌套文件 article_channel.asp 文章_频道页 article_list.asp 文章_列表页 article_detail.asp 文章_显示页 注明如果有多个文章频道则用article01 article02article03等等 exhibit_channel.asp 展会信息_频道页 exhibit_list.asp 展会信息_列表页 exhibit_detail.asp 展会信息_显示页 product_channel.asp 产品中心_频道页 product_list.asp 产品中心_列表页 prodect_detail.asp 产品中心_显示页 corporation_channel.asp 会员_频道页 corporation_list.asp 会员_列表页 corporation_detail.asp 会员_显示页 information_channel.asp 商机信息_频道页 information_list.asp 商机信息_列表页 information_detail.asp 商机信息_显示页 job_channel.asp 招聘_频道页 job_list.asp 招聘_列表页 job_detail.asp 招聘_显示页 hr_channel.asp 求职_频道页 hr_list.asp 求职_列表页 hr_detail.asp 求职_显示页 job_hr_channel.asp 人才中心_频道页 job_hr_lisr.asp 人才中心_列表页 job_hr_detail.asp 人才中心显示页 copyright.asp 版权页 图片命名 1、导航命名menu.gif 如menubg .gif导航的背景图 2、会员登录login.gif 如loginbg.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 如ad001.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 左右中left right center 登录条loginbar 标志logo 广告banner 页面主体main 热点hot 新闻news 下载download 子导航subnav 菜单menu 子菜单submenu 搜索search 友情链接friendlink 页脚footer 版权copyright 滚动scroll 内容content 标签页tab 文章列表list 提示信息msg 小技巧tips 栏目标题title 加入joinus 指南guild 服务service 注册regsiter 状态status 投票vote 合作伙伴partner 2、注释的写法 / Footer / 内容区 / End Footer / 3、id的命名规范示例 1页面结构 容器 container 页头header 内容content/container 页面主体main 页尾footer 导航nav 侧栏sidebar 栏目column 页面外围控制整体布局宽度wrapper 左右中left right center 2导航 导航nav 主导航mainbav 子导航subnav 顶导航topnav 边导航sidebar 左导航leftsidebar 右导航rightsidebar 菜单menu 子菜单submenu 标题 title 摘要 summary 3功能 标志logo 广告banner 登陆login 登录条loginbar 注册regsiter 搜索search 功能区shop 标题title 加入joinus 状态status 按钮btn 滚动scroll 标签页tab 文章列表list 提示信息msg 当前的 current 小技巧tips 图标 icon 注释note 指南guild 服务service 热点hot 新闻news 下载download 投票vote 合作伙伴partner 友情链接link 版权copyright 4、类class的书写规范示例 1颜色使用颜色的名称或者16进制代码如 .red { color red } .f60 { color #f60 } .ff8600 { color #ff8600 } 2字体大小直接使用font 字体大小作为名称如 .font12px { font-size 12px } .font9pt {font-size 9pt } 3对齐样式使用对齐目标的英文名称如 .left { floatleft } .bottom { floatbottom } 4标题栏样式使用类别 功能的方式命名如 .barnews { } .barproduct { } 5、CSS文件命名示例 主要的 master.css 模块 module.css 基本共用 base.css 布局版面 layout.css 主题 themes.css 专栏 columns.css 文字 font.css 表单 forms.css 补丁 mend.css 打印 print.css 6、注意事项 1一律小写 2尽量用英文 3不加中杠和下划线 4尽量不缩写除非一看就明白的单词
本文转载于:猿2048https://www.mk2048.com/blog/blog.php?idjaih2jtitle史上最全的HTML和CSS标签常用命名规则
