
XY 课程介绍
HTML与CSS是网页制作技术的核心和基础,也是每个网页制作者必须要掌握的基本知识,两者在网页设计中不可或缺。《网页设计与制作(HTML+CSS)》是一门实践性较强的课程,在教授过程中,融入了81个案例,通过视频教学、在线答疑、自主学习等方式让大家看得懂、学得会、做得出。 在内容编排上,本课程将一些非常复杂、难以理解的思想和问题简单化,让初学者能够轻松理解并快速掌握。对每个知识点都进行了深入地分析,并针对每个知识点精心设计了相关案例,然后模拟这些知识点在实际工作中的运用,真正做到了知识的由浅入深、由易到难。 本课程共分为8个章节,第1、2、3章节主要介绍了HTML与CSS网页设计概述,要求初学者掌握HTML与CSS语言的基本语法,熟悉常用的HTML文本标记、图像标记等,能够熟练地使用CSS控制网页中的字体和文本外观样式。第4、5、6、7章节是学习网页制作的核心,分别讲解了盒子模型、列表与超链接、表格与表单、元素的浮动与定位。第8章节为实战开发,结合前面学习的基础知识,带领学生开发一个电脑科技网的首页。
教师团队
王鹰汉,男,1982年11月生,硕士、副教授、中级双师,计算机应用技术专业带头人,院学术委员会委员,浙江大学国内访问学者。研究领域:网站建设与维护、Web前端开发、平面设计。主讲课程有:《网页设计与制作(HTML+CSS)》、《PHP程序设计》、《JavaScript程序设计》、《Photoshop图像处理》、《网站建设与维护》、《计算机文化基础》等。2005年起一直从事教学工作,教学经验丰富,教学质量优良。获得上饶市“优秀教师”称号,多次获得学院“先进工作者”、 “师德标兵”等荣誉称号。多年来指导学生参加省级技能竞赛,获得省一、二、三等奖多项,荣获省级“优秀指导教师”称号。积极开展教学科研活动,主持并参与省级教改课题多项,发表论文三十余篇。主编和参编教材多本。">
王鹰汉
Professional title:教授
Company:上饶职业技术学院
Department:信息工程系
Position:专业带头人、院学术委员会委员、浙江大学国内访问学者
汪兴来,男,1980年10月生,副教授、硕士、双师,计算机科学与技术专业。研究领域:网站建设与维护、Web前端开发、平面设计、网络管理。主讲课程有:《网页设计与制作(HTML+CSS)》、《Photoshop图像处理》、《CorelDraw平面设计》《网站建设与维护》、《网络基础》、《结构化综合布线》等。2005年起一直从事教学工作,教学经验丰富,教学质量优良。多年来指导学生参加省级技能竞赛,多次获得省级一、二、三等奖,荣获省级“优秀指导教师”称号,并积极开展教育教学科研活动,参与省级教改课题3项,省教育厅科技项目1项,发表论文14篇,实用新型专利1项,主编教材1本,参编教材1本。连续二年即2016、2017年事业单位年度考核为优秀。2018年3月被省级创业园“创梦空间”评聘为创新创业导师。">
汪兴来
Professional title:副教授
Company:上饶职业技术学院
Department:信息中心
Position:专业教师
李丹,女,1984年5月生,副教授、硕士、双师。研究领域:网页设计与制作。主讲课程有:《网页设计与制作(HTML+CSS)》、《PHP程序设计》、《计算机文化基础》等。2005年起一直从事教学工作,教学经验丰富,教学质量优良。多次获得学院“优秀教师”称号和“先进党务工作者”等荣誉称号。指导学生参加省级技能竞赛,多次获得奖项,荣获省级“优秀指导教师”称号。积极开展教学科研活动,主持并参与省级教改课题多项。发表论文十余篇。">
李丹
Professional title:副教授
Company:上饶职业技术学院
Department:信息工程系
Position:专业教师
陈颖,女,1982年06月生,硕士、讲师。研究领域:网页制作、平面设计。主讲课程有:《XML》、《网页设计与制作》、《AE视频后期制作》、《PPT》、《计算机文化基础》等。从2008年起一直从事教学工作,多次获得学院“优秀教师”称号;多年来指导学生参加省级技能竞赛,获得省二、三等奖多项。积极开展教学科研活动,参与省级教改课程3项。发表论文20篇。">
陈颖
Professional title:讲师
Company:上饶职业技术学院
Department:信息工程系
Position:专业教师
卞晨晨,女,1982年5月生,讲师、硕士、双师。主讲课程有:《计算机文化基础》、《心理健康教育》、《大学生职业规划与创业指导》等。2005年起一直从事教学工作,教学经验丰富,教学质量优良。指导学生参加省级技能竞赛,获得省一、二等奖多项,荣获省级社团“优秀指导教师”称号。积极开展教学科研活动,参与省教育厅科技项目1项,参与省级教改课题2项,发表论文7篇。">
卞晨晨
Professional title:讲师
Company:上饶职业技术学院
Department:上饶职业技术学院党委办公室
于长江,男,1985.12月生,博士、讲师,企业管理,计算机应用研究方向。2007年起从事教学管理工作,教学经验丰富,持有微软mcse2008系统工程师,微软认证专家及锐捷网络高级讲师等资格。主要从事电子商务安全,asp.net及企业管理等课程的讲授,曾带领学生参赛多次荣获市级、省级优秀指导教师称号若干,个人荣获市级一等功,参与省级社科课题2项,市级科研课题1项,实用新型专利3项,主编绩效管理教材1本。">
于长江
Professional title:博士
Company:上饶职业技术学院
Department:信息工程系
Position:电子商务技术教研组组长
邱慧玲,女,1991年7月生,硕士研究生。研究领域:网页设计与制作、人工智能。主讲课程有:《网页设计与制作(HTML+CSS)》、《统计学基础》等。2017起从事教学工作。曾获2018年衢州市中职学校职业能力大赛“信息化教学”赛项信息化课堂教学(录像课)二等奖,衢江区中职学校教师课堂教学比赛(信息化教学比赛)二等奖。指导学生参加浙江省文明风采大赛,获得省二等奖。硕士期间,发表SCI论文一篇,核心期刊论文一篇。">
邱慧玲
Professional title:助教
Company:上饶职业技术学院
Department:信息工程系
Position:教师
李孝金
Professional title:工程师
Company: 上饶星缘网络科技有限公司
Department:项目设计
Position:经理
课程定位

