《中文版Dreamweaver网页制作案例教程[2021版]》教案 项目一 网页设计与制作基础知识.docx

PAGE14

PAGE14

PAGE15

PAGE15

《中文版Dreamweaver网页制作

案例教程》

教案

课时分配表

章序

课程内容

课时

备注

1

网页设计与制作基础知识

8

2

网站规划与站点创建

8

3

网页中的文本、图像与音视频

12

4

网页中的列表与超链接

12

5

网页中的表格与表单

8

6

网页布局

12

7

行为、模板与库

8

8

实战案例——制作爱学精品课网站

4

合计

72

课题

项目一网页设计与制作基础知识

课时

8课时（360min）

教学目标

知识技能目标：

（1）了解网页基础知识

（2）掌握HTML5基础知识

（3）掌握CSS3基础知识

（4）能够分析并总结网站的特点

（5）能够使用HTML5与CSS3制作简单的网页

素质目标：

培养良好的工作和学习习惯，树立独立思考的意识

教学重难点

教学重点：网页基础知识、HTML5基础知识、CSS3基础知识

教学难点：使用HTML5与CSS3制作简单的网页

教学方法

案例分析法、问答法、讨论法、讲授法

教学用具

电脑、投影仪、多媒体课件、教材

教学过程

主要教学内容及步骤

课前任务

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，完成课前任务

请大家搜集网页设计的相关资料，并进行了解。

【学生】完成课前任务

考勤

【教师】使用APP进行签到

【学生】班干部报请假人员及原因

新课预热

【教师】自我介绍，与学生简单互动，介绍课程内容、考核标准等

【学生】聆听、互动

【教师】介绍网页设计的成功案例和职业前景，帮助学生理解学习本课程的意义

【学生】聆听、记录、理解

互动导入

【教师】组织学生扫码观看“网页设计师”视频，并讨论以下问题：

（1）如何了解网页设计与制作相关岗位的职责？

（2）简述网页设计与制作相关岗位的职责。

【学生】观看、思考、讨论、举手回答

【教师】总结学生的回答

传授新知

【教师】通过学生的回答，引入新知，讲解网站开发相关概念、网站开发流程、网页设计基础和网页制作基础等知识

任务一了解网页基础知识

一、网站开发相关概念

1．Internet

Internet的全称是Internetwork（因特网），是集现代计算机技术和通信技术于一体的、全球最大的开放式计算机网络。它基于TCP/IP协议，通过网络互联设备将不同国家、不同地区、不同部门和不同类型的计算机、国家骨干网、广域网、局域网等进行连接。

Internet提供的服务包括信息服务、文件传输服务、远程登录服务、电子邮件服务及域名解析服务等。

【小贴士】

internet与Internet在概念上不完全等同。internet（互联网）是一个通用名词，泛指多个计算机网络互连而组成的网络，其中的通信规则并不固定；Internet（因特网）特指以TCP/IP协议为通信规则的计算机网络，属于internet的一种。

2．IP地址

因特网上连接了不计其数的服务器和客户机，每一个主机在因特网上都有一个唯一的地址，称为IP地址（internetprotocoladdress）。IP地址是一个32位的二进制数，为方便使用，一般用4个小于256的十进制数表示，4个十进制数之间用“.”间隔。例如，“26”就是一个IP地址。

3．域名

由于IP地址在实际使用中不方便记忆和书写，因此人们又设计了一种与IP地址对应的名称来表示地址，即域名。每一个网站都有自己的域名，并且域名是独一无二的。例如，在浏览器地址栏中输入百度网站的域名“”，然后按“Enter”键即可访问百度网站。

【小贴士】

百度网站的域名“”中，“.com”为顶级域名，表示商业组织。顶级域名表示不同类型的组织或机构，如“.org”表示非营利组织，“.net”表示网络服务提供商等。“baidu”为二级域名，一般表示特定的网站或子网站。

百度网站的新闻子站域名为“”，其中的“news”为三级域名或子域名，一般表示特定的网站或子网站。

4．网址

【教师】利用多媒体展示“URL”图片，并进行讲解

在访问某个网页时，一般都需要在浏览器的地址栏中输入该网页的网址。网址又称URL（uniformresourcelocator），即统一资源定位符，是世界通用的、负责定位万维网资源（如网页）的标准字符串。一个完整的URL由通信协议名称、域名或IP地址、资源在服务器中的路径和文件名组成。

【小贴士】

万维网（worldwideweb，WWW）又称全球信息网，它将世界各地的信息资源以超文本或超媒体的形式组织成一个巨大的信息网络，使用户可以通过浏览器获取感兴趣的信息。这些信息由URL标识，通过HTTP传送给用户。

HTTP（hypertexttransferprotocol，超文本传输协议）