《商务网页设计与制作》-教学教案

《商务网页设计与制作》

教学教案

授课教师：

授课班级：

课程学分：

总学时数：

周学时数：

上课周次：

教学进度计划

第1课（1.1-1.2）

（1）需求调查

网站需求调查是网站策划的第一步，是确定项目建设必要性的重要工作步骤，由业务团队牵头负责。

①用户调查（业务调查）

②市场调研

（2）网站定位

网站定位是最根本的业务需求，决定网站开发建设的方向，由业务团队牵头负责。

（3）编制需求概要

需求概要是明确做什么、怎么做、做到什么程度的。要求业务目标清晰、业务需求全面、业务边界清楚、业务规则严谨。

需求概要的编制工作应当由业务团队牵头负责，信息技术团队配合。《项目需求概要》应当由业务团队所在单位签字盖章予以认可。

（4）需求分析与功能规划

需求分析与功能规划将需求概要的内容进一步梳理、归纳、系统化，形成系统功能规划。该项工作是以及技术为主的，由信息技术团队牵头负责，业务团队协助配合（5）工作步骤与工作进度

（6）网站开发制作

（7）网站发布与运维

（8）网站运营模式

运营模式运营说明

搜索引擎+百科知识以百度为代表，采用竞价排名、广告

和点击的运营模式。百度为客户投放

通过大学生运

动鞋有用数量

调查的意义，启

示需求调查的

重要性

第2课（2.1-2.3）

第3课（3.1-3.2.3）

第4课（3.2.4-3.2.6）

小结巩固本课程需要理解掌握文本段落、文本列表的设置方法，

课堂练习重点概念：无序文本列表、有序文本列表。

练习：制作无序文本列表、有序文本列表网页。

课后作业作业：

制作一个设置段落的网页，写出完整的HTML代码。具体要求如下：（1）制作一个文本段落，内容为“诗歌是一种语言凝练而形象，结构自由而跳跃，富有节奏和韵律，饱含联想与想象，高度集中与概括地反映社会生活、表达思想感情的文学体裁。诗歌的基本特点为：”。字体为黑体，字号为5号，字的颜色为蓝色，段落中的文本居中显示；（2）制作一个文本段落，在其中再制作一个文本列表，文本列表的字体为楷体，字号为5号，字的颜色为紫色，文本列表的内容如下：

A．生活美：对生活高度的提炼、集中、概括；

B．思想美：饱含深切的思想感情；

C．意境美：用丰富的想象和联想力营造出优美的意境；

第5课（3.3-3.3.2）

实施步骤：

一、组织教学、课前提问（5ˊ）

二、教学引导（3ˊ）

三、进入本次课讲授内容（77ˊ）

四、小结巩固（重申教学目的、重点、难点）（5ˊ）

讲授内容：

第3章 HTML网页制作技术

3.3 图像设置方法

3.3.1 图像文件的存储管理

网站通常有很多图像文件，需要对这些图像文件进行有效的管理。一是起好文件名称。文件名称应当有助于理解图片内容，言简意赅。二是规划好图像文件存储目录。

3.3.2 图像引用

1．相对路径引用

（1）引用当前目录下的文件（同级目录）

（2）引用下级目录下的图像文件

（3）引用上级目录下的图像文件

（4）引用上两级目录下的一个子目录中的文件

2．绝对路径引用教学提示：示例讲解

第6课（3.3.3-3.3.7）

第7课（3.4）

第8课（3.5-3.5.4）

3.5.3 单元格与表头的合并方法

1．多列单元格合并

2．多行单元格合并

3．多行多列单元格同时合并3.5.4 制作单元格内容

1．引用文本

2．引用图像

小结巩固回顾网页表格的概念、表格的代码结构，表格制作方法，单元格合并，以及单元格内容制作方法。

课堂练习练习：

1.制作一个含有5行3列表格的网页;

2.制作一个1行2列的表格，表格式样如下：

奔驰SUN

课后作业作业：

参考资料教材3章；

“互联网”及期刊杂志的相关内容。

第9课（3.5.5-3.5.6）

第10课（3.6-3.7）

第11课（3.8）

第12课（4.1-4.1.3）

实施步骤：

一、组织教学、课前提问（5ˊ）

二、教学引导（3ˊ）

三、进入本次课讲授内容（77ˊ）

四、小结巩固（重申教学目的、重点、难点）（5ˊ）

讲授内容：

第4章 CSS网页式样制作技术

CSS就是显示样式，专门用来设置各类网页元素的显示效果。我们把元素的显示效果事先采用CSS技术封装成一个样式，在主HTML文档中调用这个样式，就能得到这个事先设定的显示效果。

4.1 CSS基础知识

CSS是增强网页显示效果的超文本标记语言，能够起到代替和增强标签属性的作用。CSS的突出特点是：简洁、易用、高效，可以重复使用，也可以继承使用。

4.1.1 CSS的作用

CSS是增强网页显示效果的超文本标记语言，能够起到代替和增强标签属性的作用。CSS的突出特点是：简洁、易用、高效，可以重复使用，也可以继承使用。

4.1.2 CSS的构成规则

4.1.3 CSS样式类别

CSS是配合HTML网页文件使用的，如果没有HTML，则CSS没有任何作用。HTML使用CSS样式时主要分以下几种情况：内联样式、内部样式、外部样式（链接样式、导入样式）。

1．内联样式

内联样式，也称为“行内样式”，就是在HTML的标签中，直教学提示：示例讲解示例讲解