我们将用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 (寒暑假期间学校有可能关闭外网访问,正常开学后会开放)