个人介绍
WEB前端设计 周香庆等
提供学校: 江西信息应用职业技术学院
院系: 软件工程系
专业大类: 计算机
专业: 软件技术、计算机应用技术、移动应用开发
学分: 6
课时: 108
课程介绍
1、课程性质和定位 
    《WEB前端设计》课程是我校软件技术、计算机应用技术和移动应用开发技术专业的一门技能型基础课程,主要培养学生的网页设计基础与设计思维,课程同时适用于电子商务专业相关内容的教学,也可作为各高校的公共选修课。本课程是步入网站开发的入门课程,介绍了HTML和W3C标准以及HTML文件基本结构,重点讲解设计网页的主流技术DIV+CSS,深入浅出地介绍网页的概念和制作网页的方法,旨在通过一个学期的学习,培养学生网页前端设计与制作能力,让学生理解网页制作的精髓,熟练完成常见主题网页的布局与设计。 
2、课程设计思路 
    课程模拟真实工作情境,以项目+任务的形式来组织内容,以案例驱动贯穿教学过程,由浅入深,最后完成主题网站的开发项目。课程教学以Dreamweaver软件的使用为主线,要求掌握HTML语言的文档结构和基本标签使用,能够综合应用DIV和CSS,通过小组合作完成主题网站的建设,培养沟通能力、团队协作能力,为今后的职业生涯打下良好的基础。
教师团队

周香庆 讲师 双师

单位:江西信息应用职业技术学院

部门:软件工程系

职位:教研室主任

李英 讲师

单位:江西信息应用职业技术学院

部门:软件工程系

陈宁霞 助教

单位:江西信息应用职业技术学院

部门:软件工程系

职位:教师

童波 助教

单位:江西信息应用职业技术学院

部门:软件工程系

管银枝 教授

单位:江西信息应用职业技术学院

部门:软件工程系

职位:软件工程系主任

曾斌 教授

单位:江西信息应用职业技术学院

部门:计算机技术系

职位:计算机技术系主任

课程目标

  (1)理解课程在各专业课程体系中的作用与地位。

  (2)通过学习本课程,学习者能够熟悉网页设计技术,了解建站流程,可以顺利完成从网页草图到网页结构搭建,并通过CSS样式美化,形成具有欣   赏性强、实用性高的网页产品。

 (3)激发学习者的学习兴趣,培养学生自我约束、分析问题、解决问题的能力和勤动手、不耻下问的学习精神。

教学内容

课程《WEB前端设计》立足培养网页设计专业人才,教学内容根据实际应用进行选择,突出实践性,重点放在网页结构搭建与样式设置的讲解,整体分四个章节,第一章由周香庆老师、李英老师介绍有关WEB设计相关基础;第二章开始由陈宁霞老师、童波老师以分模块的方式介绍网页CSS样式的类别和各种选择器;第三章由周香庆、李英、陈宁霞、童波四位老师共同讲解,主要介绍CSS样式应用于各种网页内容的效果;第四章由周香庆、李英、陈宁霞、童波四位老师详解网页盒子模型相关内容,整个学习内容由浅入深,层层递进,让学习者逐步涉入网页设计与布局的核心,培养良好的WEB设计意识与美感。

教学方法

项目教学法,在老师的指导下将一个相对独立的网页项目交由学生自己处理,从信息的收集、方案的设计、项目实施及最终评价,都由学生自己负责,学生通过该项目的进行了解并把握整个过程及每一个环节中的基本要求。“项目教学法”最显著的特点是“以项目为主线、教师为引导、学生为主体”。项目教学法主张先练后讲,先学后教,强调学生的自主学习,主动参与,从尝试入手,从练习开始,调动学生学习的主动性、创造性、积极性。

线上线下混合式教学法,学生唱“主角”,老师为“配角”,线上学习与线下实践相结合,实现了师生角色换位,有利于加强对学生自学能力、创新能力的培养。

