课程详情
课程评价
spContent=《网页设计基础》已被认定为国家级精品课程。本期内容全面更新为基于HTML5+CSS3的网页网页制作。该课程面向网页前端工作岗位,结合1+X前端考证组织教学内容。通过案例讲解、让大家快速掌握基于HTML5结构的图文混排页面、多列布局等页面制作,导航制作等,通过使用CSS3制作文字特效、设置圆角、边框及阴影、渐变背景、动画等,深入了解CSS3的应用。掌握HTML/HTML5+CSS/CSS3的基本语法,并利用Photoshop进行网页美工图片设计和版面设计等 ,另外提供优秀作品赏析,请加入我们的课堂学习吧。
—— 课程团队
课程概述

我们将用13周的时间带领大家学会从简单到复杂的网页页面制作,包括制作各类图文混排页面、多列布局的复杂页面和各类导航等,掌握html/html5语言的基本语法、使用CSS布局和美化页面、使用CSS3制作特效文字、圆角边框和动画等,使用html5播放音频和视频文件,使用Photoshop制作导航、按钮、文字特效和修改简单的网页图片素材、进行网页的版面设计和图片切片等。最后我们将提供一个完整静态网站制作的视频讲解。

第14周进行期末测试。


授课目标

《网页设计基础》的培养目标为掌握 HTML/HTML5、CSS/CSS3基础知识,能使用Hbuilder平台或dreamweaver 开发软件独立完成静态网站的设计制作,初步认识HTML5基础知识,使用hmtl5进行音视频文件的播放;使用CSS布局和美化页面、使用CSS3制作特效文字、圆角边框和动画等;能够使用PhotoShop制作网页图片素材,进行图片的修改、合成和切片。

课程大纲
预备知识

可以是零基础入门,但建议学习者跟着视频进行案例实践操作,并完成仿真页面制作


参考资料

参考教材和参考网站

       

1.HTML5+CSS3网页设计与制作案例教程(第二版)(十四五国家级规划教材),郭建东主编,科学出版社,2024年第8次印刷

 

2.省级精品在线开放《网页设计基础》:jx.gdgm.cn/skills/wv/30764673





常见问题

Q: 哪些同学可以来学习这门课?

A : 网页设计基础是一门零基础入门课程,只要会电脑基本文件操作的人员都可以来学习,不分专业。但课程还是有点难度,需要学习者花点时间、静下心来学习,并且要做做仿真练习,或跟随教师做案例练习。


Q: 案例中的图片素材和源代码可以下载吗?

A:本网站提供案例图片素材和源代码资源下载


Q:课程可以作为一个学分的选修课学习吗?

A:可以,选择01-07单元的内容可作为选修课内容进行学习,授课老师可以结合线下测试或线下成果评价完成课程内容教学。


Q:学习软件在哪里下载?

A: 可以从本网站第一单元的软件开发平台下载栏目进入下载,或 可以从下面网址网站的下载专区下载:jx.gdgm.cn/skills/wv/30764673



Q:去哪里可以看到更多的优秀作品或其他拓展学习资源?

A:可以去广东省省级精品在线开放课程《网页设计基础》课程平台中进行拓展学习,更多优秀作品和学习资源可复制下面链接地址到浏览器地址栏进入:

jx.gdgm.cn/skills/wv/30764673



Q:是否有混合式教学配套相关资源?

A:有的,请进入: umooc.gdgm.cn/meol/jpk/course/layout/newpage/index.jsp?courseId=10654   (寒暑假期间学校有可能关闭外网访问,正常开学后会开放)