- 课程概览
- 授课讲师
- 课程大纲
- 实验列表
- 课程概览
- 授课讲师
- 课程大纲
- 实验列表
Html网页设计
加入购物车
本课程使学生较为全面地掌握网页设计与制作技术，从而能创建出具有个性的、功能较为完善的、具有良好视觉效果的网站，与此同时，通过对网页创意及制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。通过本课程的学习，能熟练使用vscode软件，能在网页中插入图像、表格等；能了解CSS概念，熟悉常用的CSS属性。
课程概览
本课程第1章网页设计概述中介绍了网页中的一些情况，网页与网站的关系，在课程第2章HTML语言基础里讲解了文本、图像、超链接等，在第3章表单的应用中讲解了表单属性以及应用，在第4章CSS选择器中，介绍了选择器的使用、特性、以及如何应用选择器，在第5章CSS样式基础中，可以了解样式属性，如常见的文字和段落样式，在第6章CSS布局介绍了如何布局出页面效果和常用属性的使用，在第7章中介绍了flex布局，以及如何使用这个flex布局，在第8章媒体查询中讲解了不同设备间应用不同样式的响应式布局，在第9章过渡、变形、动画中，讲解了css样式的一种深层次的应用，在第10章小米商城首页中讲解了一个首页如何制作的。
授课讲师
熟悉vueJS、React等主流MVC、MVVM框架；掌握localStorage、sessionStorage等前端存储方案，记录用户操作习惯或常用数据，从而降低HTTP请求，提升用户体验；熟练使用Bootstarp框架，通过栅格系统快速布局响应式页面以适应不同设备；熟练使用Ajax，实现异步页面无刷新抽取数据，同步校验数据；熟练使用jQuery框架，实现页面的交互效果，提高用户体验；熟练使用HTML5和CSS3，实现应用一站式跨屏（PC端与移动端）开发；熟练使用HTML、CSS、等前端技术，完成网页静态布局，开发兼容主流浏览器的页面，以及实现页面的交互，提升用户体验；了解node.js，利用其搭建简单的服务器。
课程大纲
- 第1章网页设计概述
-
第1节 网页与网站 试听
-
第2节 网页中的元素 试听
-
第3节 网页的制作工具
-
第4节 网页设计的基本流程
- 第2章HTML语言基础
-
第1节 Html概述
-
第2节 文本的编辑
-
第3节 图像编辑
-
第4节 超链接
-
第5节 表格与框架
- 第3章表单的应用
-
第1节 表单概述
-
第2节 表单元素
-
第3节 表单的输入类型
-
第4节 表单属性
-
第5节 表单验证
- 第4章CSS选择器
-
第1节 了解CSS样式
-
第2节 CSS样式语法
-
第3节 CSS样式选择器
-
第4节 应用CSS样式的4种方式
-
第5节 CSS样式的特性
- 第5章CSS样式基础
-
第1节 文字样式
-
第2节 段落样式
-
第3节 背景颜色和背景图像
-
第4节 列表样式
-
第5节 边框样式
-
第6节 超链接样式伪类
- 第6章CSS布局
-
第1节 浮动
-
第2节 相对定位
-
第3节 绝对定位
-
第4节 固定定位
- 第7章Flex布局
-
第1节 Flex概述
-
第2节 Flex在父元素上的应用
-
第3节 Flex在子元素上的应用
- 第8章媒体查询
-
第1节 媒体查询概述
-
第2节 媒体查询的基本结构
-
第3节 媒体特性规则
-
第4节 更复杂的媒体查询
- 第9章过渡、变形、动画
-
第1节 过渡
-
第2节 变形
-
第3节 动画
- 第10章小米商城首页制作
-
第1节 顶部导航栏
-
第2节 导航栏
-
第3节 轮播图
-
第4节 中间块和右侧工具条
实验列表
- 实验名称Hello Word
- 实验描述掌握如何运行到页面
- 实验名称古诗词鉴赏
- 实验描述用html结构设计出古诗词的展示效果
- 实验名称个人简历
- 实验描述个人简历的制作
- 实验名称css样式简单练习
- 实验描述对小米侧边栏进行仿写
- 实验名称导航条
- 实验描述用浮动对导航栏进行仿写
- 实验名称家电电器的左侧导航条
- 实验描述对家电电器页面的左侧导航条进行仿写
- 实验名称商品价格小图
- 实验描述对淘宝的一个页面用flex小图进行仿写
- 实验名称浏览器视窗更改大小变颜色
- 实验描述浏览器视窗大小的更改会改变颜色
- 实验名称杠铃摇晃
- 实验描述用动画属性设置出杠铃摇晃的效果
- 实验名称综合案例
- 实验描述一段文章
| 节数 | 上课时间 | 星期一 | 星期二 | 星期三 | 星期四 | 星期五 | 星期六 | 星期天 |
|---|---|---|---|---|---|---|---|---|
| 第1节 | 08:00 - 08:40 | |||||||
| 第2节 | 09:00 - 09:40 | |||||||
| 第3节 | 10:00 - 10:40 | |||||||
| 第4节 | 11:00 - 11:40 | |||||||
| 第5节 | 14:00 - 14:40 | |||||||
| 第6节 | 15:00 - 15:40 | |||||||
| 第7节 | 16:00 - 16:40 | |||||||
| 第8节 | 17:00 - 17:40 |
| 天数 | 上课日期 | 上课时间 | 内容 |
|---|
相关课件 更多
-
pptx
第10讲小米商城首页制作
大小：7.67MB
2023-05-21
-
pptx
第9讲过渡、变形、动画
大小：2.58MB
2023-05-21
-
pptx
第8讲媒体查询
大小：779.94KB
2023-05-21
-
pptx
第7讲Flex布局
大小：777.51KB
2023-05-21
-
pptx
第6讲CSS布局
大小：782.58KB
2023-05-21
-
pptx
第5讲CSS样式基础
大小：887.91KB
2023-05-21
020-38289118 转 171
971957201