网设计课程标准

1、网页设计课程1. 前言1.1 课程的性质网页设计dreamweaver是计算机应用技术专业和电子商务的主要专业课 之一，是为满足行业企业在网络媒体内容制作岗位对静态网页设计和制作人员的 用人需求而开设的一门专业必修课1.2 课程定位本课程主要培养学生从事网页设计与制作的基本技能， 使学生掌握网页设计 的概念和方法，能够运用专业的网页设计工具和脚本语言， 进行网站规划、 建立 和维护，具备网页设计岗位的职业技术能力。在本课程之前，学生已学习了计算机应用基础 、 Photoshop 平面设计 等基础课程的， 具备基本的计算机操作与图形图像制作能力， 本课程的后续课程 是ASP动态网页设计。1.3

2、设计思路本课程的设计思路以就业为导向， 按照基于工作过程的职业能力来进行课程 开发，邀请企业行业网络专家对计算机网络专业所涵盖的岗位群进行工作任务和 职业能力分析， 以此为依据确定本课程的工作任务和课程内容， 并参照行业职业 标准，以任务引领为课程框架， 将课程按递进方式设计成项目， 并以项目为单元 组织教学， 使学生由浅入深， 以点到面的全面掌握网页设计的职业技能。 同时开 发教材，对教学过程的组织 、教学条件、课程评价都进行了详细的设计，完成 本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标 准。2. 课程目标本课程以学生能够独立进行静态网站开发与维护的实际工作能力为学

3、习目 标，要求学生具备综合运用 HTML技术制作网页，规划、开发、发布管理静态网 站的专业知识和技能，形成解决实际应用问题的方法能力，为以后的学习 ASP 动态网页设计课程打下基础。本课程培养学生综合运用 HTML技术制作网页，以及使用常用网页设计工具规划、开发、发布、管理静态网站的专业知识和技能，具备解决实际应用问题的 方法能力，为以后的学习ASP动态网页设计课程打下基础。具体目标如下：2.1 知识目标 能处理网页图形图像素材 能规划、创建、发布、维护静态网站 能运用 javascript 控制网页行为 能运用多种布局技术制作网页布局 能灵活运用 css 技术规范、美化网页内容 能跟踪和学习

4、并应用网页设计与制作的新知识和新技术2.2 技能目标 能合理的规划商业网站； 能合理设计网页的布局方案和美术设计方案； 能规范的编写网页策划书； 能熟练应用 Photoshop 绘制网页导航要素； 能熟练应用 Photoshop 绘制网页信息区块； 能熟练应用 Photoshop 绘制网页美术文字效果； 能熟练应用 Photoshop 处理网页插图； 能熟练应用 Photoshop 绘制网页整体效果图； 能熟练应用 Photoshop 正确的对网页效果图进行切片和优化； 能熟练应用Dreamweave进行网站站点管理和初始化页面； 能熟练应用Dreamweave对网页的总体结构进行排版； 能熟

5、练应用Dreamweave对网页插片和文字进行编排； 能熟练应用Dreamweave制作网页的细节效果； 能应用Dreamweaver进行DIV+CSS吉构排版； 能熟练应用Dreamweave制作模板与网站子页； 能应用Dreamweaver制作框架页面结构和简单页面脚本交互功能； 能熟练应用Dreamweaver链接网页与测试网站；能应用互联网资源发布网站；能熟练应用Dreamweave维护网页。2.3素质目标培养良好的劳动纪律观念；培养认真做事、细心做事的态度；培养团队协作精神；培养表述、回答等语言表达能力；培养交流、沟通的能力3. 课程内容和学时安排以真实工作项目为依据，对项目进行功能

6、分解、归纳，提取工作任务，分析 工作任务所涉及的相关知识，设计一系列能力要求不断提升的进阶式学习任务， 以学习任务为教学单元组织课程教学，将网页各类语言的应用融入到各学习情境 中，模拟网站开发流程，设计以训练学生为主、教师指导为辅的基于工作过程教 学活动，培养学生岗位职业技能应用及自主学习能力， 从而构建该课程的教学内 容。网页设计课程教学内容设计如下表所示（一）总体设计序号任务名称知识要点技能目标课时1制作图 文混排 网页常见网页设计工具的使用HTML文档基本结构 文本排版控制标记符 图像插入标记符 特殊字符 css的意义、创建与使用方法安装与启用网页制作软件 熟悉网页制作的基本步骤 正确插

