2023年《网页制作与设计》96课时教学大纲.docx

2023年网页制作与设计96课时教学大纲 网页制作与设计96课时教学大纲 网页设计与制作课程教学大纲 （适用于软件技术专业、多媒体专业、计算机网络专业） （96课时）编制人 制定日期 修订日期 审定人 审定日期 梁洁婷 2023.5 20234 陈承欢 2023.5 一、课程的性质与任务 1、课程性质： 网页设计与制作是高等职业技术学院多媒体专业和计算机网络专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver MX，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。 2、课程任务： 本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识： l 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。 l 掌握各种网页元素在Dreamweaver MX中的使用。例如表格、文本、图像、超级链接、层和表单等。 l 熟悉一些网页设计辅助软件的功能和使用方法。例如Flash、Fireworks、Photoshop等。 l 掌握测试和发布网站的方法。包括网站测试的内容和方法、Cuteftp的使用方法等。 l 能够解决一些网页设计中的常见问题。 二、课程目标 本课程的基本目标是： 使学生通过本课程的学习，掌握Dreamweaver MX的使用方法，学会使用Dreamweaver MX制作Web网页的技术。 本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。 课程在知识、素质和能力方面的基本要求： （1）知识要求 深入了解Internet，理解WWW、HTTP、HTML等概念及作用； 掌握网站设计和发布的流程。了解FTP、GOPHER、HTTP、MAILTO、NEWS、TELNET、WAIS等协议的含义和作用； 理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用； 了解多种网页制作软件和图像处理软件相结合设计网站的好处。 （2）素质要求 本课程将培养学生以下几方面的职业素质： 服务意识：能够为他人提供优质的服务； 文明法制意识：网站内容应积极健康向上，不做违法的事； 合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力； 较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。 （3）能力与技能要求 网页制作软件的使用方法； 在网页中编制/插入需要的脚本； 进行网站的上传/下载、更新、管理。 三、适用专业及开设学期 1、适用专业： 软件技术专业、多媒体专业、计算机网络专业 2、开设学期：第二学期或者第三学期 四、学时分配 总学时：96，理论：48 ，实验：48。 各知识单元的学时 ( 理论与实验学时 ) 分配如下：容 理论学时 实验学时 教学内 经典网页赏析 2 2 网页设计制作基础知识 24 20 网页提高模块的编程单元 6 6 网页提高模块的技术设计单元 8 8 网页提高模块的拓展单元 6 6 综合模块 2 6 合计 48 48 五、课程各知识单元的内容、重点、组织结构及授课要求 理论部分 （一） 经典网页赏析 内容概述 1.通过对网页设计基础知识的介绍，了解建立网站的一些准备工作以及与网站有关的一些概念； 2.建立网站的过程，能从网站得网站的整体进行规划，定位网站的主体和风格； 3.构建网站的目录框架和链接框架，会发布网页。 本章目标 与网站相关的概念，网站的主题定位，网站的目录结构，网站的链接结构，网站布局，发布站点。 重点和难点 网站的整体风格，创意设计，发布网站。 内容组织结构 网页与网站的概念 网页的设计 网站的策划与创建原则 网站的开发流程 （二） 网页构成 内容概述 1.掌握Dreamweaver MX的使用界面中各组成元素的名称与功能； 2.掌握打开与关闭工具窗口的方法； 3.理解站点、网站、网页及网页属性的概念。 本章目标 Dreamweaver MX的组成与使用方法 重点和难点 理解站点、网站、网页及网页属性的概念。 内容组织结构 Dreamweaver MX 简述 新增功能的介绍和了解 Dreamweaver MX界面简介 个性化的工作环境的设置和了解 （三） 页面控制 内容概述 1.了解网页中文本的输入、编辑以及打开、关闭与设置其属性的方法。掌握系统属性及网页属性的设置方法，及各设置参数的作用； 2.要求重点了解制作网页时的不同断行方法， 增加分隔线的方法及文本列表的设置。 本章目标 学会制作首页页面，了解通常网站首页的结构，学会链接网页中的图像和文字，能够应用站点地图调整网站构架。 重点和难点 首页是网站的门户，首页布局是否合理、色彩应用是否恰当及内容是否有吸引力，直接关系到网站的访问量，学会首页的制作是重点。 内容组织结构 制作首页标题 设置导航栏 设置首页内容 设置“页面”属性 浏览页面 设置首页及应用站点地图 设置参数 （四） 文本操作 内容概述 1.应用文字及设置文字格式； 2.设置样式及样式参数； 3.对特殊格式的处理。 本章目标 文本是网页中不可缺少的元素，对网页中的文字进行格式设置，可以使网页文字易于被浏览者接受。 重点和难点 文字表现形式的具体应用。 内容组织结构 在文档中键入文本及导入表格式数据文档 设置段落格式和文档结构 创建项目列表和编号列表 设置文本格式 插入特殊字符、水平线、日期对象 （五） 图像操作 内容概述 1.了解网页中按使用的图像类型； 2.对网页应用所需图像； 3.图像的优化。 本章目标 网页中制作精良的图像会使网页美观、生动，使网页的内容更加丰富，充分表达网页的主题 重点和难点 合理图像的处理及应用 内容组织结构 图像常用文件格式 在页面中插入图像 创建鼠标经过图像 使用Fireworks优化图像 （六） 表格布局 内容概述 1.掌握表格的创建、结构调整与美化方法； 2.熟悉表格与单元格的主要属性及其设置方法； 3.掌握通过表格来进行网页页面的布局方法。 本章目标 掌握表格的创建、结构调整与美化方法，熟悉表格与单元格的主要属性及其设置方法，掌握通过表格来进行网页页面的布局方法 重点和难点 表格的创建、调整、单元格的编辑与属性设置等操作的方法 内容组织结构 表格及其属性设置 基本表格操作 表格排序 使用表格进行页面布局 （七） 布局表格 内容概述 1.掌握布局表格的相关概念； 2.不同模式之间的切换； 3.添加内容至布局单元格。 本章目标 在布局模式中，可以在网面部直接画出表格与单元格，有利用对网页定位。 重点和难点 布局模式生成的表格的操作。 内容组织结构 布局模式的切换 绘制布局表格 绘制布局单元格 布局表格转换为标准表格 （八） 框架网页 内容概述 1.了解框架网页与普通网页之间的区别与联系； 2.掌握框架网页在创建、选择、设置、存储与应用方面的特点； 3.掌握框架结构网页的制作方法； 4.掌握浮动框架的特点和制作方法。 本章目标 框架网页的特点、框架网页的创建、编辑、保存与应用方法 重点和难点 利用框架制作动态网页 内容组织结构 框架与框架集的概念 框架的用途 框架和框架集工作流程 创建框架和框架集 嵌套框架集 框架和框架集的编辑 控制具有链接的框架内容 处理不能显示框架的浏览器 （九） 层的布局 内容概述 1.掌握在网页中创建、修改层和嵌套层的方法； 2.掌握层的属性和编辑层属性的方法； 3.掌握移动、删除层的方法； 4.能够将层与行为进行简单结合。 本章目标 层的概念以及层的创建与修改方法 重点和难点 图层的概念与运用 内容组织结构 创建层 修改层 设置图层参数和图层属性 （十） 模板和库 内容概述 1.要求掌握Dreamweaver MX中模板与库元素的概念与作用； 2.了解模板的固定区域与可编辑区域的区别和用途； 3.了解更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响； 4.学会通过模板和库元素创建网页的方法。 本章目标 模板与库元素的特点、用途、制作与使用方法，以及如何利用模板控制面板及库控制面板来管理模板与库元素。 重点和难点 模板和库的概念 内容组织结构 模板与库的相关概念 模板的固定区域与可编辑的区别与用途 使用库项目 模板的创建和设置 （十一） 超级链接 内容概述 1.深入理解绝对路径、相对路径、根相对路径的概念、意义及用法； 2.了解建立超级链接各目标参数的意义，掌握设置超级链接的方法； 3.掌握制作超级链接、E-mail链接、锚点等形式的超级链接； 4.掌握导航条与跳转菜单的特点与用法。 本章目标 掌握常用的超级链接设置的方法，包括：锚点，内部链接，外部链接，E-mail,脚本，跳转菜单和导航条的设置方法 重点和难点 理解导航条与跳转菜单 内容组织结构 超级链接的概念 各种链接的功能和实现方法 （十二） 表单网页 内容概述 1.学会使用Dreamweaver MX中应用表单设计网页的方法； 2.全面掌握表单的创建、编辑、处理方法，以及各表单对象的功能、特点和用途（包括：复选框、下拉列表框、按钮）的特点与使用方法； 3.能够初步理解ASP脚本，认识客户端脚本与服务器端脚本使用的异同。 本章目标 表单的创造、编码、处理方法，以及各种表单对象的特点与使用方法。能够区分客户端脚本与服务器端脚本的使用。 重点和难点 理解表单、表单对象的概念 内容组织结构 表单的概念及作用 HTML表单设计基础 表单网页的制作方法 表单处理 （十三） 动感网页 内容概述 1.掌握时间线的创建与调整方法； 2.学会通过如何为时间线增加行为等方式来控制时间线的播放效果； 3.掌握利用时间线制作网页动画的方法。 本章目标 时间线的创建、编辑、行为设置等内容。 重点和难点 时间线和动态网页的概念 内容组织结构 时间轴的相关概念 “时间轴”面板 创建时间轴 在时间轴上添加行为 在时间轴中改变对象属性 编辑时间轴 （十四） HMTL语言 内容概述 1.HTML语言的历史； 2.使用HTML语言标签； 3.运用标签在Web页面中生成某种特殊效果。 本章目标 认识网页文件的结构以及HTML语言的基本语法 重点和难点 表单的各种域的标记语法 内容组织结构 基础知识 HTML超级链接 文本格式 图像及多媒体的使用 表格与框架 （十五） 美化网页 内容概述 1.了解网站中应用CSS的意义，熟练掌握CSS样式的定义、设置及应用； 2.要求重点了解CSS滤镜的应用。 本章目标 能够根据网站的要求灵活地建立与使用CSS层叠样式表，CSS滤镜的应用 重点和难点 CSS样式的定义、使用及CSS滤镜的应用 内容组织结构 CSS概念 CSS的创建与使用 CSS的滤镜 （十六） JavaScrip技术 内容概述 1.JavaScrip的由来、历史及其特点； 2.JavaScript语句在浏览器中的执行过程； 3.JavaScript语句的开发使用。 本章目标 了解JavaScript语言基础知识 重点和难点 JavaScript的函数和事件处理 内容组织结构 JavaScript语言概述 JavaScript的变量、常量、数据类型和表达式 JavaScript程序语句 JavaScript函数和事件处理 JavaScript中的对象 （十七） 网站管理 内容概述 1.通过站点管理器规划、创建站点的方法与站点设置参数的意义和设置方法； 2.站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系； 3.通过站点管理器发布站点的方法与上传、下载与同步更新站点内容的方法。 本章目标 站点的创建、站点地图的使用以及文件的下载、上传与同步更新。 重点和难点 站点管理器的使用。 内容组织结构 为什么要进行网站的维护与更新 做好网站维护需要哪些工作 网站如何更新维护 （十八） 网页设计 内容概述 1.了解域名注册的过程； 2计数器及留言板的获取； 3.增加网站交互性的手段。 本章目标 掌握增强交互性网站的常用方法 重点和难点 计数器与留言板的获取。 内容组织结构 企业注册域名的方法 免费申请站点计数器 申请免费留言板 （十九） 特效制作 内容概述 1.在网页中插入Fireworks HTML、Java Applet小程序； 2.Shockwave电影、Flash电影、ActiveX.控件等多媒体对象的使用方法。 本章目标 如何在网页中插入需要的媒体元素。 重点和难点 理解在网页中插入多媒体对象的概念。 内容组织结构 添加 Flash 动画 创建和插入 Flash 按钮， 插入 Shockwave 影片 添加视频及嵌入声音文件 插入 ActiveX 控件 Flash 文本 插入 Java applet （二十） 应用行为 内容概述 1.了解行为、事件与动作的概念； 2.学会利用行为面板设置控制对象的行为； 3.会利用系统提供的主要行为，设置网页对象的行为从而实现交互式网页的设计； 4.能够下载、安装并使用第三方行为。 本章目标 行为、事件、动作的基本概念，以及如何利用行为面板为选定的对象设置行为。 重点和难点 行为的理解与应用 内容组织结构 认识行为和事件 基本行为操作 使用DreamweaverMX的内置行为 下载并安装第三方行为 （二十一） 应用插件 内容概述 1.常用插件的分类方法； 2.HTML插件的使用； 3.MXP插件的运用； 4.插件的常用使用及下载的方法。 本章目标 掌握在常用插件的使用及下载方法 重点和难点 插件的常用使用及下载的方法 内容组织结构 插件的类型的掌握 插件的安装方法 插件的使用 插件的下载 （二十二） 应用Fireworks插件 内容概述 1.Fireworks中文本和绘图工具的使用； 2.Fireworks中属性面板的使用； 3.运用Fireworks制作特效素材； 4.Fireworks中帧面板和画布的使用与修改； 5.运用Fireworks制作动画并导出不同格式的图像素材。 本章目标 掌握在网页设计中合理地运用Fireworks。 重点和难点 Fireworks中帧面板的使用及画布的修改 内容组织结构 用Fireworks制作导航条 利用Fireworks制作网站徽标 使用Fireworks制作栏目边框素材 用Fireworks制作鼠标经过图像素材 合理使用Fireworks制作栏目动画素材 通过Fireworks设计横幅广告并合成相应网页 （二十三） 应用Flash 内容概述 1.Flash工具面板和属性面板的使用； 2.新建元件及时间轴面板的使用； 3创建补间动画和引导线动画； 4.Photoshop素描自画像的制作； 5.添加网页特效代码。 本章目标 掌握Flash在网页设计中的应用 重点和难点 Flash素材的制作及页面的合成。 内容组织结构 首页中Flash动画的制作 首页中动态导航菜单的制作及首页的合成 雪中江湖页面中Flash素材的制作及页面合成 白雪少年页面中素描自画像素材的制作及页面合成 （二十四） 综合实训 内容概述 1.综合站点实例的练习； 2全面设计站点目录结构的规划和设置介绍了； 3.网页的创建、布局以及设置方法 4.综合功能的运用。 本章目标 全面掌握交互式网站的制作方法 重点和难点 理解站点、网站、网页及网页属性的概念，会向网页中插入多媒体信息。 内容组织结构 分析站点创建的全过程 站点目录结构的规划和设置 制作包含表单的交互式网页的制作 利用Fireworks处理图片 制作按钮与导航拦等网页的创作技巧实训部分 典网站赏析 实验目标 通过对经典网站的赏析，掌握建立网站的过程，构建网站的目录框架和链接框架，会发布网页。 相关知识点 1.网页设计基础知识的介绍； 经 （一）2.建立网站的过程； 3.定位网站的主体和风格； 4.构建网站的目录框架和链接框架。 内容安排 网页与网站的概念 网页的设计 网站的策划与创建原则 网站的开发流程 重点和难点 网站的整体风格，创意设计，发布网站 网页制作与设计96课时教学大纲 网页设计与制作教学大纲 网页设计与制作教学大纲 网页设计与制作教学大纲 网页制作与设计教学大纲 网页设计与制作教学大纲 网页设计与制作教学大纲 网页设计与制作教学大纲(精) 网页设计与制作课程教学大纲 网页制作教学大纲