网页设计图片被打乱_网站设计图片规范命名

一、网页命名规则

头尾结构

使用下划线分隔图片名称为两部分：

头部：

表示图片的设计大类性质（如 `banner`、`logo`、图片`menu`、被打`button` 等）；

尾部：补充图片的乱网具体含义或来源（如 `sohu.gif`、`sina.gif`）。站设

命名格式

全称采用“类别+标识符”的计图形式，例如：

`banner_sohu.gif`（顶部广告，片规来源Sohu）；

`menu_job.gif`（导航菜单，范命链接到职业相关页面）。网页

大小写规范

建议使用全小写，设计避免大小写混淆（如 `Banner_Sohu.gif` 改为 `banner_sohu.gif`）。图片

二、被打分类示例

| 类型 | 命名规范 | 示例 |

|--------------|------------------------|--------------------|

| 顶部广告 | banner_XXX.gif | banner_sohu.gif |

| 标志 | logo_XXX.png | logo_police.png|

| 菜单 | menu_XXX.gif | menu_aboutus.gif |

| 按钮 | button_XXX.gif | button_login.gif|

| 装饰图片 | pic_XXX.jpg| pic_people.jpg |

| 标题图片 | title_XXX.gif | title_news.gif |

三、乱网补充说明

可扩展性

当类别较多时，站设可用拼音或首字母表示（如 `nav_home` 替代 `nav_homepage`）。

避免特殊字符

不使用空格、连字符等特殊字符，防止文件名解析错误。

关联文件命名

脚本文件使用功能描述命名（如 `ad.js`、`pop.js`）；

动态文件遵循“描述+扩展名”规则（如 `news.php`、`login.php`）。

四、注意事项

版权声明：

文件名应与版权信息一致（如 `copyright_2023.png`）；

路径规范：建议将图片放置在统一目录（如 `images/`），便于管理和维护。

通过遵循以上规范，可提升网站的可维护性、可读性，并确保团队协作效率。