在线
询问

免费
试听

线上线下
随时学

会员
订阅

顶部

全部课程> HTML网页设计基础

HTML网页设计基础

  • 30课时(建议每周学习2小时)
  • 自主模式

已有2783人报名学习

  • 课程概览
  • 授课讲师
  • 课程大纲
  • 实验列表
    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
天数上课日期上课时间内容
相关课件 更多
  • 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


课程名称:
HTML网页设计基础
课程现价:
0
支付方式:
支付宝支付
微信支付
确认支付
支付剩余时间: 15:00
视频试听
购买课程
当前课程仅限高级会员学习!
成为会员
取消