Html网页设计_博睿谷IT在线学习

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

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节网页与网站试听

视频名称: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网页设计

课程概览

授课讲师

课程大纲

实验列表

相关课件 更多

相关课程

相关课件更多