任务驱动教学法,在每个项目中,分配出了多个学习任务,学习者在教师的帮助下,紧紧围绕一个共同的任务活动中心,在强烈的问题动机的驱动下,通过对学习资源的积极主动应用,进行自主探索和互动协作的学习,并在完成既定任务的同时,引导学生产生一种学习实践活动。

小组合作学习法,以合作学习小组为基本形式,系统利用教学中动态因素之间的互动,促进学生的学习,以团体的成绩为评价标准,共同达成教学目标的教学活动。

参考教材

  

《网页设计项目化教程》胡颖辉 主编 

《网页设计与制作项目教程》江西省21世纪创新规划教材

《精通DIV+CSS网页样式与布局》何丽 主编 清华大学出版社

   《Div+CSS网页样式与布局从入门到精通》 刘西杰     主编        人民邮电出版社    2015






教学成果

2013、2014、2015、2016年,江西省大学生科技创新与职业技能竞赛网页设计与制作赛团体第1名,江西省教育厅

 





课程评价

教学资源
课程章节 | 文件类型   | 修改时间 | 大小 | 备注
1.1 网页基本结构
文档
.ppt
2019-04-19 352.50KB
1.1.1 网页类别及建站流程
文档
.pptx
2019-03-27 1.93MB
 
视频
.mp4
2019-03-27 324.25MB
 
作业
.work
2019-03-27 0.00KB
1.1.2 网页构成要素
文档
.pptx
2019-03-27 3.00MB
 
视频
.mp4
2019-03-27 372.97MB
 
作业
.work
2019-03-27 0.00KB
1.1.3 网页开发工具dreamweaver
文档
.pptx
2019-03-27 954.34KB
 
视频
.mp4
2019-03-27 341.36MB
 
作业
.work
2019-03-27 0.00KB
1.2 网页基本标签
文档
.ppt
2019-04-19 296.00KB
1.2.1 标签与属性
文档
.pptx
2019-03-30 1.36MB
 
视频
.mp4
2019-03-30 273.73MB
 
作业
.work
2019-03-30 0.00KB
1.2.2 标签嵌套
作业
.work
2019-03-27 0.00KB
 
文档
.pptx
2019-03-27 673.47KB
 
视频
.mp4
2019-03-27 254.94MB
2.1 CSS引入方式
文档
.ppt
2019-04-19 302.00KB
2.1.1 内联样式
文档
.pptx
2019-03-30 710.38KB
 
视频
.mp4
2019-03-30 210.51MB
 
作业
.work
2019-03-30 0.00KB
2.1.2 内嵌样式
文档
.pptx
2019-03-30 691.77KB
 
视频
.mp4
2019-03-30 215.39MB
 
作业
.work
2019-03-30 0.00KB
2.1.3 外联样式
文档
.pptx
2019-03-30 704.78KB
 
视频
.mp4
2019-03-30 220.59MB
 
作业
.work
2019-03-30 0.00KB
2.2 CSS一般选择器
文档
.ppt
2019-04-19 302.00KB
2.2.1 标签选择器
文档
.pptx
2019-03-30 675.52KB
 
视频
.mp4
2019-03-30 183.59MB
 
作业
.work
2019-03-30 0.00KB
2.2.2 类(型)选择器
文档
.pptx
2019-03-30 679.00KB
 
视频
.mp4
2019-03-30 214.47MB
 
作业
.work
2019-03-30 0.00KB
2.2.3 ID选择器
文档
.pptx
2019-03-30 704.31KB
 
视频
.mp4
2019-03-30 345.31MB
 
作业
.work
2019-03-30 0.00KB
2.3 特殊选择器
文档
.ppt
2019-04-19 320.00KB
2.3.1 群组选择器
文档
.pptx
2019-03-30 694.55KB
 
视频
.mp4
2019-03-30 291.06MB
 
作业
.work
2019-03-30 0.00KB
2.3.2 相邻选择器
文档
.pptx
2019-03-30 670.55KB
 
视频
.mp4
2019-03-30 222.57MB
 
作业
.work
2019-03-30 0.00KB
2.3.3 属性选择器
文档
.pptx
2019-03-30 690.94KB
 