本课程是计算机应用技术、计算机网络技术、电子商务技术专业开设的一门重要的专业核心课程,是Web前端设计系列课程之一。本课程的主要任务是,让学生掌握在Dreamweaver中利用HTML与CSS进行网页设计与制作,主要讲授HTML与CSS、盒子模型、列表与超链接、表格与表单、元素的浮动与定位等网页制作基础知识,通过本课程的学习,学生能够独立进行静态网站项目的设计与开发。
本课程在重视传授理论知识的同时,重视培养学生的实践动手操作能力。教学过程中,设计了大量的网页设计案例,使学生在学习理论知识的同时,加深对每一个知识点的理解。最后通过一个综合项目的制作,让学生对所学的基础知识进行巩固和利用。
课程重难点
本课程的重点是如何培养学生的创新设计能力,如何利用HTML与CSS等网页制作知识完成各类网页的布局与美化,综合利用HTML 语言与CSS 样式进行页面的设计、编码、调试、维护能力。
本课程的难点是如何理解网页中的盒子模型、元素的浮动与定位等一些抽象的概念。同时,该课程也是一门技术更新较快的课程,面对信息技术的快速发展,如何能让学生快速的接受新的技术也是本课程教学的一个难点。
资源下载
成果展示

参考教材

主编:传智播客高教产品研发部,中国铁道出版社 主编:刘春茂,清华大学出版社

