给网页设计初学者的视频课程：Html+CSS—2541人已学习
课程介绍
![]()
网页是通往所有资讯技术的入口，每个人每天都浏览无数的网页，因此从熟悉的开始，会让大家更能接受。同时，网页也是随学即用的技术，能够与工程师沟通、打造行销自己创意的舞台，也能增加就业机会与薪资谈判空间，因此学习网页程式将会是您佳的选择
课程收益
为您打造就算没有程式基础，也能够逐步学习获得网页排版技巧的扎实观念，诺浩学院的讲师将协助您成就更好的自己！
讲师介绍
苏朝辉 更多讲师课程
目前为谦悦科技有限公司担任企划副理，负责网站的前端开发企划，与网路行销规划，除了在各大专院校担任业界讲师外，也承包了许多大型系统网站开发，并能够把业界经验带进课程内容，且具备了十多年的教学经验。 工作经历：谦悦科技有限公司行销副理、尊博科技股份公司前端工程师、英格视觉整合有限公司前端工程师
课程大纲
第1章:免费网页编辑软件下载与安装教学
1. sublime Text3 介绍 1:50
2. 下载与安装 2:11
3. sublime Text3 好用外挂介绍与安装 9:11
第2章:从头认识HTML
1. HTML跟你看的不一样！ 2:00
2. HTML的头有什么? <head></head> 7:19
3. 头里面的<meta>跟<title></title> 4:38
4. 摸摸HTML的身体部分<body></body> 1:58
5. 我的第一个网页诞生了！ 6:16
6. 再来张漂亮的图片 5:03
7. 加入连结跟外面的世界互动吧！ 4:27
8. 完成其他页面的连结 4:30
9. 绕口令！利用清单完成选单。 6:44
第3章:CSS初探 - 网页的化妆师
1. CSS与HTML的关系介绍 1:37
2. css选择器的介绍 5:58
3. css类别选择器 - 随心所欲装扮我的网页 12:27
4. css标签选择器 - 让网页标签千变万化 3:55
5. css虚拟(伪类)选择器 - 我的网页连结不一样了！ 8:07
6. css识别选择器(id) - 独一无二专属为你 9:33
第4章:css应用 - 我家的网页版面要设计装潢
1. 开始隔间 - 网页版面分析 5:15
2. 室内隔间的规划 - 网页版面设计 6:51
3. 泥做师傅进驻 - div绝对单位(px)与相对单位(%)的区别 10:20
4. 木工师傅进驻 - css控制div与span标签 7:37
5. 水电师傅进驻 - 外距(margin)与内距(padding)的调整 9:43
6. 家具的摆设 - 其他css相关应用 7:07
第5章:开始我的第一个网页设计案
1. 首先！成立一个网站项目文件夹 4:53
2. 区块元素(block)与行内元素(inline)的不同 6:50
3. logo摆设与选单设计 - ul li的应用 11:32
4. 动手整理程序代码、程序代码批注、网页样板制作 12:56
5. 展示图片的设计 - 两栏、多栏版面设计，浮动(float)的应用 19:29
6. 页尾区块的设计 - 浮动(float)与清除浮动(clear)的使用 5:13
7. 让字漂浮在图片上 - 定位(position)的应用:relative和absolute 10:54
8. 文字position的位置调整：top, left, bottom, right 7:30
9. 让选单固定在上方 - css定位(position)的应用:fixed操作 3:20
第6章:好多数据哪里摆? 表格的应用
1. 表格与列： table, tr 3:46
2. 表格里面的表头跟单元格：th, td 3:09
3. 我的表格不一样：css与table的应用 8:23
4. 从DIV实现表格排版的设计 10:30
第7章:让我的网页看起来更漂亮
1. 网页图片常用文件格式介绍：jpg, gif, png 3:44
2. 背景的图片加载与长宽：background-url, background-size 6:19
3. 背景图片的重复显示：background-repeat 2:22
4. 背景图片位置的移动：background-position 3:25
5. 背景颜色的透明应用：background-color 6:08
6. 背景图片与img的差异 3:54
第8章:让用户联系我们 - 联络表单的应用
1. 表单架构的说明：form 8:12
2. 表单元素 label和input的应用：输入姓名、电话、Email 6:16
3. 表单元素select、option的应用：询问类别 3:03
4. 表单元素radio、checkbox的应用：性别、推荐的餐点 8:21
5. 表单元素textarea和submit的应用：输入更多的意见及填妥送出 4:07
6. 让我的表单更特别：css与form的应用 13:22
第9章:嘘~ 更多css密技！
1. 做出渐层不用图片 5:37
2. 做出圆角让画面更特别 2:44
3. 做出阴影让对象更立体 5:51
4. 解决css让你错乱的权重观念- css接近性 4:52
5. 解决css让你错乱的权重观念- css精确性 6:07
第10章:专业网页设计师才知道的秘密
1. 好的房子要有好的结构：网页内容架构的规划 7:40
2. seo初步概念：网页语言与标题的设定 4:41
3. seo初步概念：关键词跟网页叙述的设定 5:22
4. seo初步概念：HTML与图片的优化 8:32
第11章:大功练成！整体网站的拉皮。
1. 首页设计美化 8:07
2. 菜单页的设计美化 9:14
3. 餐厅环境页的设计美化 9:20
4. 交通信息页的规划：百度地图的崁入 9:37
第12章:免费网页资源共享
1. 免费在线图库下载：pixabay、unsplash、flickr.com 5:31
2. 免费在线icon下载：https://material.io/icons/、flaticon 3:38
3. 免费在线占位图片产生器：https://placem.at/ 4:33
4. 免费在线hml和css教学资源 3:44
大家可以点击【 查看详情】查看我的课程
课程介绍
网页是通往所有资讯技术的入口，每个人每天都浏览无数的网页，因此从熟悉的开始，会让大家更能接受。同时，网页也是随学即用的技术，能够与工程师沟通、打造行销自己创意的舞台，也能增加就业机会与薪资谈判空间，因此学习网页程式将会是您佳的选择
课程收益
为您打造就算没有程式基础，也能够逐步学习获得网页排版技巧的扎实观念，诺浩学院的讲师将协助您成就更好的自己！
讲师介绍
苏朝辉 更多讲师课程
目前为谦悦科技有限公司担任企划副理，负责网站的前端开发企划，与网路行销规划，除了在各大专院校担任业界讲师外，也承包了许多大型系统网站开发，并能够把业界经验带进课程内容，且具备了十多年的教学经验。 工作经历：谦悦科技有限公司行销副理、尊博科技股份公司前端工程师、英格视觉整合有限公司前端工程师
课程大纲
第1章:免费网页编辑软件下载与安装教学
1. sublime Text3 介绍 1:50
2. 下载与安装 2:11
3. sublime Text3 好用外挂介绍与安装 9:11
第2章:从头认识HTML
1. HTML跟你看的不一样！ 2:00
2. HTML的头有什么? <head></head> 7:19
3. 头里面的<meta>跟<title></title> 4:38
4. 摸摸HTML的身体部分<body></body> 1:58
5. 我的第一个网页诞生了！ 6:16
6. 再来张漂亮的图片 5:03
7. 加入连结跟外面的世界互动吧！ 4:27
8. 完成其他页面的连结 4:30
9. 绕口令！利用清单完成选单。 6:44
第3章:CSS初探 - 网页的化妆师
1. CSS与HTML的关系介绍 1:37
2. css选择器的介绍 5:58
3. css类别选择器 - 随心所欲装扮我的网页 12:27
4. css标签选择器 - 让网页标签千变万化 3:55
5. css虚拟(伪类)选择器 - 我的网页连结不一样了！ 8:07
6. css识别选择器(id) - 独一无二专属为你 9:33
第4章:css应用 - 我家的网页版面要设计装潢
1. 开始隔间 - 网页版面分析 5:15
2. 室内隔间的规划 - 网页版面设计 6:51
3. 泥做师傅进驻 - div绝对单位(px)与相对单位(%)的区别 10:20
4. 木工师傅进驻 - css控制div与span标签 7:37
5. 水电师傅进驻 - 外距(margin)与内距(padding)的调整 9:43
6. 家具的摆设 - 其他css相关应用 7:07
第5章:开始我的第一个网页设计案
1. 首先！成立一个网站项目文件夹 4:53
2. 区块元素(block)与行内元素(inline)的不同 6:50
3. logo摆设与选单设计 - ul li的应用 11:32
4. 动手整理程序代码、程序代码批注、网页样板制作 12:56
5. 展示图片的设计 - 两栏、多栏版面设计，浮动(float)的应用 19:29
6. 页尾区块的设计 - 浮动(float)与清除浮动(clear)的使用 5:13
7. 让字漂浮在图片上 - 定位(position)的应用:relative和absolute 10:54
8. 文字position的位置调整：top, left, bottom, right 7:30
9. 让选单固定在上方 - css定位(position)的应用:fixed操作 3:20
第6章:好多数据哪里摆? 表格的应用
1. 表格与列： table, tr 3:46
2. 表格里面的表头跟单元格：th, td 3:09
3. 我的表格不一样：css与table的应用 8:23
4. 从DIV实现表格排版的设计 10:30
第7章:让我的网页看起来更漂亮
1. 网页图片常用文件格式介绍：jpg, gif, png 3:44
2. 背景的图片加载与长宽：background-url, background-size 6:19
3. 背景图片的重复显示：background-repeat 2:22
4. 背景图片位置的移动：background-position 3:25
5. 背景颜色的透明应用：background-color 6:08
6. 背景图片与img的差异 3:54
第8章:让用户联系我们 - 联络表单的应用
1. 表单架构的说明：form 8:12
2. 表单元素 label和input的应用：输入姓名、电话、Email 6:16
3. 表单元素select、option的应用：询问类别 3:03
4. 表单元素radio、checkbox的应用：性别、推荐的餐点 8:21
5. 表单元素textarea和submit的应用：输入更多的意见及填妥送出 4:07
6. 让我的表单更特别：css与form的应用 13:22
第9章:嘘~ 更多css密技！
1. 做出渐层不用图片 5:37
2. 做出圆角让画面更特别 2:44
3. 做出阴影让对象更立体 5:51
4. 解决css让你错乱的权重观念- css接近性 4:52
5. 解决css让你错乱的权重观念- css精确性 6:07
第10章:专业网页设计师才知道的秘密
1. 好的房子要有好的结构：网页内容架构的规划 7:40
2. seo初步概念：网页语言与标题的设定 4:41
3. seo初步概念：关键词跟网页叙述的设定 5:22
4. seo初步概念：HTML与图片的优化 8:32
第11章:大功练成！整体网站的拉皮。
1. 首页设计美化 8:07
2. 菜单页的设计美化 9:14
3. 餐厅环境页的设计美化 9:20
4. 交通信息页的规划：百度地图的崁入 9:37
第12章:免费网页资源共享
1. 免费在线图库下载：pixabay、unsplash、flickr.com 5:31
2. 免费在线icon下载：https://material.io/icons/、flaticon 3:38
3. 免费在线占位图片产生器：https://placem.at/ 4:33
4. 免费在线hml和css教学资源 3:44
大家可以点击【 查看详情】查看我的课程
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