7、入文本与特殊字符 正确对文本进行分段分行 正确插入图像运用css技术控制文字图片样式42制作个 人简历 网页有序列表标记符 无序列表标记符 表格标记符 超链接标记符Css技术对列表的控制方法制作有序列表、无序列表 制作混合列表 运用超链接启动电子邮箱链接 .运用表格进行简单页面排版 运用css技术设置列表显示方式43制作电子相册网页图像素材的特点与主要类型 Fireworks对图片进行批处理的方法熟悉网页图像素材的特点与类型掌握Fireworks的基本操作方法6网页电子相册排版要点图像、表格、超链接标记符的相关属 性Css技术的滤镜使用方法了解并掌握网页图片处理的主要方 法熟知图像、表格、超链

8、接标记符的属 性运用css滤镜技术美化图片效果4制作唐 寺欣赏 网站本地网站的创建与发布IIS的安装与设置方法 网站的规划与制作流程 框架技术进行网页布局的方法 超链接标记符在框架技术中的作用 锚点链接技术网站LOGO的制作方法制作网站flash banner的方法多媒体素材网页的制作方法 个人网站的规划与制作流程正确创建、设置、发布本地网站正确安装、设置与管理IIS运用框架技术进行网页布局 锚点技术在长版面网页中的应用 运用图像设计软件制作LOGO运用flash制作具有动态效果的 banner掌握向网页插入动画、视频等多媒体素材的方法熟悉css控制超链接样式的方法105制作个人网站个人网站的

9、规划方法与制作特点 运用图形制作工具绘制网页布局 Fireworks切片并导岀网页的方法D reamweaver布局切片网页的方法 页内框架技术布局网页的方法 动态导航条的制作方法css进行样式规范与美化网页的方法了解个人网站的制作方法与特点 设计并绘制网页布局图 应用切片技术设计网页布局结构 运用Dreamweaver优化切片网页 运用页内框架技术实现网站超链接 掌握制作动态导航条的方法 运用css对网页进行样式规范与美化106制作用 户注册 网页表单与表单元素的相关标记符表单与表单元素的作用 表格布局表单兀素css对表格、表单元素的控制方法D reamweaver检验表单行为的应用 以电子

10、邮件方式提交表单的方法熟悉表单及表单元素的设置方法 掌握表格布局表单兀素的方法 运用css对表格、表单元素进行规范 与美化掌握Dreamweaver验证表单的方法 掌握电子邮件形式提交表单的方法47制作智 能显示 效果的 网页Javascript基本语法知识Javascript语句嵌入到 html的方法表单元素调用Javascript语句的方法Javascript函数的调用方法 时间对象的使用方法 浏览器对象的控制方法熟悉javascript语法知识 掌握在html中调用javascript代码的 方法熟悉调用javascript的事件 控制与使用时间对象、浏览器对象68制作订单网页Javas

11、cript判断、循环等语句的语法 知识创建与调用Javascript自定义函数的 方法数组对象的控制与使用方法 字符对象的控制与使用方法文档对象的控制与使用方法灵活运用Javascript分支与循环语句 掌握Javascript自定义函数的方法 掌握数组对象、字符对象、文档对象 的控制与使用方法综合运用 javascript、html、css 技术69制作在 线考试 网页Javascript对表单元素的访问与控制 方法定时器的使用方法掌握Javascript访问与控制表单元素 的方法灵活设置与取消定时器6HTML技术的综合应用方法运用HTML处理页面的能力10制作数 码产品 门户网 站门户网站

12、的设计、规划与制作流程 网站创建、发布、维护管理的方法Div+css布局网页的方法创建子菜单的方法html技术Dreamweaver的高级应用技术熟悉运用div+css技术设计网页掌握 Dreamweaver仓U建与运用 div Ap 的方法掌握运用 Dreamweaver时间轴功能制作网页漂移元素的方法掌握Dreamweaver行为面板的使用方法灵活应用HTML增加网页特效1268整个课程通过10个技术难度渐进式的工作过程为向导，以典型工作任务为 基点，设计综合理论知识、操作技能和职业素养为一体教学单元活动。用任务驱 动教学的各个环节。边做边学，带动相关知识点，使学生通过完成工作任务教学 单

