课程详情
课程评价
spContent=《网页设计基础》课程面向网页前端工作岗位,通过大量的项目案例讲解、视频辅助学习和优秀作品赏析,让大家快速掌握基于HTML/HTML5+CSS+DIV的静态网页设计和利用Photoshop进行网页美工设计的基本知识和基本技能,我们将带领大家制作出有诗和远方的网页,还等什么,加入我们的课堂学习吧。
—— 课程团队
课程概述

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

第14周进行期末测试。


课程内容结构如下图:






授课目标

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

课程大纲
预备知识

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


参考资料

参考教材


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

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


封面如下:

常见问题

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

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


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

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


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

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


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

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


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

A:建议用Dreamweaver cs6版本,初步掌握CSS、HTML知识后可改用sublime或Dreamweaver CC 2017或2018版本。


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

A:可以去广东工贸职业技术学院的精品课程网站平台的《网页设计基础》在线开放课平台中进行拓展学习,更多优秀作品可复制下面链接地址到浏览器地址栏进入:jx.gdgm.cn/skills/solver/classView.do?feature=blockItem&action=browse&blockKey=30766324&siteKey=30764673&key=33293629