- 课程概览
- 授课讲师
- 课程大纲
- 实验列表
- 课程概览
- 授课讲师
- 课程大纲
- 实验列表
HTML网页设计基础
本课程使学生较为全面地掌握网页设计与制作技术，从而能创建出具有个性的、功能较为完善的、具有良好视觉效果的网站，与此同时，通过对网页创意及制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。通过本课程的学习，能熟练使用vscode软件，能在网页中插入图像、表格等；能了解CSS概念，熟悉常用的CSS属性。
课程概览
授课讲师
专业成就： 拥有华为双IE专家资格认证，在云计算与云服务领域具有专业权威。 技术文章《云上主机安全设计》获得业界认可，阅读量达1700次。 教学风格： 授课方式通俗易懂，强调互动，营造生动有趣的课堂氛围。 通过课后讨论，加深学生对技术的理解，提升学习热情。 学术地位： 作为高校客座教授，享有学术界和业界的广泛认可。 擅长技术领域： 精通云计算架构设计、云服务管理与优化。 擅长云主机安全策略规划与实施。 熟练掌握虚拟化技术、容器化部署和自动化运维。
课程大纲
- 第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
第1讲网页设计概述
大小：776.62KB
2023-08-04
-
pptx
第2讲HTML语言基础
大小：805.23KB
2023-08-04
-
pptx
第3讲表单的应用
大小：817.51KB
2023-08-04
-
pptx
第4讲CSS选择器
大小：790.97KB
2023-08-04
-
pptx
第5讲CSS样式基础
大小：887.91KB
2023-08-04
-
pptx
第6讲CSS布局
大小：782.58KB
2023-08-04
971957201
18503067430