最新网页设计项目化教学计划.doc

贵州工业职业技术学院 项目化课程 （2016～ 2017学年第二学期） 课 程 网页设计 教 师 钟大利 授 课 班 级 信1608AB 专业中心负责人 分 院负 责 人 主 管 负 责 人 课 次 周 次 上课时间 学时 教学目标和主要内容 单元标题 能力目标 项目编号 知识目标 其他内容（课程主要内容） 考核内容方法 1 2 3.6-3.12 4 项目一 制作简单图文界面 培养学生利用记事本编写基本网页结构的能力； 培养学生能够主动阅读项目内容，积极完成项目内容，养成良好的学习方法习惯； 1-1 理解本课程的定位和主要学习内容经及本课程在本专业的地位贡献， 对职业规划有初步的了解； 了解网页设计行业常用软件和技术； 网页专业术语； 网页运行原理 ; 网页制作工具； 网站设计分工；HTML文档基本结构； 利用DW cs6制作简单图文界面; 过程化理论+实操考核 2 3 3.13-3.19 4 项目二 创建基本页面 能够使用DW软件创建站点； 能够设置网页标题，输入文字； 能够在网页中插入合适的表格、flash元素; 能够设置表格的宽度、行数、列数和单元格的边框、边距、间距，能够合并与拆分表格单元格，会使用嵌套表格 掌握分段、换行的操作，能输入空格、插入水平线及特殊字符 能够使用图片，变设置图片的对齐方式 能够设置表格的对齐方式，能够设置单元格内容的对齐方式 能够设置文字样式 能够设置网站链接（当前网页文件和图片） 能够设置链接样式 能够保存、预览并修改网页 2-1至 2-4 基本HTML标记(运用) HTML属性(运用) HTML颜色(了解) 字符实体(了解) 插入图片(运用) 超链接(运用) 制作表格页面 制作多媒体页面 在网页中设置超链接 过程化理论+实操考核 3 4 3.20-3.26 4 项目二 创建基本页面 会用记事本编写基本HTML页面 2-5 基本HTML标记(运用) HTML属性(运用) HTML颜色(了解) 字符实体(了解) 插入图片(运用) 超链接(运用) 任务：手工编写HTML网页 （基本语法：标签、属性、属性值 HTML文件基本结构 常用标签：H1、H2、p、br、特殊字符、img、a的使用） 过程化理论+实操考核 4 5、6、7 3.27-4.16 12 项目三 使用CSS样式美化网页 会新建CSS样式表并附加样式表； 会对元素应用样式； 掌握“类型”、“背景”、“方框”、“边框”等的使用方法；； 会通过DW CS6面板定义CSS样式； 熟练应用界面设计和代码设计的方法； 3-1 CSS的基本概念(了解) CSS常用属性(运用) CSS选择器(运用) CSS的位置分类(运用) CSS伪类(运用) CSS的层叠(运用) 在Dreamweaver中编写和应用CSS(运用) Css的基本概念 Css常用属性 Css选择器 Css位置分类 Css伪类 Css的层叠 在Dreamweaver中编写和应用Css 过程化理论+实操考核 5 8、9 4.17~4.30 8 项目四 Div+css网页布局 会配置站点，站点下无垃圾文件，且各文件夹和文件的命名正确； 会正确保存CSS样式表 会正确布局页面，结构草图符合要求； DIV命名规范； 正确、合理的定义CSS样式，保证CSS样式的排列顺序与设计顺序一致； 4-1 任务一 使用盒子模型设计网页布局 过程化理论+实操考核 6 10 5.1~5.7 4 项目四Div+css网页布局 会配置站点，站点下无垃圾文件，且各文件夹和文件的命名正确 会正确保存CSS样式表 会正确布局页面，结构草图符合要求； DIV命名规范； 会合理的利用浮动属性控制盒子的位置； 会合理正确的设置和应用列表； 4-2 CSS基础知识(理解) Display显示(运用) Float浮动(运用) 清除(运用) 绝对定位(了解) 相对定位(了解) 任务二 利用浮动定位的方法布局网页 过程化理论+实操考核 7 11 5.8~5.14 4 项目四Div+css网页布局 会配置站点，站点下无垃圾文件，且各文件夹和文件的命名正确 会正确保存CSS样式表 会正确布局页面，结构草图符合要求； DIV命名规范； 正确、合理的定义CSS样式，保证CSS样式的排列顺序与设计顺序一致； 会合理的利用position属性控制盒子的位置； 4-3 常用网页设计技术(运用) 框模型的概念(运用)