[分享]《网页设计与制作》教学大纲

[分享]《网页 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 与制作》教学大纲 《网页设计与制作》教学大纲 ,信息网络安全监察专业适用, 一、课程类别 专业能力课 二、教学目的和要求 通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件Dreamweaver的使用等基础知识～熟练运用网页制作的工具软件～使学生具有网页、网站制作的知识与能力～具备应用电脑独立开发网页、网站并将网站上传并测试的技能～具备解决网页设计、网站开发中出现各种问题的能力。本课程培养学生的职业素养和创新能力～为日后走向工作岗位打下理论与实践基础。通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。 三、课时分配表 课 时 课 程 内 容 小计 讲授 实验 1 概述 2 2 0 2 HTML 6 2 4 3 Dream weaver基础 4 2 2 4 网页中的基础元素 6 2 4 5 网页页面布局 8 4 4 6 网页中的层和时间轴 6 2 4 7 表单的应用 6 2 4 8 CSS样式使用 8 4 4 9 在网页中使用行为 4 2 2 10 4 2 2 网页中的多媒体应用 54 24 30 合 计 四、教学内容 第一章 概述 一、教学目的和要求:了解网页及网站基本概念及网页的基本要 素 分析 定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析 二、教学重点和教学难点 1.教学重点 网页、网站设计流程～网页基本要素。 2.教学难点 网页基本要素。 第一节 网页和网站 一、网页 二、网站 三、网页的基本功能 ………… 第二节 网页中的主要元素 一、文本 二、图像 三、链接标志 四、其他的基本要素 ………… 第三节 网页制作工具 一、网页编辑工具 二、网页图像编辑工具 三、动态网页技术 ………… 第四节 网页设计的基本流程 一、网站的设计流程 二、网页的设计与制作 三、网页的测试 四、网页上传和发布 ………… 第二章 HTML语言基础 一、教学目的和要求:了解HTML文件的基本结构～掌握HTML中 文本的编辑及图像的语法～掌握HTML中各种设置超级链接的语法～ 掌握HTML中表格和框架的基本语法。 二、教学重点和教学难点 1.教学重点 HTML的语法结构。 2.教学难点 HTML的语法结构、超级链接的语法、表格和框架的基本语法。 第一节 HTML概述 一、HTML简介 二、HTML语法结构 ………… 第二节 文本的编辑 一、段落标记 二、文本标记 三、标题显示等级 四、列表 ………… 第三节 图像编辑 一、插入图像 二、使用背景图像 ………… 第四节 建立超链接 一、建立超链接 二、使用书签 三、标记新窗口和基准链接 ………… 第五节 表格与框架 一、建立表格 二、表格属性 三、建立框架 四、框架属性 ………… 第三章 Dream weaver基础 一、教学目的和要求:了解DW8的操作界面及常用命令～掌握规 划和创建站点的操作～掌握基本的网页操。 二、教学重点和教学难点 1.教学重点 规划 污水管网监理规划下载职业规划大学生职业规划个人职业规划职业规划论文 站点的结构、网页的基本操作。 2.教学难点 规划站点的结构。 第一节 Dream weaver 8工作界面 一、启动和退出Dreamweaver 二、Dreamweaver8操作界面 ………… 第二节 规划与创建站点 一、规划网站的整体结构 二、建立本地站点 三、管理本地站点 ………… 第三节 网页文件的基本操作 一、新建网页 二、保存网页 三、关闭网页 四、打开网页 五、预览网页 ………… 第四章 网页中的基础元素 一、教学目的和要求:通过本章的学习可以掌握在网页中的文本 和段落的设置 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 ～掌握图像的插入及其属性的设置的方法～熟悉页 面属性的设置～熟悉各种超级链接及设置。 二、教学重点和教学难点 1.教学重点 文本和段落的设置文本、图像的插入及其属性的设置、超链接 2.教学难点 网页元素属性的设计 第一节 在网页中插入文本 一、插入文本 二、设置文本格式 三、段落格式的编辑 四、设置列表 五、简单的CSS样式应用 ………… 第二节 在网页插入图像 一、插入图像 二、设置图像属性 三、编辑图像 四、图像外部编辑 五、鼠标经过图像 六、创建导航条 ………… 第三节 插入其他网页元素 一、水平线 二、日期和时间 ………… 第四节 设置网页的页面属性 一、打开页面属性对话框 二、设置网页的标题 三、设置网页的背景 四、设置网页的文本 五、设置网页的边界 ………… 第五节 设置超级链接 一、超链接的路径 二、创建基本超链接 三、锚点链接 四、热区链接 五、电子邮件链接 ………… 第五章 页面布局规划 一、教学目的和要求:学会运用表格进行数据展示及进行网页布 局～学会使用框架结构建立网页。 二、教学重点和教学难点 表格的插入、表格的编排和设置、利用表格进行布局 1.教学重点 表格的插入、表格的编排和设置、利用表格进行布局。 2.教学难点 利用表格进行布局。 第一节 表格的基本操作 一、插入表格 二、添加内容 三、选择表格 四、设置表格属性 五、编辑表格的基本操作 ………… 第二节 表格布局 一、布局视图 二、绘制布局表格和布局单元格 三、编辑布局表格和布局单元格 ………… 第三节 框架布局 一、建立框架 二、框架面板 三、设置框架的属性 四、保存框架 五、框架中的超链接 ………… 第六章 网页中的层和时间轴 一、教学目的和要求:通过教学～使学生掌握Dream weaver层 的概念、层的操作方法,时间轴的概念、时间轴中各元素的功能及时 间轴的常用操作方法。 二、教学重点和教学难点 层的操作方法、时间轴操作方法 1.教学重点 层的操作方法、时间轴操作方法。 2.教学难点 时间轴操作方法。 第一节 层 一、创建层 二、层的基本操作 三、层与表格的转换 ………… 第二节 时间轴 一、认识时间轴 二、创建动画 ………… 第七章 表单的应用 一、教学目的和要求:表单～可以收集用户的信息和反馈意见～ 是网站管理者与浏览者之间沟通的桥梁～在本章将学习如何使用表单 创建描述表单信息的网页。 二、教学重点和教学难点 创建表单、处理表单的方法 1.教学重点 创建、处理表单的方法。 2.教学难点 表单处理。 第一节 创建表单 一、表单概述 二、表单对象 三、插入表单 四、表单属性 ………… 第二节 创建表单对象 一、创建文本域 二、创建复选框 三、创建单选按钮 四、创建列表/菜单 五、创建文件域 六、创建跳转菜单 七、创建按钮 八、创建单选按钮组 九、创建图像域 ………… 第三节 处理表单 一、使用行为验证表单 二、利用邮件传送表单 ………… 第八章 CSS样式使用 一、教学目的和要求:通过教学～使学生掌握CSS样式表的基本 概念～会使用CSS样式面板。掌握创建CSS样式表的方法～新建CSS 样式表～设置CSS样式定义对话框～创建外部CSS样式表～使用和编 辑自定义CSS样式表。 二、教学重点和教学难点 1.教学重点 新建和和应用CSS样式表～CSS经典应用,大字、下划线,。 2.教学难点 滤镜的作用。 第一节 CSS样式概述 一、认识CSS样式 二、CSS样式的类型 三、CSS样式面板 ………… 第二节 使用CSS样式 一、创建CSS样式 二、附加外部CSS样式 三、应用CSS样式 四、编辑CSS样式 五、删除CSS样式 ………… 第三节 CSS样式设置 ,拓展内容～可根据课时来安排是否讲授, 一、类型 二、背景 三、区块 四、方框 五、边框 六、列表 七、定位 八、扩展 ………… 第四节 CSS样式经典实例 一、改变鼠标形状 二、更改超链接的样式 三、应用CSS滤镜 ………… 第九章 在网页中使用行为 一、教学目的和要求:通过教学～使学生掌握Dreamweaver中行 为的概念～熟练掌握使用行为面板对行为的各种操作方法。使用 Dreamweaver 的内置行为为网页对象添加各种常用的行为。 二、教学重点和教学难点 1.教学重点 使用Dreamweaver 的内置行为为网页对象添加各种常用的行为 2.教学难点 内置行为属性设计 第一节 认识行为 一、认识行为 二、使用行为面板 三、增加行为的基本 步骤 新产品开发流程的步骤课题研究的五个步骤成本核算步骤微型课题研究步骤数控铣床操作步骤 四、修改行为 ………… 第二节 使用Dreamwerver8内置的行为 一、播放声音 二、打开浏览器窗口 三、弹出消息 四、转到URL 五、设置状态栏文本 六、拖动层 七、显示—隐藏层 八、检查浏览器 九、改变对象属性 十、控制Shockwave或Flash ………… 第十章 网页中的多媒体应用 一、教学目的和要求:通过教学～使学生掌握在Dreamweaver中 插入音频文件的方法～掌握在Dreamweaver中插入Flash文件的方法～ 掌握在Dreamweaver中嵌入视频文件的方法。 二、教学重点和教学难点 1.教学重点 在Dreamweaver中插入音频文件、Flash文件、嵌入视频文件的 方法。 2.教学难点 网页中的多媒体应用 第一节 在网页中插入音频 一、链接到音频文件 二、在网页中嵌入音频文件 三、在网页加入背景音乐 ………… 第二节 在网页中插入Flash动画 一、插入Flash文本 二、插入Flash按钮 三、插入Flash动画 ………… 第三节 在网页中插入视频 一、链接到视频文件 二、在网页中嵌入视频文件 …………