视频教程  > 基础班教程  > HTML5

【零基础】从入门到精通,一周掌握HTML+CSS网页开发

讲师介绍



5821a9dd9c5fb.png


蓝明周高级讲师

资深网站工程师,多年的网站开发经验,曾为大自然家居等国内外企业客户服务,为多家企业独立担当网站设计、页面架构、网站后台搭建工作。

深入掌握XHTML/HTML5、CSS/CSS3、JavaScript等前端技术,以及jQuery、Bootstrap、Less等前端框架。项目经验丰富,深刻理解web标准,对前端技术有深刻的了解和实践经验,擅长解决兼容性问题,同时擅长SEO搜索引擎优化。

授课气氛轻松有趣易懂,思路严谨逻辑性强,让知识点深入浅出,注重理论与案例结合促进学生吸收。了解学生不同阶段的学习情况,可针对学生学习情况开发课程,备受学生称赞与喜欢。


课程介绍


本课程专为零基础学员准备,从网页基础深入到网页布局开发。课程内容讲解详细,注重细节,让你从入门到精通,一周时间掌握HTML+CSS网页开发。经过学习与实战,可独立开发出高质量的静态网页项目。


适用人群


零基础学员,前端爱好者,网页设计爱好者等。


课程大纲

第一章:HTML基础

01课程介绍及素材获取

02HTML简介与网页基本结构

03Dreamweaver开发工具

04网页基本结构介绍

05标题和段落标签

06标签属性和文字控制标签

07标签小练习

08body标签的属性

09bui标签和空格换行特殊字符

10新闻案例练习

11图片控制标签

12无序列表标签

13有序列表标签

14定义列表标签


第二章:HTML基础

15相对路径讲解

16百度热点新闻练习

17超链接标签

18表格标签

19table标签的属性

20tr和td标签的属性

21细线表格制作

22电脑配件排行榜

23电脑配件排行榜

24表格数据分组和表格合并

25下拉菜单标签

26form表单基础

27form表单基础二

28表单案例练习

29表单案例练习


第三章:CSS基础

30CSS简介

31CSS语法

32盒子标签和实体化标签

33标签的显示模式

34行内块特点

35CSS的内外间距属性

36边框属性基础

37边框属性练习

38CSS的bui属性

39CSS基础选择器

40类和id练习

41通配符选择器和清空默认间距

42基础选择器的权重关系

43标签水平居中对齐

44内外边距属性的简写方式


第四章:网页布局基础

45背景属性讲解

46里约主题页练习

47背景属性简写方式

48后代选择器

49并集选择器

50交集选择器

51行高属性详解

52网页布局-浮动属性

53网页布局-排版练习

54网页布局-总结

55超链接伪类

56网页导航制作


第五章:网页制作实战

57网页制作实战-准备工作

58网页制作实战-实体化结构

59网页制作实战-header分区

60网页制作实战-header分区

61网页制作实战-nav分区

62网页制作实战-news分区

63网页制作实战-content分区

64网页制作实战-footer分区

65css继承性和层叠性

66文本缩进和字词间距属性

67复合选择器的权重关系

68溢出隐藏属性

69外边距塌陷


第六章:网页布局专题

70自定义列表样式基础

71时事热闻练习

72深刻理解盒子模型

73标准流和浮动流

74深刻理解浮动流

75相对定位和绝对定位

76绝对定位使用原则

77固定定位

78对联广告案例

79z-index属性


第七章:CSS综合技术

80emmet插件

81滑动门技术基础

82自适应滑动门一

83自适应滑动门二

84自适应滑动门三

85css精灵技术简介

86css精灵技术应用

87浮动塌陷

88CSS的书写位置-内嵌式

89CSS的书写位置-链接式

90CSS的书写位置-行内式

91结束语

获取方式

网页开发.jpg


0.0304s