视频
.mp4
2019-03-30 314.24MB
 
作业
.work
2019-03-30 0.00KB
2.3.4 后代选择器
文档
.pptx
2019-03-30 665.90KB
 
视频
.mp4
2019-03-30 195.94MB
 
作业
.work
2019-03-30 0.00KB
2.3.5 子元素选择器
文档
.pptx
2019-03-30 641.67KB
 
视频
.mp4
2019-03-30 251.38MB
 
作业
.work
2019-03-30 0.00KB
2.3.6 伪类选择器
文档
.pptx
2019-03-30 670.89KB
 
视频
.mp4
2019-03-30 237.20MB
 
作业
.work
2019-03-30 0.00KB
3.1 美化文本
文档
.ppt
2019-04-19 296.00KB
3.1.1 CSS样式之颜色属性
文档
.pptx
2019-03-30 688.95KB
 
视频
.mp4
2019-03-30 270.42MB
 
作业
.work
2019-03-30 0.00KB
3.1.2 CSS样式之文本属性
文档
.pptx
2019-03-30 766.93KB
 
视频
.mp4
2019-03-30 196.35MB
 
作业
.work
2019-03-30 0.00KB
3.1.3 CSS样式之段落属性
文档
.pptx
2019-03-30 731.05KB
 
视频
.mp4
2019-03-30 212.73MB
 
作业
.work
2019-03-30 0.00KB
3.2 设置图片和背景
文档
.ppt
2019-04-20 317.00KB
3.2.1 网页背景类别
文档
.pptx
2019-03-30 982.05KB
 
视频
.mp4
2019-03-30 316.40MB
 
作业
.work
2019-03-30 0.00KB
3.2.2 网页背景颜色
文档
.pptx
2018-09-10 773.11KB
 
视频
.mp4
2018-09-10 353.24MB
 
作业
.work
2018-09-10 0.00KB
3.2.3 网页背景图像
文档
.pptx
2019-03-30 1.54MB
 
视频
.mp4
2019-03-30 488.64MB
 
作业
.work
2019-03-30 0.00KB
3.3 控制列表
文档
.ppt
2019-04-20 311.50KB
3.3.1 无序列表
文档
.pptx
2019-03-30 709.53KB
 
视频
.mp4
2019-03-30 159.42MB
 
作业
.work
2019-03-30 0.00KB
3.3.2 有序列表
文档
.pptx
2019-03-30 712.84KB
 
视频
.mp4
2019-03-30 167.25MB
 
作业
.work
2019-03-30 0.00KB
3.3.3 列表浮动
文档
.pptx
2019-03-30 709.95KB
 
视频
.mp4
2019-03-30 159.64MB
 
作业
.work
2019-03-30 0.00KB
3.4 设计表格与边框
文档
.ppt
2019-04-20 287.50KB
3.4.1 添加表格
文档
.pptx
2019-03-30 986.20KB
 
视频
.mp4
2019-03-30 344.73MB
 
作业
.work
2019-03-30 0.00KB
3.4.2 操作表格
文档
.pptx
2019-03-30 815.40KB
 
视频
.mp4
2019-03-30 258.59MB
 
作业
.work
2019-03-30 0.00KB
3.4.3 表格样式
文档
.pptx
2019-03-30 867.12KB
 
视频
.mp4
2019-03-30 420.31MB
 
作业
.work
2019-03-30 0.00KB
3.5 超链接与伪类
文档
.ppt
2019-04-20 277.00KB
3.5.1 设置超链接
文档
.pptx
2019-03-30 744.19KB
 
视频
.mp4
2019-03-30 265.53MB
 
作业
.work
2019-03-30 0.00KB
3.5.2 应用伪类
文档
.pptx
2019-03-30 664.71KB
 
视频
.mp4
2019-03-30 224.59MB
 
作业
.work
2019-03-30 0.00KB
3.6 网页表单
文档
.ppt
2019-04-20 319.00KB
3.6.1 文本框与文本域
文档
.pptx
2019-03-31 769.73KB
 
