# web design **Repository Path**: zheming6/web-design ## Basic Information - **Project Name**: web design - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-03-24 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ### 丰富内容，提供独特的标题 - 对于每个网页，用简短的内容去描述，并且要与别的页面区分开 #### 示例 - 主页标题 - [x] Space Teddy Inc. - 主页标题跟页面名称 - [x] Latest News • Space Teddy Inc. - 主页标题跟页面名称的流程中的步骤 - [x] Buy Your Bear (Step 1 of 3) • Space Teddy Inc. ### 多标题简化内容分清段落内容 - 使用小标题将相关段落分组，并清楚地描述各组内容，用好理解的标题去表达分组内容。 #### 示例 - 未使用多标题 ![image](https://images.gitee.com/uploads/images/2020/0324/103004_7d8d6d95_2233097.png) - 使用多标题 ![image](https://images.gitee.com/uploads/images/2020/0324/103007_f9987d00_2233097.png) ### 链接文字要有意义 - 使用链接是要有意义，尽量避免“单击此处”或者“阅读更多”此类。 #### 示例 - 无意义 - [x] 有关设备独立性的更多信息，[单击此处](https://note.youdao.com/) - 有意义 - [x] 阅读，[有关设备独立性](https://note.youdao.com/)的更多信息 ### 图片要有丰富且有意义的替换文本 - 对于每个图像，编写提供图像信息或功能的替代文本。对于纯装饰性图像，无需编写替代文本。 #### 示例 - 无信息的替换文本 ![image](https://images.gitee.com/uploads/images/2020/0324/103007_50b57f2f_2233097.png) 为手机充电：使用随附的电缆和电源适配器将手机连接至电源插座。 图片的替代文本：“正在为手机充电” - 有信息的替换文本 ![image](https://images.gitee.com/uploads/images/2020/0324/103007_50b57f2f_2233097.png) 为手机充电：使用随附的电缆和电源适配器将手机连接至电源插座。 图片的替代文本：“将电缆插入电话的底部边 ### 创造多媒体文字记录和字幕 - 对于纯音频内容（例如播客），请提供文字记录。对于音频和视频内容（例如培训视频），也提供字幕 ### 提供明确的指示 - 确保说明，指导和错误消息清晰，易于理解，并避免不必要的技术性语言。描述输入要求，例如日期格式。 #### 示例，说明用户需要提供的信息 密码至少应包含六个字符，并且至少包含一个数字（0-9）。 密码 [ ] #### 示例，指示错误并且提供解决方案 1.[用户名“ superbear”已在使用中。]() 2.[ 密码必须至少包含一个数字。]() ### 保持内容简洁明了 - 撰写简短明了的句子和段落。 - 避免使用不必要的复杂单词和短语。考虑为读者可能不知道的术语提供词汇表。 - 首次使用时请缩写。例如，Web内容可访问性指南（WCAG）。 - 考虑为读者可能不知道的术语提供词汇表。 - 适当使用列表格式。 - 考虑使用图像，插图，视频，音频和符号来帮助阐明含义。 #### 示例 - 不易理解 CPP：万一发生车辆碰撞，公司指派的代表将寻求查明所涉各方财产的损害程度和原因。一旦我们的代表获得使我们了解因果关系的信息，我们可能会分配也可能不会分配适当的货币补偿。最终的决定可能会出现以下选择之一：索赔未获批准并被指定为拒绝状态，索赔的状态不明确，在进一步处理之前将需要其他信息，部分索赔已获批准并且减免了付款。分配和签发，或者索赔已完全批准，并且分配了总索赔付款。 - 更加容易理解 索赔处理程序（CPP）：如果您发生车祸，我们的代理商将进行调查。调查结果将确定任何索赔款项。这可能导致： - 批准的索赔-全额付款 - 部分批准的索赔-减少付款 - 未确定的索偿-需要更多信息 - 索赔被拒-不付款 ![image](https://images.gitee.com/uploads/images/2020/0324/103005_572f2938_2233097.png) ### 点评部分 - 点评网站:[苹果官网](https://www.apple.com.cn/) - ### 使用了内容丰富独特的页面标题 ![image](https://images.gitee.com/uploads/images/2020/0318/135425_0934d318_2233400.png "标签.png") ![image](https://images.gitee.com/uploads/images/2020/0318/135931_3c57ba98_2233400.png "标签2.png") ![image](https://images.gitee.com/uploads/images/2020/0318/140057_7b705b42_2233400.png "标签3.png") - ### 使用了内容丰富独特的页面标题 ![image](https://images.gitee.com/uploads/images/2020/0318/140608_53cafd8f_2233400.png "标题和副标题.png") - ### 使用了有意义的链接文字 ![image](https://images.gitee.com/uploads/images/2020/0318/141116_77c8ed2d_2233400.png "文字链接.png") - ### 使用了内容丰富的图片替代文本 ![image](https://images.gitee.com/uploads/images/2020/0318/142917_4096de3c_2233400.png "替代文字.png") - ### 提供明确的指示 ![image](https://images.gitee.com/uploads/images/2020/0318/144328_f2edf3bb_2233400.png "错误指引.png") - ### 内容简介明了 ![image](https://images.gitee.com/uploads/images/2020/0318/144616_bf273618_2233400.png "简介的文字.png")