关于本课
1.1.
课程说明
1.2.
教学方式
1.3.
考核方式
1.4.
学习目标
1.5.
学习材料
1.6.
更多资源
示例项目
2.1.
什么是博客
2.2.
内容类型
2.3.
页面类型
2.4.
页面模板
2.5.
角色类型
2.6.
功能
2.7.
前台
2.8.
后台
2.9.
布局
2.10.
扩展功能
2.11.
设计风格
个人项目
3.1.
课程项目立项说明
3.2.
准备阶段
3.3.
检查点一
3.4.
检查点二
3.5.
检查点三
3.6.
检查点四
3.7.
项目评分标准
第1周：什么是web前端？
4.1.
Web基础知识
4.1.1.
从磁盘文件到Web网站
4.1.2.
什么是B/S架构？
4.1.3.
什么是URL？
4.1.4.
什么是WEB？
4.1.5.
形形色色的浏览器
4.2.
Web网站的架设(xampp)
4.2.1.
hello world
4.2.2.
多站点配置
4.2.3.
wordpress安装与体验
4.2.4.
xampp安装与常见故障
4.3.
Web网站的架设(phpstudy)
4.3.1.
hello world
4.3.2.
多站点配置
4.3.3.
wordpress安装与体验
4.3.4.
phpstudy安装与常见故障
4.4.
WEB前端开发工具
4.4.1.
浏览器
4.4.2.
编辑器
4.4.3.
原型工具
4.4.4.
Git
4.4.5.
Github
4.4.6.
Github Pages
4.4.7.
Web前端工作流程
4.4.8.
前端开发环境基础技能
4.5.
任务篇
4.5.1.
作业与讨论
4.5.2.
项目实训
第2周：HTML文档(上)
5.1.
什么是HTML？
5.2.
HTML语法
5.3.
HTML文档结构
5.4.
语义标记
5.5.
形形色色的语义标记
5.6.
搜索引擎
第2周：HTML文档(下)
6.1.
格式与转义
6.2.
元标记
6.3.
HTML版本
6.4.
Markdown
6.5.
任务篇
6.5.1.
作业与讨论
6.5.2.
项目实训
第3周：HTML站点
7.1.
链接
7.2.
文本与二进制文件
7.3.
多媒体
7.4.
框架
7.5.
任务篇
7.5.1.
作业与讨论
7.5.2.
项目实训
第4周：HTML表单
8.1.
表单
8.2.
控件
8.3.
任务篇
8.3.1.
作业与讨论
8.3.2.
项目实训
第5周 CSS基础
9.1.
什么是CSS?
9.2.
normalize.css
9.3.
什么是排印?
9.4.
字体
9.5.
屏幕
9.6.
度量
9.7.
颜色
9.8.
用户界面
9.9.
任务篇
9.9.1.
作业与讨论
9.9.2.
项目实训
第6周 CSS定位
10.1.
定型
10.2.
定位
10.3.
伪元素与伪类
10.4.
任务篇
10.4.1.
作业与讨论
10.4.2.
项目实训
第7周 CSS布局
11.1.
表格布局
11.2.
浮动布局
11.3.
栅格布局
11.4.
现代布局:弹性盒子
11.5.
现代布局:栅格盒子
11.6.
任务篇
11.6.1.
作业与讨论
11.6.2.
项目实训
第8周 前景与背景
12.1.
前景与背景
12.2.
背景图
12.3.
CSS精灵图
12.4.
图标字体
12.5.
任务篇
12.5.1.
作业与讨论
12.5.2.
项目实训
第9周 可访问性
13.1.
响应式设计
13.2.
视口 viewport
13.3.
媒体查询与布局
13.4.
图片及其它
13.5.
可访问性
13.6.
任务篇
13.6.1.
作业与讨论
13.6.2.
项目实训
第10周 Javascript基础
14.1.
什么是Javascript?
14.2.
Javascript基本功能
14.3.
Javascript基本语法
14.4.
Javascript的版本
14.5.
工具篇
14.5.1.
Jquery
14.5.2.
Jquery plugin
14.5.3.
CDN
14.6.
任务篇
14.6.1.
作业与讨论
14.6.2.
项目实训
第11周 文档对象模型
15.1.
DOM
15.2.
事件驱动
15.3.
DOM事件
15.4.
Jquery DOM
15.5.
任务篇
15.5.1.
作业与讨论
15.5.2.
项目实训
第12周 浏览器对象模型
16.1.
BOM
16.2.
阻塞、执行与渲染
16.3.
定时器
16.4.
任务篇
16.4.1.
作业与讨论
16.4.2.
项目实训
第13周 客户端状态与存储
17.1.
cookies
17.2.
客户端存储
17.3.
客户端 API
17.4.
任务篇
17.4.1.
作业与讨论
17.4.2.
项目实训
第14周 浏览器应用
18.1.
json
18.2.
Ajax
18.3.
前端文件包含
18.4.
前端模板
18.5.
前端路由与单页应用
18.6.
json server
18.7.
rest client
18.8.
bookmarklet
18.9.
任务篇
18.9.1.
作业与讨论
18.9.2.
项目实训
第15周 前端工程化上
19.1.
作用域与IIFE
19.2.
模块化与AMD
19.3.
node.js
19.4.
node环境构建
19.5.
客户端包管理bower
19.6.
服务端包管理npm
第15周 前端工程化下
20.1.
scss
20.2.
自动化构建gulp
20.3.
webpack
20.4.
esm
20.5.
任务篇
20.5.1.
作业与讨论
20.5.2.
项目实训
高级话题
21.1.
css-module
21.2.
post-css
21.3.
post-html
21.4.
前端架构
21.5.
前沿发展
Published with GitBook
项目实训
实训任务
响应式网页设计
可访问性
实训任务
响应式网页设计
选择个人项目中的某一个页面,不借助Bootstrap等框架,实现兼容移动端和PC端的响应式设计,要求包含如下几点
响应式布局
响应式文本
响应式图片
可访问性
选择个人项目中的某一个以文本为主的页面,面向以下设备或人群进行优化:
面向打印设备
面向视觉障碍人群
results matching "
"
No results matching "
"