视频
.mp4
2019-03-31 228.21MB
 
作业
.work
2019-03-31 0.00KB
3.6.2 单选框
文档
.pptx
2019-03-31 681.94KB
 
视频
.mp4
2019-03-31 210.45MB
 
作业
.work
2019-03-31 0.00KB
3.6.3 复选框
文档
.pptx
2019-03-31 668.96KB
 
视频
.mp4
2019-03-31 194.15MB
 
作业
.work
2019-03-31 0.00KB
3.6.4 表单按钮
文档
.pptx
2019-03-31 661.10KB
 
视频
.mp4
2019-03-31 257.92MB
 
作业
.work
2019-03-31 0.00KB
3.6.5 下拉框表单
文档
.pptx
2019-05-21 688.11KB
 
视频
.mp4
2019-05-21 234.18MB
3.6.6 文件域
文档
.pptx
2019-03-31 714.16KB
 
视频
.mp4
2019-03-31 217.24MB
 
作业
.work
2019-03-31 0.00KB
3.7 插入音视频
文档
.ppt
2019-04-20 286.00KB
3.7.1 音频及控制
文档
.pptx
2019-03-31 674.15KB
 
视频
.mp4
2019-03-31 361.79MB
 
作业
.work
2019-03-31 0.00KB
3.7.2 视频及控制
文档
.pptx
2019-03-31 1.10MB
 
视频
.mp4
2019-03-31 208.84MB
 
作业
.work
2019-03-31 0.00KB
4.1 盒子模型
文档
.ppt
2019-04-20 310.50KB
4.1.1 盒子模型
文档
.pptx
2019-03-31 1.24MB
 
视频
.mp4
2019-03-31 326.95MB
 
作业
.work
2019-03-31 0.00KB
4.1.2 块级元素与行内元素
文档
.pptx
2019-03-31 750.97KB
 
视频
.mp4
2019-03-31 352.21MB
 
作业
.work
2019-03-31 0.00KB
4.1.3 盒子横排与纵排
文档
.pptx
2019-03-31 681.45KB
 
视频
.mp4
2019-03-31 547.59MB
 
作业
.work
2019-03-31 0.00KB
4.1.4 盒子浮动
文档
.pptx
2019-03-31 736.59KB
 
视频
.mp4
2019-03-31 224.65MB
 
作业
.work
2019-03-31 0.00KB
4.1.5 盒子溢出控制
文档
.pptx
2019-03-31 716.15KB
 
视频
.mp4
2019-03-31 295.21MB
 
作业
.work
2019-03-31 0.00KB
4.2 盒子间距
文档
.ppt
2019-04-20 273.00KB
4.2.1 盒子内边距
文档
.pptx
2019-03-31 844.31KB
 
视频
.mp4
2019-03-31 253.61MB
 
作业
.work
2019-03-31 0.00KB
4.2.2 盒子外间距
文档
.pptx
2019-03-31 753.87KB
 
视频
.mp4
2019-03-31 385.94MB
 
作业
.work
2019-03-31 0.00KB
4.3 盒子定位
文档
.ppt
2019-04-20 318.50KB
4.3.1 绝对定位
文档
.pptx
2019-03-31 699.61KB
 
视频
.mp4
2019-03-31 134.97MB
 
作业
.work
2019-03-31 0.00KB
4.3.2 相对定位
文档
.pptx
2019-03-31 731.85KB
 
视频
.mp4
2019-03-31 134.24MB
 
作业
.work
2019-03-31 0.00KB
4.3.3 固定定位
文档
.pptx
2019-03-31 742.35KB
 
视频
.mp4
2019-03-31 140.03MB
 
作业
.work
2019-03-31 0.00KB
4.4 对象层叠
文档
.ppt
2019-04-20 296.50KB
4.4.1 应用层叠
文档
.pptx
2019-03-31 809.28KB
 
视频
.mp4
2019-03-31 295.72MB
 
作业
.work
2019-03-31 0.00KB
提示框
提示框
确定要报名此课程吗?
确定取消