静态网页设计-教学大纲

《静态网页设计》教学大纲

课程类别：专业基础课

课程属性：必修课

学分/学时： 4学分/64学时

制订人：课题组

适用专业：信息技术相关专业

一、课程的性质

“静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。

二、与其它课程的关系

三、教学目标

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)具备简单的需求市场分析能力；

(3)具有一定的语言表达、沟通和协调能力；

(4)具有良好的心理素质和责任意识，能及时完成任务的能力；

(5)具有踏实肯干的工作作风；

(6)具有一定的创新意识和艺术设计素质

四、内容结构与目标任务

建议具体学时分配：

第一部分：基础技能知识学习

第一章网页设计概述（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）硬件设备

局域网：实现教学广播等功能

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）具备基本的计算机文化基础知识；