首页 > 分享 > 网页设计与制作(HTML+CSS)—参考

网页设计与制作(HTML+CSS)—参考

•XY 课程介绍•教师团队•课程定位•课程重难点•资源下载•成果展示•参考教材•XY课程简介•XY课程收获•XY学习人群•Course Evaluation•Teaching Resources•课程章节

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 --  

文档

.pdf

2024-02-21 1.64MB 1.2 网页制作入门

视频

.mp4

2024-02-21 241.59MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 968.38KB 1.3 Dreamweaver工具的使用

视频

.mp4

2024-02-21 237.18MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 828.25KB 2.1 什么是HTML

视频

.mp4

2024-02-21 201.64MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 729.18KB 2.2 HTML文本控制标记

视频

.mp4

2024-02-21 352.32MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 538.28KB 2.3 HTML图像标记

视频

.mp4

2024-02-21 221.66MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 593.96KB 3.1 CSS核心基础

视频

.mp4

2024-02-21 346.97MB  

视频

.mp4

2024-02-21 231.49MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 643.77KB 3.2 CSS文本相关样式

视频

.mp4

2024-02-21 416.40MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 717.29KB 3.3 CSS高级特性

视频

.mp4

2024-02-21 490.02MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 621.59KB 4.1 认识盒子模型

视频

.mp4

2024-02-21 131.48MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 820.58KB 4.2 盒子模型的边框属性

视频

.mp4

2024-02-21 328.20MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 1007.09KB 4.3 盒子模型的边距属性

视频

.mp4

2024-02-21 258.64MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 722.58KB 4.4 盒子模型的背景属性

视频

.mp4

2024-02-21 398.84MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 478.47KB 4.5 盒子的宽与高

视频

.mp4

2024-02-21 187.58MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 428.32KB 4.6 元素的类型与转换

视频

.mp4

2024-02-21 561.49MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 508.78KB 4.7 块元素垂直外边距的合并

视频

.mp4

2024-02-21 175.58MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 418.72KB 5.1 列表标记

视频

.mp4

2024-02-21 284.92MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 772.02KB 5.2 CSS控制列表样式

视频

.mp4

2024-02-21 343.61MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 629.09KB 5.3 超链接标记

视频

.mp4

2024-02-21 291.63MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 749.76KB 5.4 链接伪类控制超链接

视频

.mp4

2024-02-21 122.12MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 633.22KB 6.1.1 表格标记(一)

视频

.mp4

2024-02-21 156.04MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 1.05MB 6.1.2 表格标记(二)

视频

.mp4

2024-02-21 274.95MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 723.39KB 6.2 CSS控制表格样式

视频

.mp4

2024-02-21 241.01MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 652.03KB 6.3 认识表单与创建表单

视频

.mp4

2024-02-21 215.62MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 733.47KB 6.4 表单控件

视频

.mp4

2024-02-21 335.61MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 697.51KB 6.5 CSS控制表单样式

视频

.mp4

2024-02-21 159.80MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 499.82KB 7.1 元素的浮动

视频

.mp4

2024-02-21 399.96MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 490.33KB 7.2 overflow属性

视频

.mp4

2024-02-21 137.22MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 405.38KB 7.3 元素的定位

视频

.mp4

2024-02-21 365.70MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 571.40KB 8.1 CSS布局

视频

.mp4

2024-02-21 209.36MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 1.11MB 8.2 使用HTML+CSS布局网页-准备工作

视频

.mp4

2024-02-21 338.31MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 971.27KB 8.3 使用HTML+CSS布局网页—头部的制作

视频

.mp4

2024-02-21 244.71MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 698.26KB 8.4 使用HTML+CSS布局网页—主体的制作

视频

.mp4

2024-02-21 318.36MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 977.10KB 8.5 使用HTML+CSS布局网页—底部的制作

视频

.mp4

2024-02-21 161.35MB  

作业

.work

2024-02-21 --  

文档

.pdf

2024-02-21 701.53KB

相关知识

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网上玩具商城设计与实现
下一篇: 合肥瑶海区最新在售楼盘-瑶海区买