《静态网页设计》教学大纲 课程类别： 专业基础课 课程属性： 必修课 学分/学时： 4学分/64学时 制订人： 课题组 适用专业： 信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它 是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设 计制作的基本技能。 二、与其它课程的关系 序号 前期课程名称 为本课程支撑的主要能力 (1)计算机的基本概念知园： 计算机应用基础 〔2)计算机基本操作能力： 〔3》Internet基出知识： PhotoShop基础应 (1》板面设计知识 2 用 (2)配色相关知因 (3)平面图像处理基本技能 序号 后接课程名称 需要本课程支排的主琴能力 (1)网页设计相美常识 PHP动态网站开发 (2)网站美工知识技能： 〔3)HL技术知凯： (4)能够设计制作网页界面。 JavaScitpe物木编程 (1)HT技术知识： (2)数据表单知识： (1)网页设计相关常识 ASPNET程序设计 (2)网站美工知识技能： 〔3)HT.技术知讯：
1 《静态网页设计》教学大纲 课程类别： 专业基础课 课程属性： 必修课 学分/学时： 4 学分/64 学时 制 订 人： 课题组 适用专业： 信息技术相关专业 一、 课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它 是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设 计制作的基本技能。 二、 与其它课程的关系 序号 前期课程名称 为本课程支撑的主要能力 1 计算机应用基础 （1）计算机的基本概念知识； （2）计算机基本操作能力； （3）Internet 基础知识； 2 PhotoShop 基础应 用 （1）版面设计知识 （2）配色相关知识 （3）平面图像处理基本技能 序号 后续课程名称 需要本课程支撑的主要能力 1 PHP 动态网站开发 （1）网页设计相关常识 （2）网站美工知识技能； （3）HTML 技术知识； （4）能够设计制作网页界面。 2 JavaScitpt 脚本编程 （1）HTML 技术知识； （2）数据表单知识； 3 ASP.NET 程序设计 （1）网页设计相关常识 （2）网站美工知识技能； （3）HTML 技术知识；
(4》能够设计制作网页界面。 (1)网页设计相关常识 4 2正程序设计 (3》网站美工知识技能： (3)HML技术知识 (4)能够设计制作网页界面。 三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念： (2)理解L语言中的各种文本格式、段落设置、列表等标记知识： (3)理解和掌摆基本的DIY+CSS技术知识： (4)理解和掌握表格的基本知识： (⑤)理解和掌握数据表单的基本知识： (6)理解和掌摆基本的框架网页知识： (7)理解和掌握网页图像、动西等多媒体应用知识： (⑧)理解和掌握网页超级链接知识： (9)掌捏基木的动画制作知识： (10)了解网页美工相关知识： (11)了解网站的测试、发布与维护的基本知识： (12)掌握网站制作流程 2.院力目标 (1)能运用HTML语言设置和编辑网页元素： (2)会使用Dreanweaver等网页设计工具制作网页： (3)能使运用基本的CSS技术设置网页风格： (4)能在网页中嵌入图像、动画、视频等多媒体元素： (⑤)能运用表格布局并设计网页： (⑥6)能正确运用文字超链接、图像超链接技术设计网页： (T)掌握框架制作网页的方法，会使用框架设计网页： (⑧)握制作表单的方法，会利用表单建立交互式页面： (9)能看懂基本的TL网页源代码。 2
2 （4）能够设计制作网页界面。 4 J2EE 程序设计 （1）网页设计相关常识 （3） 网站美工知识技能； （3）HTML 技术知识； （4）能够设计制作网页界面。 三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念； (2)理解 HTML 语言中的各种文本格式、段落设置、列表等标记知识； (3)理解和掌握基本的 DIV＋CSS 技术知识； (4)理解和掌握表格的基本知识； (5)理解和掌握数据表单的基本知识； (6)理解和掌握基本的框架网页知识； (7)理解和掌握网页图像、动画等多媒体应用知识； (8)理解和掌握网页超级链接知识； (9)掌握基本的动画制作知识； (10)了解网页美工相关知识； (11)了解网站的测试、发布与维护的基本知识； (12)掌握网站制作流程 2.能力目标 (1)能运用 HTML 语言设置和编辑网页元素； (2)会使用 Dreamweaver 等网页设计工具制作网页； (3)能使运用基本的 CSS 技术设置网页风格； (4)能在网页中嵌入图像、动画、视频等多媒体元素； (5)能运用表格布局并设计网页； (6)能正确运用文字超链接、图像超链接技术设计网页； (7)掌握框架制作网页的方法，会使用框架设计网页； (8)掌握制作表单的方法，会利用表单建立交互式页面； (9)能看懂基本的 HTML 网页源代码
(10)会设计网页线板图，并能运用PS进行网页效果图设计 (11)掌捏切片的基本原则和基本方法。综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程，能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力： (2)具备简单的需求市场分析能力： (③)具有一定的语言表达、沟通和协调能力： (4)具有良好的心理素质和责任意识，能及时完成任务的能力： (⑤)具有踏实肯干的工作作风： (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务 部分 内容 知识点 目标任务 建议 结构 学封 主要讲述因特网，万维网、浏览 目标：学生你能从全局角度了解 网页设 答的颜之：多媒体、超媒体、富 误程。 计概述 煤体屐之：网页和网站的概念： 认识网页设计：网页设计师的从 任务多观黎月一类型、不同类 业之路：网页制作工几介绍。 型网页，分析其异同点。 主要从以下几个方面介绍网页排 版相关知机：认识顶及T组.标 目标：能粒立综合运用TL及 基瑞 网页排 记、文本元素、多媒体元素、超 CSS进行复染页面的排版， 版技术 知识 链接、框架、表格、C55、表单、 任务：多动手实践各环节案例项 28 JS表单控制，DW排版，棕合应 日，并争取能从核伪中创新。 技能 用。 的学 习 主要从以下几个介知网页美工设 日标：能独立进行美观、清新、 网页美 计的知识和技巧：网页配色，网 符合主愿要求的界面创迹，并能 工技术 页版面设计，常用工具介绍、页 进行简单的网真动画设计， 22 面元素设计、；整体设计、切片 任务：多动手实践各环节案例项 及排版、动面设计及应用。 目。并争取能从模仿中创新。 主要从以下方面介绍网站项目盖 目标：了解网站线划设计隔边慢 整体规 饭缓从规划设计到发布运营整个工 念、一般方法，企业开发流程 划设计 作流程：规划及流程、分析、设 任务：按老师要求及企业规范完 12 计、重构、制作、发态运营。 成项目援划设计 综合 项目 用不同类型的真是项目指导学生完成网页设计整个流程，带着同学 指导 机动 项日 门做。 实置 项目 根据博客、企事业单位等不国类型网站的不同特点，分配几个类型机动
3 (10)会设计网页线框图，并能运用 PS 进行网页效果图设计 (11)掌握切片的基本原则和基本方法，综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程，能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力； (2)具备简单的需求市场分析能力； (3)具有一定的语言表达、沟通和协调能力； (4)具有良好的心理素质和责任意识，能及时完成任务的能力； (5)具有踏实肯干的工作作风； (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务 部分 内容 结构 知识点 目标任务 建议 学时 基础 知识 技能 的学 习 网页设 计概述 主要讲述因特网、万维网、浏览 器的概念；多媒体、超媒体、富 媒体概念；网页和网站的概念； 认识网页设计；网页设计师的从 业之路；网页制作工具介绍。 目标：学生你能从全局角度了解 课程。 任务：多观察同一类型、不同类 型网页，分析其异同点。 2 网页排 版技术 主要从以下几个方面介绍网页排 版相关知识：认识 DW 及 HTML 标 记、文本元素、多媒体元素、超 链接、框架、表格、CSS、表单、 JS 表单控制、DIV 排版、综合应 用。 目标：能独立综合运用 HTML 及 CSS 进行复杂页面的排版。 任务：多动手实践各环节案例项 目，并争取能从模仿中创新。 28 网页美 工技术 主要从以下几个介绍网页美工设 计的知识和技巧：网页配色、网 页版面设计、常用工具介绍、页 面元素设计、；整体设计、切片 及排版、动画设计及应用。 目标：能独立进行美观、清新、 符合主题要求的界面创造，并能 进行简单的网页动画设计。 任务：多动手实践各环节案例项 目，并争取能从模仿中创新。 22 整体规 划设计 主要从以下方面介绍网站项目盖 饭从规划设计到发布运营整个工 作流程：规划及流程、分析、设 计、重构、制作、发布运营。 目标：了解网站规划设计周边概 念、一般方法、企业开发流程 任务：按老师要求及企业规范完 成项目规划设计 12 综合 项目 实践 项目 指导 用不同类型的真是项目指导学生完成网页设计整个流程，带着同学 们做。 机动 项目 根据博客、企事业单位等不同类型网站的不同特点，分配几个类型 机动
任务的项目，让同学立做。 建议具体学时分配： 第一部分：基础技能知识学习 第一章网页设计概述(2学时) 主要讲述因特网、万推网、浏览器的概念：多媒体、超媒体、富煤体概念：网页和网站 的概念：认识网页设计：网页设计师的从业之路：网页制作工具介绍。 第二章网页排版技术(28学时) 主要从以下几个方面介绍网页排版相关知识：认识W及L标记(2学时)：文本元素 (2学时)：多媒体元素2学时)：超链接(2学时)；框架(2学时)：表格(2学时)：CSS(4 学时)：表单(2学时)！JS表单控制(2学时)，DIV排版(4学时)：综合应用(4学时)。 第三章网页美工技术(22学时) 主要从以下几个介绍网页美工设计的知识和技巧：网页配色(2学时)；网页版面设计(2 学时)1常用工具介绍(2学时)：页面元素设计(4学时)。整体设计(4学时)：切片及排 版(4学时)：动画设计及应用(4学时)， 第四章网站整体规划设计(12学时) 主要从以下方面介绍网站项目盖饭从规划设计到发布运营整个工作流程：规划及流程(2 学时)：分析、设计、重构(4学时)：制作(4学时)：发布运营(2学时)。 第二部分项日实训（为机动学时） 项目指导：用不同类型的真是项目指导学生完成网页设计整个流程，带着同学们做 项目任务：根据博客、企事业单位等不同类型网站的不同特点，分配几个类型的项目， 让同学独立做。 五、教学基本条件 1对散师的基本要求 (1)团队规模 基于每届学生规模，对教师数量的要求4一5名就能满足日常教学要求（含专业实训指导 教师)。其中专职教师3一4人，兼职教师1一2人。职称和年龄结构合理，互补性强。 (2)教师专业能力 根据课程特点，要求教师具有一定的网站项目实施经验，系统攀握网页设计相关技术知
4 任务 的项目，让同学独立做。 建议具体学时分配： 第一部分：基础技能知识学习 第一章 网页设计概述（2 学时） 主要讲述因特网、万维网、浏览器的概念；多媒体、超媒体、富媒体概念；网页和网站 的概念；认识网页设计；网页设计师的从业之路；网页制作工具介绍。 第二章 网页排版技术（28 学时） 主要从以下几个方面介绍网页排版相关知识：认识 DW 及 HTML 标记(2 学时)；文本元素 (2 学时）；多媒体元素(2 学时）；超链接(2 学时）；框架(2 学时）；表格(2 学时）；CSS(4 学时）；表单(2 学时）；JS 表单控制(2 学时）；DIV 排版(4 学时）；综合应用(4 学时）。 第三章 网页美工技术（22 学时） 主要从以下几个介绍网页美工设计的知识和技巧：网页配色(2 学时）；网页版面设计(2 学时）；常用工具介绍(2 学时）；页面元素设计(4 学时）；整体设计(4 学时）；切片及排 版(4 学时）；动画设计及应用(4 学时）。 第四章 网站整体规划设计（12 学时） 主要从以下方面介绍网站项目盖饭从规划设计到发布运营整个工作流程：规划及流程（2 学时）；分析、设计、重构（4 学时）；制作（4 学时）；发布运营（2 学时）。 第二部分 项目实训（为机动学时） 项目指导：用不同类型的真是项目指导学生完成网页设计整个流程，带着同学们做。 项目任务：根据博客、企事业单位等不同类型网站的不同特点，分配几个类型的项目， 让同学独立做。 五、教学基本条件 1.对教师的基本要求 （1）团队规模 基于每届学生规模，对教师数量的要求 4～5 名就能满足日常教学要求（含专业实训指导 教师）。其中专职教师 3～4 人，兼职教师 1～2 人。职称和年龄结构合理，互补性强。 （2）教师专业能力 根据课程特点，要求教师具有一定的网站项目实施经验，系统掌握网页设计相关技术知
识，具备中小型网站项目开发能力，草据一定的教学方法与教学艺术。 (3)课程负责人 熟悉软件技术专业相关知识和高职教育规律、实践经验丰富、教学效果良好，具备“双 师素新”的教师。 (4)“双师素质”教师 承担理论实践一体化误程和工学结合误程的专业教师应为“双师型”教师。要通过校企 共建方式建设专兼结合的“双师型”教师队伍。 2.教学硬件环境基本要求 为了顺利开展本课程的教学工作，需要提供相应的硬件设备和软件工具，给学生一个真 实的实践环境，而且还需要提供丰富的教学资源。以保证教学质量。 (1)硬件设备 局域网：实现数学广播等功能 )投形仪一套：实现展示课件、展示实例、演示操作等功能 2)教师1学生用机：50台以上 3)实训室面积：120平米以上 (2)软件安装（随工具平台假本要求及时进行升级） I)操作系统：Windows平台操作系统 2)网页设计工具：Dreamweaver CS5或以上版本 3)图像处理：PhotoShop CS2或以上版本 4)动制作：Switch/Flash 5)电子教室软件：实现屏幕广播、访问控制等功能 3,教学资源基本要求 (1)“静态网页设计”网络误程资源。 (2》“静态网页设计”相关图书与期刊等图书资源。 (3)完善的教学项目案例· (4)米自企业合作伙伴提供的企业生产与管理规范、生产案例等软资源。 4.学生基础 (1)具备基本的计算机文化基础知识：
5 识，具备中小型网站项目开发能力，掌握一定的教学方法与教学艺术。 （3）课程负责人 熟悉软件技术专业相关知识和高职教育规律、实践经验丰富、教学效果良好，具备“双 师素质”的教师。 （4）“双师素质”教师 承担理论实践一体化课程和工学结合课程的专业教师应为“双师型”教师。要通过校企 共建方式建设专兼结合的“双师型”教师队伍。 2.教学硬件环境基本要求 为了顺利开展本课程的教学工作，需要提供相应的硬件设备和软件工具，给学生一个真 实的实践环境，而且还需要提供丰富的教学资源，以保证教学质量。 （1）硬件设备 局域网：实现教学广播等功能 1) 投影仪一套：实现展示课件、展示实例、演示操作等功能 2) 教师\学生用机：50 台以上 3) 实训室面积：120 平米以上 （2）软件安装（随工具平台版本要求及时进行升级） 1) 操作系统：Windows 平台操作系统 2) 网页设计工具：Dreamweaver CS5 或以上版本 3) 图像处理：PhotoShop CS2 或以上版本 4) 动画制作：Switch/Flash 5) 电子教室软件：实现屏幕广播、访问控制等功能 3.教学资源基本要求 （1）“静态网页设计”网络课程资源。 （2）“静态网页设计”相关图书与期刊等图书资源。 （3）完善的教学项目案例。 （4）来自企业合作伙伴提供的企业生产与管理规范、生产案例等软资源。 4.学生基础 （1）具备基本的计算机文化基础知识；
(2)具备基本的计算机操作技能 (3)Internet基础知识； (4)具备一定的色彩学基础知识： (5)具备一定的审美与美工创意基础 (6)图像处理相关基本概念 (7)图像处理工具的基本使用能力 (8)具备基本的图像处理与编辑能力： 六、其他说明 1.校企合作方式 依托行业，与业内优势企业合作，构建校企合作，建设校外实训基地，为学生顶岗实习 提供场所。聘请企业技术骨干作为专业顾问和兼职教师，参与课程建设与教学。要将行业企 业的工作流程与规范、先进的企业文化引入教学中，较紧密的企业合作伙伴应不少于2家。 2.实施说明 (1)根据专业服务的区域与行业的不同，以及我院实际条件，依据本课程教学设计，具 体制订本课程的教学实施方案，进一步明确工作任务、资源条件、教学做合一的形式与成果 等内容，规范和指导教学。 (2)教学过程中，每2~4人一组，在教师的指导下，制定项目开发计划、时间进度、 工作流程等，教师不仅在技术上予以指导，同时在质量、进度上给予把握和督促，从而确保 项目开发顺利、规范地开展。 3.考核方式 本课程的考核方式建议采用项目考核（上机）。 6
6 （2）具备基本的计算机操作技能； （3）Internet 基础知识； （4）具备一定的色彩学基础知识； （5）具备一定的审美与美工创意基础； （6）图像处理相关基本概念 （7）图像处理工具的基本使用能力； （8）具备基本的图像处理与编辑能力； 六、其他说明 1．校企合作方式 依托行业，与业内优势企业合作，构建校企合作，建设校外实训基地，为学生顶岗实习 提供场所。聘请企业技术骨干作为专业顾问和兼职教师，参与课程建设与教学。要将行业企 业的工作流程与规范、先进的企业文化引入教学中，较紧密的企业合作伙伴应不少于 2 家。 2．实施说明 （1）根据专业服务的区域与行业的不同，以及我院实际条件，依据本课程教学设计，具 体制订本课程的教学实施方案，进一步明确工作任务、资源条件、教学做合一的形式与成果 等内容，规范和指导教学。 （2）教学过程中，每 2～4 人一组，在教师的指导下，制定项目开发计划、时间进度、 工作流程等，教师不仅在技术上予以指导，同时在质量、进度上给予把握和督促，从而确保 项目开发顺利、规范地开展。 3. 考核方式 本课程的考核方式建议采用项目考核（上机）