13、元的学习，不但能够掌握网页制作与网站设计的专业知识和专业技能，还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质，学 生通过学习的过程掌握工作岗位所需要的各项技能和相关专业知识。（二）课程单元内容2 时 fn-K 考 参一、知 识 要 占 八、W -師哄筋意 亦m村射刖的 丿 T 才彳歹 S 診厂、匹 劉寺 S 脊 H戈佟举 C技能目标財刼刪W刪用 安熟正正正运程1具 工 作 制 页 网 的 用 常 识 认 与 动 启 安2档 文 的 白 空 容 内 完 构 结 木 S- 个一 作 制3置 设4号 L M H 向5号 L M H 向6m .贝 化 美 样 范 规 刑斗 类

14、ss C页 网 的 茂 、壬 图 个一2页 网 的 茂 、尤 图 个一>, 王 定任务名称二、制作个人简历网页参考课时4知 识 要 占 八、有序列表标记符 无序列表标记符 表格标记符 超链接标记符Css技术对列表的控制方法技能目标制作有序列表、无序列表制作混合列表运用超链接标记符启动电子邮箱链接 运用表格进行简单页面排版运用css技术设置列表显示方式简单任务活动安排序号任务名称说明1制作一个包含有序列表、无序列表的网页应用UL OL标记符2制作一个包含混合列表的网页嵌套应用UL OL标记符3制作一个显示课程表的网页应用TABLE标记符4制作一个将以上链接以上网页的网页应用A标记符5制作个

15、人简历网页给出布局供学生参考， 分析制作过程，给出指 引后学生自行完成任务 工作 过程 指导表格布局页面对表格中的单元格进行合并、拆分，完成页面主体格局I在相应单元格中插入相关信息，完成简历信息制作电子邮箱启动的制作6 时 fn-K 考 参 一一、一知 识 要 占 八、页顾子像 S 网 H 电图技能目标法伽 去方O 型方要M娜 謝 S 心怜技 阳來观表镜 卸握解知用 熟掌了熟运程123索 用 运456用 应 并7展务 拓任任务名称四、制作唐诗欣赏网站参考课时10知 识 要 占 八、本地网站的创建与发布IIS的安装与设置方法网站的规划与制作流程 框架技术进行网页布局的方法 超链接标记符在框架技术

16、中的作用技能目标正确创建、设置、发布本地网站 正确安装、设置与管理 IIS 运用框架技术进行网页布局 锚点技术在长版面网页中的应用 运用图像设计软件制作 LOGO锚点链接技术网站LOGO的制作方法制作网站flash banner的方法多媒体素材网页的制作方法运用flash制作具有动态效果的banner掌握向网页插入动画、视频等多媒体素 材的方法熟悉css控制超链接样式的方法任务驱动工作过程1规划网站的模块（可按作者划分模块）、首页布局结构（左上下结构）2素材准备：设计并制作网站LOGO、flash Banner及相关多媒体素材3创建相关文件夹，在Dreamweaver创建本地站点，在IIS做相

17、关设置4运用锚点技术创建长版面子模块网页，并运用css技术实现图文并茂的效果5创建left.htm页面，插入LOGO、标题并设置超链接源及目的窗口，形成导航条效果rt6创建top.htm页面，插入相关 flash Banne7创建main.htm页面，内容为图文并茂的网站主题简介，作为首页主框架的内容8创建首页index.htm，运用框架集布局页面，插入相关的框架页面，完成相关超链接9发布与调试网站任务名称五、制作个人网站参考课时10知 识 要 占 八、个人网站的规划方法与制作特点 运用图形制作工具设计绘制网页布局 Fireworks执行切片并导岀网页的方法D reamweaver布局切片网页

18、的方法 页内框架技术在网页布局中的应用方法 动态导航条的制作方法css对网页进行样式规范与美化的方法技能目标了解个人网站的制作方法与特点 设计并绘制网页布局图 应用切片技术设计网页布局结构 运用Dreamweaver优化切片网页 运用页内框架技术实现网站超链接 掌握制作动态导航条的方法 运用css对网页进行样式规范与美化任务驱动工作过程1规划个人网站的模块内容（基本模块为：自我介绍、个人爱好、个人相册、文章）、首页布局结构（上左右结构）2设计并绘制网站首页布局图3在Fireworks中对布局图进行切片操作，并导出文件夹4在Dreamweaver创建本地站点，在IIS做相关设置5素材准备：动态导

