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

周香庆 讲师 双师

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

部门:软件工程系

职位:教研室主任

李英 教师

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

部门:软件工程系

陈宁霞 教师

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

部门:其它院系

童波 教师

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

部门:软件工程系

朱青 教师

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

部门:计算机技术系

杨晔 教师

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

部门:软件工程系

宋姣婕 教师

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

课程目标

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

2.      通过设计软件DreamweaverPhotoshop的结合使用,学习者可以顺利完成从网页草图到网页结构搭建,并通过CSS样式美化,形成具有欣赏性强、实用性高的网页产品。

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

教学内容

课程重点放在网页结构搭建与样式设置的讲解,整体分四个章节,第一章由周香庆老师、李英老师介绍有关WEB设计相关基础;第二章开始由陈宁霞老师、童波老师以分模块的方式介绍网页CSS样式的类别;第三章主要介绍CSS样式应用于各种网页内容的展示效果;第四章详解网页盒子模型相关内容,整个学习内容由浅入深,层层递进,让学习者逐步涉入网页设计与布局的核心,培养良好的WEB设计意识与美感。

教学方法

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

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

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

参考教材

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

《网页设计项目化教程》 胡颖辉   主编   南京大学出版社     2012

课程评价

教学资源
课程章节 | 文件类型   | 修改时间 | 大小 | 备注
1.1.1 网页类别及建站流程
文档
.pptx
2018-09-28 1.93MB
 
视频
.mp4
2018-09-28 324.25MB
 
作业
.work
2018-09-28 0.00KB
1.1.2 网页构成要素
文档
.pptx
2018-09-28 3.00MB
 
视频
.mp4
2018-09-28 372.97MB
 
作业
.work
2018-09-28 0.00KB
1.1.3 网页开发工具dreamweaver
文档
.pptx
2018-09-28 954.34KB
 
视频
.mp4
2018-09-28 341.36MB
 
作业
.work
2018-09-28 0.00KB
1.2.1 标签与属性
文档
.pptx
2018-10-24 1.36MB
 
视频
.mp4
2018-10-24 273.73MB
 
作业
.work
2018-10-24 0.00KB
1.2.2 标签嵌套
文档
.pptx
2018-09-13 673.47KB
 
视频
.mp4
2018-09-13 254.94MB
 
作业
.work
2018-09-13 0.00KB
2.1.1 内联样式
文档
.pptx
2018-09-03 710.38KB
 
视频
.mp4
2018-09-03 210.51MB
 
作业
.work
2018-09-03 0.00KB
2.1.2 内嵌样式
文档
.pptx
2018-09-03 691.77KB
 
视频
.mp4
2018-09-03 215.39MB
 
作业
.work
2018-09-03 0.00KB
2.1.3 外联样式
文档
.pptx
2018-09-13 704.78KB
 
视频
.mp4
2018-09-13 220.59MB
 
作业
.work
2018-09-13 0.00KB
2.2.1 标签选择器
文档
.pptx
2018-09-03 675.52KB
 
视频
.mp4
2018-09-03 183.59MB
 
作业
.work
2018-09-03 0.00KB
2.2.2 类(型)选择器
文档
.pptx
2018-09-18 679.00KB
 
视频
.mp4
2018-09-18 214.47MB
 
作业
.work
2018-09-18 0.00KB
2.2.3 ID选择器
文档
.pptx
2018-09-13 704.31KB
 
视频
.mp4
2018-09-13 345.31MB
 
作业
.work
2018-09-13 0.00KB
2.3.1 群组选择器
文档
.pptx
2018-09-03 694.55KB
 
视频
.mp4
2018-09-03 291.06MB
 
作业
.work
2018-09-03 0.00KB
2.3.2 相邻选择器
文档
.pptx
2018-09-13 670.55KB
 
视频
.mp4
2018-09-13 222.57MB
 
作业
.work
2018-09-13 0.00KB
2.3.3 属性选择器
文档
.pptx
2018-09-03 690.94KB
 
视频
.mp4
2018-09-03 314.24MB
 
作业
.work
2018-09-03 0.00KB
2.3.4 后代选择器
文档
.pptx
2018-09-03 665.90KB
 
视频
.mp4
2018-09-03 195.94MB
 
作业
.work
2018-09-03 0.00KB
2.3.5 子元素选择器
文档
.pptx
2018-09-03 641.67KB
 
视频
.mp4
2018-09-03 251.38MB
 
作业
.work
2018-09-03 0.00KB
2.3.6 伪类选择器
文档
.pptx
2018-09-03 670.89KB
 
视频
.mp4
2018-09-03 237.20MB
 
作业
.work
2018-09-03 0.00KB
3.1.1 CSS样式之颜色属性
文档
.pptx
2018-09-03 688.95KB
 
视频
.mp4
2018-09-03 270.42MB
 
作业
.work
2018-09-03 0.00KB
3.1.2 CSS样式之文本属性
文档
.pptx
2018-09-03 766.93KB
 
视频
.mp4
2018-09-03 196.35MB
 
作业
.work
2018-09-03 0.00KB
3.1.3 CSS样式之段落属性
文档
.pptx
2018-09-03 731.05KB
 
视频
.mp4
2018-09-03 212.73MB
 
作业
.work
2018-09-03 0.00KB
3.2.1 网页背景类别
文档
.pptx
2018-09-10 982.05KB
 
视频
.mp4
2018-09-10 316.40MB
 
