HTML网页设计基础培训课程

课程概览
授课讲师
课程大纲
实验列表

HTML网页设计基础

课程概览
授课讲师
课程大纲
实验列表

本课程使学生较为全面地掌握网页设计与制作技术，从而能创建出具有个性的、功能较为完善的、具有良好视觉效果的网站，与此同时，通过对网页创意及制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。通过本课程的学习，能熟练使用vscode软件，能在网页中插入图像、表格等；能了解CSS概念，熟悉常用的CSS属性。

课程概览

本课程第1章网页设计概述中介绍了网页中的一些情况，网页与网站的关系，在课程第2章HTML语言基础里讲解了文本、图像、超链接等，在第3章表单的应用中讲解了表单属性以及应用，在第4章CSS选择器中，介绍了选择器的使用、特性、以及如何应用选择器，在第5章CSS样式基础中，可以了解样式属性，如常见的文字和段落样式，在第6章CSS布局介绍了如何布局出页面效果和常用属性的使用，在第7章中介绍了flex布局，以及如何使用这个flex布局，在第8章媒体查询中讲解了不同设备间应用不同样式的响应式布局，在第9章过渡、变形、动画中，讲解了css样式的一种深层次的应用，在第10章小米商城首页中讲解了一个首页如何制作的。
HTML网页设计是一个涉及多个方面的过程，包括网页的结构布局、内容展示、样式美化等。
HTML基础知识：

HTML（HyperText Markup Language，超文本标记语言）是网页的骨架，它定义了网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。例如，<p>标签用于定义段落，<h1>到<h6>标签用于定义不同级别的标题，<a>标签用于创建超链接等。一个基本的HTML文档结构包括文档类型声明（DOCTYPE）、html元素、head元素和body元素。

授课讲师

黄老师

专业成就：拥有华为双IE专家资格认证，在云计算与云服务领域具有专业权威。技术文章《云上主机安全设计》获得业界认可，阅读量达1700次。教学风格：授课方式通俗易懂，强调互动，营造生动有趣的课堂氛围。通过课后讨论，加深学生对技术的理解，提升学习热情。学术地位：作为高校客座教授，享有学术界和业界的广泛认可。擅长技术领域：精通云计算架构设计、云服务管理与优化。擅长云主机安全策略规划与实施。熟练掌握虚拟化技术、容器化部署和自动化运维。

课程大纲

第1章网页设计概述
第1节网页与网站

视频名称:1.1网页与网站.mkv
第2节网页中的元素

视频名称:1.2网页中的元素.mkv
第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

天数	上课日期	上课时间	内容

HTML网页设计基础

课程概览

授课讲师

课程大纲

实验列表

相关课件 更多

相关课程

相关课件更多