考试内容与知识体系
模块一:网页设计基础(占比15%)
- 网站结构:首页/内页设计、导航栏规划、信息架构设计
- 视觉设计:色彩心理学、字体搭配原则、留白与对齐
- 用户体验:用户路径设计、反馈机制、无障碍设计基础(如alt属性、ARIA标签)
- 响应式概念:移动端优先、视口设置、弹性布局思想
模块二:HTML5结构与语义(占比20%)
- 文档声明与基本结构:、html、head、body
- 语义化标签:header、nav、main、article、section、aside、footer
- 表单元素:input类型、表单验证属性(required、pattern、minlength)
- 多媒体标签:audio、video、canvas基础应用
- 新特性: Drag & Drop API、LocalStorage基础
模块三:CSS3样式与布局(占比25%)
- 盒模型:content、padding、border、margin及其计算
- 定位:relative、absolute、fixed、sticky区别与应用场景
- Flex布局:flex-direction、justify-content、align-items、flex-wrap等核心属性
- CSS3新特性:transform、transition、animation基础、calc()函数
- 响应式单位:rem、vw/vh、媒体查询(@media)
模块四:JavaScript基础(占比20%)
- 语法基础:变量(let/const)、数据类型、运算符、控制流(if/for)
- DOM操作:document.getElementById、querySelector、innerHTML、textContent
- 事件处理:addEventListener、事件对象、事件冒泡与捕获
- 函数与对象:函数声明/表达式、this指向、对象属性访问
- 异步基础:setTimeout、Promise基础概念
模块五:开发规范与工具(占比20%)
- 代码规范:缩进、命名规范(camelCase、kebab-case)、注释原则
- 调试工具:Chrome DevTools使用(Elements、Console、Network)
- 版本控制:Git基础命令(init、add、commit)
- 性能优化:图片懒加载、代码压缩、CDN使用概念
- 安全基础:XSS与CSRF基础防护意识