网页设计基础
分享
课程详情
课程评价
spContent=《网页设计基础》课程面向网页前端工作岗位,通过案例讲解、让大家快速掌握图文混排页面、多列布局页面、各类导航和面板制作等,掌握HTML/HTML5+CSS/CSS3的基本语法,并利用Photoshop进行网页美工图片设计和版面设计等 ,另外提供优秀作品赏析,请加入我们的课堂学习吧。
—— 课程团队
课程概述

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

第14周进行期末测试。


课程内容结构如下图:






授课目标

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

课程大纲
预备知识

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


参考资料

参考教材

       

HTML5+CSS3网页设计与制作案例教程,郭建东主编,科学出版社,2020

 

网页设计与制作案例教程,郭建东主编,科学出版社,2016

 

网页设计案例教程,郭建东主编,科学出版社,2012




常见问题

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

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


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

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


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

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


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

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


Q:初学者用什么软件开发平台?

A:建议用Dreamweaver cs6版本,初步掌握CSS、HTML知识后,学习第10单元及后面的内容可改用sumlime、HbuilderX或Dreamweaver CC 2017以上版本。


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

A:可以去广东工贸职业技术学院的精品课程网站平台的《网页设计基础》在线开放课平台中进行拓展学习,更多优秀作品可复制下面链接地址到浏览器地址栏进入:

jx.gdgm.cn/skills/wv/30764673



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

A:有的,请进入: umooc.gdgm.cn/meol/jpk/course/layout/newpage/index.jsp?courseId=10654