湖南人文科技学院：《Web前端开发》课程思政教学资源（PPT课件）网站开发基础

四©6前端牙发 Wcb前端牙发 =网站开发基础

web前端开发

web前瑞开发 1)课程介绍 主要内容 2)网站开发基础一互联网的垦础知识 3)网站开发基础一制作网页的标推和 常见技朮 4)网站讯发县础一网站建设的流程 5)HTML县础 2

2 web前端开发 主要内容

1-1 课程介绍 web前瑞开发 我是谁？ ◆刘鹃梅 ◆457552201@4.m ◆15173814915 你是谁？ ◆班级/专业情况 ◆个人 简介 对本课程的认识 对本课程的期望 3

3 web前端开发 我是谁 ? ◆ 刘鹃梅 ◆ 457652701@qq.com ◆ 15173814915 你是谁？ ◆ 班级/专业情况 ◆ 个人 简介 对本课程的认识 对本课程的期望 1 -1 课程介绍

1-1课程介绍 web前瑞开发 为什么？ ◆网页设计技能很有用。。。 ◆计算思维。。。真心想学点东西。。。 ◆只能上，因为是必修课。。。 ◆思考：你来上课的原因？ 调查 ◆21世纪什么技能最重要？ ◆为什么学习网页设计很重要 4

4 web前端开发 为什么？ ◆ 网页设计技能很有用。。。 ◆ 计算思维。。。真心想学点东西。。。 ◆ 只能上，因为是必修课。。。 ◆ 思考：你来上课的原因？ 调查 ◆ 21 世纪什么技能最重要？ ◆ 为什么学习网页设计很重要 1-1 课程介绍

1-1 课程介绍 web前瑞开发 学什么 ◆Web基础知识 ◆使用HTML/XHTML ◆使用CSs ◆熟悉JavaScript ◆设计可用的网站 5

5 web前端开发 学什么 ◆ Web基础知识 ◆ 使用 HTML/XHTML ◆ 使用 CSS ◆ 熟悉 JavaScript ◆ 设计可用的网站 1-1 课程介绍

1-1课程介绍 web前瑞开发 怎样学？ 使用在线资源（手机和网络） 阅读教材（预习和复习） 上课 重点内容归纳，讲解 常见错误明确指出 重点反复强调 热点内容讨论 课后作业与思考 实践（合作学习） 主动学习 6

6 web前端开发 怎样学？ 使用在线资源（手机和网络） 阅读教材（预习和复习） 上课 重点内容归纳，讲解 常见错误明确指出 重点反复强调 热点内容讨论 课后作业与思考 实践（合作学习） 主动学习 1-1 课程介绍

1-2 课程介绍：教材以及参考资料 web前瑞开发 教材： 聂常红，《Web前端开发技术一一HTML、csS、JavaScript(第3版)》（第2版）.人民邮电出 版社，2020年 网页设计，html,css,js相关参考书 (1)w3 school在线网络资源： http://www.w3school.com.cn/ (2)菜鸟教程在线网络资源： p://www.runoo业con (3)在线网络教学平台： 超星尔雅“学习通”，QQ学习群，微信

7 web前端开发 教材： 聂常红,《Web前端开发技术——HTML、CSS、JavaScript（第3版）》(第2版).人民邮电出 版社，2020年 网页设计，html,css,js相关参考书 （1）w3school在线网络资源: http://www.w3school.com.cn/ （2）菜鸟教程在线网络资源: http://www.runoob.com/ （3）在线网络教学平台： 超星尔雅“学习通”,QQ学习群，微信 1-2 课程介绍：教材以及参考资料

1-2课程介绍：教材以及参考资料 web前瑞开发 [1]赵丰年，《网页设计与制作(HTML5+cSS3+JavaScript) (第4版) (微课版)》，人 民邮电出版社，2020年 [2]明日科技.《HTML5+CsS3+JavaScript Web前端开发案例教程（幕课版）》.人民邮电出 版社，2020年 [3]传智播客高教产品研发部， 《网页设计与制作项目教程(HTML+cSS+JavaScript)》， 人民邮电出版社，2016年， 8

8 web前端开发 [1] 赵丰年，《网页设计与制作（HTML5+CSS3+JavaScript）（第4版）（微课版）》，人 民邮电出版社，2020年 [2] 明日科技.《HTML5+CSS3+JavaScript Web前端开发案例教程（慕课版）》.人民邮电出 版社，2020年. [3] 传智播客高教产品研发部，《网页设计与制作项目教程（HTML+CSS+JavaScript）》， 人民邮电出版社，2016年. 1-2 课程介绍：教材以及参考资料

1-3成绩考核 web前瑞开发 时间安排 理论：20 实践：12 教学质量过程考核+项目目标考核 教学质量过程考核(60%)：线上课程视频学习，讨论 课堂表现 实践练习 项目目标考核(40%)：期末综合项目 9

9 web前端开发 时间安排 理论：20 实践：12 教学质量过程考核+项目目标考核 教学质量过程考核（60%）：线上课程视频学习，讨论 课堂表现 实践练习 项目目标考核（40%）：期末综合项目 1-3 成绩考核

1-4学习建议 web前瑞开发 重视页面的源代码 善于观察比较，发现细微的不同 注重细节，追求完美 抓住重点，勤于实践 10

10 web前端开发 重视页面的源代码 善于观察比较，发现细微的不同 注重细节，追求完美 抓住重点，勤于实践 1-4 学习建议