主编:陈承欢,人民邮电出版社 主编:姬莉霞等,清华大学出版社
XY课程简介
《网页设计与制作(HTML+CSS)》是一门实践性较强的课程,本课程在教授过程中,融入了81个案例,通过视频教学、在线答疑、自主学习等方式让大家看得懂、学得会、做得出。
在内容编排上,本课程将一些非常复杂、难以理解的思想和问题简单化,让初学者能够轻松理解并快速掌握。对每个知识点都进行了深入地分析,并针对每个知识点精心设计了相关案例,然后模拟这些知识点在实际工作中进行应用,真正做到了知识的由浅入深、由易到难。
本课程共分为8个章节,在课程内容结构上是从基础到进阶,再到核心知识,层层递进。其中第1、2、3章节主要介绍了HTML与CSS网页设计基础知识,要求初学者掌握HTML与CSS语言的基本语法,熟悉常用的HTML文本标记、图像标记等,能够熟练地使用CSS控制网页中的字体和文本外观样式。第4、5、6、7章节是学习网页制作的核心,分别讲解了盒子模型、列表与超链接、表格与表单、元素的浮动与定位等内容,只有掌握好这部分内容,才能在网页制作中随意地控制各种网页元素。第8章节为实战开发,结合前面学习的基础知识,带领学生开发一个电脑科技网的首页。
XY课程收获
通过本课程的学习,学生能熟练地掌握Dreamweaver工具的使用,能学习到HTML与CSS的相关基础知识,同时也能掌握网页制作的核心知识盒子模型、列表与超链接、表格与表单、元素的浮动与定位等内容,能熟练的应用HTML与CSS进行网页设计与制作,为学生打开学习Web 前端设计课程的大门,使其将来可以更深入地学习Web 前端设计体系中的后续课程,比如HTML5、CSS3、JavaScript、Ajax、jQuery等课程。
XY学习人群
课程内容难易适中,对每个知识点都进行了深入地分析,并针对每个知识点精心设计了相关案例,然后模拟这些知识点在实际工作中进行应用,做到了知识的由浅入深、由易到难,所以非常适合在校学生和社会上有志于从事Web 前端设计工作的初学者。
Teaching Resources
Chapters | File type | Modified time | Size | Remark 1.1 Web基本概念视频
.mp4
2024-02-21 307.46MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 241.59MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 237.18MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 201.64MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 352.32MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 221.66MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 346.97MB视频
.mp4
2024-02-21 231.49MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 416.40MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 490.02MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 131.48MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 328.20MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 258.64MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 398.84MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 187.58MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 561.49MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 175.58MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 284.92MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 343.61MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 291.63MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 122.12MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 156.04MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 274.95MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 241.01MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 215.62MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 335.61MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 159.80MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 399.96MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 137.22MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 365.70MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 209.36MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 338.31MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 244.71MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 318.36MB作业
.work
2024-02-21 --文档
视频
.mp4
2024-02-21 161.35MB作业
.work
2024-02-21 --文档
相关知识
HTML+CSS鲜花网页制作 DW静态网页设计 个人网页制作
大学生网页设计作业——HTML+CSS鲜花网页制作 DW静态网页设计 简单的个人网页制作
HTML+CSS花卉网站设计:静态网页模板与源码分享
大学生网页设计制作作业实例代码 (全网最全,建议收藏) HTML+CSS+JS
【html网页页面005】html+css制作实现美食主题网页制作(3页面附效果及源码)
HTML+CSS网页设计期末课程大作——篮球网页设计(6页) 学校篮球网页制作模板 学生简单体育运动网站设计成品
web网页设计期末课程大作业——电影介绍5页HTML+CSS制作
HTML+CSS鲜花网页制作 DW静态网页设计 简单的个人网页制作
Web大学生网页作业成品——花主题介绍网页设计与实现(HTML+CSS)(1个页面)
Web大学生网页作业成品——古诗词网页设计与实现(HTML+CSS)(5个页面)
网址: 网页设计与制作(HTML+CSS)—参考 https://m.huajiangbk.com/newsview2532644.html
| 上一篇: 《JAVA网上玩具商城设计与实现 |
下一篇: 合肥瑶海区最新在售楼盘-瑶海区买 |