19、航条及相关多媒体素材6创建css文件，在Dreamweaver设置并优化切片网页，创建页内框架标记符7创建并制作“自我介绍”、“个人爱好”、“相册”、“文章”等子模块页面及相关css8建立超链接，完成网站拓展任务运用切片技术，由全球 300强企业网站首页的截图，设计并制作首页、二级子页样式任务名称六、制作用户注册网页参考课时4知 识 要 占 八、表单与表单元素的相关标记符表单与表单元素的作用 表格布局表单兀素css对表格、表单元素的控制方法 Dreamweaver检验表单行为的应用 以电子邮件方式提交表单的方法技能目标熟悉表单及表单元素的设置方法掌握表格布局表单兀素的方法运用css对表格、表单

20、元素进行规范与 美化掌握Dreamweaver验证表单的方法 掌握电子邮件形式提交表单的方法任务驱动工作过程1创建页面，插入表单标记符，将表单行为设置为电子邮件提交2在表单中插入表格，并创建相应的css样式对表格格式进行控制3在表格的单元格中插入表单元素，并创建相应的css样式对表单格式进行控制4通过Dreamweaver的行为面板设置单击提交按钮的行为5测试网页，验证设计结果任务名称七、制作智能显示效果的网页参考课时8知 识 要 占 八、Javascript基本语法知识Javascript语句嵌入到html的方法表单元素调用Javascript语句的方法Javascript函数的调用方法时间

21、对象的使用方法浏览器对象的控制方法技能目标熟悉javascript语法知识掌握在html中调用javascript代码的方 法熟悉调用javascript的事件控制与使用时间对象、浏览器对象简单任务活动安排序号任务名称说明1制作一个能够输入并记载用户信息的网页prompt()函数的调用2制作一个具有显示当前时间功能的网页时间对象的使用3制作一个可以更改网页背景颜色的网页文档对象4制作一个可以设置浏览器状态栏信息的网页浏览器对象5制作一个根据具有智能显示效果的网页给出案例供学生参考，分 析制作过程，给出指引并 鼓励学生添加智能效果， 学生自仃兀成任务 工作 过程 指导根据用户的访问时间设置相应的

22、问候语根据用户的喜好设置网页背景与字体颜色(3)状态栏中显示用户当前的操作行为具有设置为默认页面、添加到收藏夹等功能任务名称八、制作订单网页参考课时8知 识 要 占 八、Javascript判断、循环等语句的语法知识 创建与调用Javascript自定义函数的方法 数组对象的控制与使用方法 字符对象的控制与使用方法 文档对象的控制与使用方法技能目标灵活运用Javascript分支与循环语句 掌握Javascript自定义函数的方法 掌握数组对象、字符对象、文档对象的 控制与使用方法综合运用 javascript、html、css技术简单任务活动安排序号任务名称说明1制作一个能记录并输出一组用户

23、登记信息的网页prompt( )+数组+文档对象2在以上任务增加功能：用户可以控制体中止输入信息判断语句的使用3在以上任务增加功能：美化用户的输岀信息css5制作订单网页给出案例供学生参考，分 析制作过程，给出指引并 鼓励学生从界面友好、操 作方便等方面增加网页功 能，学生自行完成任务 工作 过程 指导能列出商品的名称及单价供用户选择1用户可以在选择商品的同时输入数量根据用户输入的信息输岀订单，包括商品名称、数量、单价，以及总的金额用户确认订单后，信息以邮件的方式提交任务名称九、制作在线考试网页参考课时8知 识 要 占 八、Javascript对表单元素的访问与控制方法 定时器的使用方法HTML技术的综合应用方法技能目标掌握Javascript访问与控制表单元素的 方法灵活设置与取消定时器运用HTML处理页面的能力简单任务活动安排序号任务名称说明1制作一个具有单选及复选按钮的网页表单设计2在以上任务增加功能：记载用户的选择信息，并输出访问表单、数组对象、alert()3在以上任务增加功能：一定时间内浏览器自动关闭定时器、浏览器对象4在以上任务增加功能：将信息输出在新浏览器窗口中文档对象、浏览器对象5制作在线考试网页向演示案例效果，提示学生 存在几个问题：成绩最后的 提交方式