作业
.work
2018-09-10 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
2018-09-03 1.54MB
 
视频
.mp4
2018-09-03 488.64MB
 
作业
.work
2018-09-03 0.00KB
3.3.1 无序列表
文档
.pptx
2018-09-03 709.53KB
 
视频
.mp4
2018-09-03 159.42MB
 
作业
.work
2018-09-03 0.00KB
3.3.2 有序列表
文档
.pptx
2018-09-03 712.84KB
 
视频
.mp4
2018-09-03 167.25MB
 
作业
.work
2018-09-03 0.00KB
3.3.3 列表浮动
文档
.pptx
2018-09-03 709.95KB
 
视频
.mp4
2018-09-03 159.64MB
 
作业
.work
2018-09-03 0.00KB
3.4.1 添加表格
文档
.pptx
2018-11-06 986.20KB
 
视频
.mp4
2018-11-06 344.73MB
 
作业
.work
2018-11-06 0.00KB
3.4.2 操作表格
文档
.pptx
2018-09-13 815.40KB
 
视频
.mp4
2018-09-13 258.59MB
 
作业
.work
2018-09-13 0.00KB
3.4.3 表格样式
文档
.pptx
2018-09-13 867.12KB
 
视频
.mp4
2018-09-13 420.31MB
 
作业
.work
2018-09-13 0.00KB
3.5.1 设置超链接
文档
.pptx
2018-09-03 744.19KB
 
视频
.mp4
2018-09-03 265.53MB
 
作业
.work
2018-09-03 0.00KB
3.5.2 应用伪类
文档
.pptx
2018-09-13 664.71KB
 
视频
.mp4
2018-09-13 224.59MB
 
作业
.work
2018-09-13 0.00KB
3.6.1 文本框与文本域
文档
.pptx
2018-09-18 769.73KB
 
视频
.mp4
2018-09-18 228.21MB
 
作业
.work
2018-09-18 0.00KB
3.6.2 单选框
文档
.pptx
2018-09-10 681.94KB
 
视频
.mp4
2018-09-10 210.45MB
 
作业
.work
2018-09-10 0.00KB
3.6.3 复选框
文档
.pptx
2018-09-03 668.96KB
 
视频
.mp4
2018-09-03 194.15MB
 
作业
.work
2018-09-03 0.00KB
3.6.4 表单按钮
文档
.pptx
2018-09-10 661.10KB
 
视频
.mp4
2018-09-10 257.92MB
 
作业
.work
2018-09-10 0.00KB
3.6.5 下拉框表单
文档
.pptx
2018-09-10 688.11KB
 
视频
.mp4
2018-09-10 234.18MB
 
作业
.work
2018-09-10 0.00KB
3.6.6 文件域
文档
.pptx
2018-09-10 714.16KB
 
视频
.mp4
2018-09-10 217.24MB
 
作业
.work
2018-09-10 0.00KB
3.7.1 音频及控制
文档
.pptx
2018-09-14 674.15KB
 
视频
.mp4
2018-09-14 361.79MB
 
作业
.work
2018-09-14 0.00KB
3.7.2 视频及控制
文档
.pptx
2018-09-03 1.10MB
 
视频
.mp4
2018-09-03 208.84MB
 
作业
.work
2018-09-03 0.00KB
4.1.1 盒子模型
文档
.pptx
2018-09-03 1.24MB
 
视频
.mp4
2018-09-03 326.95MB
 
作业
.work
2018-09-03 0.00KB
4.1.2 块级元素与行内元素
文档
.pptx
2018-09-03 750.97KB
 
视频
.mp4
2018-09-03 352.21MB
 
作业
.work
2018-09-03 0.00KB
4.1.3 盒子横排与纵排
文档
.pptx
2018-09-03 681.45KB
 
视频
.mp4
2018-09-03 547.59MB
 
作业
.work
2018-09-03 0.00KB
4.1.4 盒子浮动
文档
.pptx
2018-09-03 736.59KB
 
视频
.mp4
2018-09-03 224.65MB
 
作业
.work
2018-09-03 0.00KB
4.1.5 盒子溢出控制
文档
.pptx
2018-09-10 716.15KB
 
视频
.mp4
2018-09-10 295.21MB
 
作业
.work
2018-09-10 0.00KB
4.2.1 盒子内边距
文档
.pptx
2018-09-03 844.31KB
 
视频
.mp4
2018-09-03 253.61MB
 
作业
.work
2018-09-03 0.00KB
4.2.2 盒子外间距
文档
.pptx
2018-09-03 753.87KB
 
视频
.mp4
2018-09-03 385.94MB
 
作业
.work
2018-09-03 0.00KB
4.3.1 绝对定位
文档
.pptx
2018-09-03 699.61KB
 
视频
.mp4
2018-09-03 134.97MB
 
作业
.work
2018-09-03 0.00KB
4.3.2 相对定位
文档
.pptx
2018-09-03 731.85KB
 
视频
.mp4
2018-09-03 134.24MB
 
作业
.work
2018-09-03 0.00KB
4.3.3 固定定位
文档
.pptx
2018-09-03 742.35KB
 
视频
.mp4
2018-09-03 140.03MB
 
作业
.work
2018-09-03 0.00KB
4.4.1 应用层叠
文档
.pptx
2018-09-03 809.28KB
 
视频
.mp4
2018-09-03 295.72MB
 
作业
.work
2018-09-03 0.00KB
提示框
提示框
确定要报名此课程吗?
确定取消