网页的制作(一)

一体化教程教案（首页）（代号C-4）

课

题

名

称 总课题

网页设计与制作 教学目标

1. 了解网页设计概述

2. 了解HTML语言基础

3. 了解Dream weaver基础

4. 学习网页中的基础元素 授课

课时 1

训练

课时

2

分课题

网页设计与制作 主要内容

1. 网页设计概述

2. HTML语言基础

3. Dream weaver基础

4. 网页中的基础元素 合计

课时 3

起止

日期 16.10.23

课

题

要

求 技术理

论知识 网页设计概述、HTML语言基础、Dream weaver基础

实际技

术操作 网页中的基础元素

设备、工量、

刃具准备 计算机

材料

准备 课件

示范

操作 计算机

重

点 网页设计概述、HTML语言基础、Dream weaver基础

难点 网页中的基础元素

课题

实习

结束

小结 在这次的课题学习过程中，同学们都可以基本理解和操作，学习态度良好，学习氛围活跃。

任课教师： 审阅：

2017年5月 15日 教 学 过 程（代号C-5）

第 页

【组织教学】（5分钟）

查看学生到齐人数，实到多少人。是否有请假旷课等情况。

检查机房计算机的使用状况，是否存在异常。

准备上课内容。 教师活动

向学生问好。

让学习委员打好班上考勤

让学生检查计算机的状况。

准备上课内容。 学生活动

向老师问好。学生检查计算机状况。

拿出书本，准备上课

【新课导入】（10分钟）

网页（WEB）：是用html语言编写的，通过www网传输，并被web浏览器翻译成可以显示出来的集合文本、图片、声音和动画等信息元素的页面文件（网页示例）。 导入新课题 做好记录

第 1 页 共 8 页 合同编号：_________

网页制作合同(一)

甲方：_________________________

乙方：_________________________

签订日期：______年_____月_____日

第 2 页 共 8 页 网页制作合同(一)

甲方：

指定联系人：

地址： 邮编：

电话： 传真：

指定联系电子邮箱：

指定关联域名：

是否委托乙方申请域名空间： 是/否 （委托申请域名空间需另附协议或口头约定）

乙方：互通网络有限公司

地址： 邮编：

电话： 传真：

指定联系电子邮箱：

甲方因树立企业形象，扩大宣传等需要，委托乙方设计、制作网页。为明确双方责任，根据《中华人民共和国合同法》，双方就委托设计、制作网页达成如下协议并承诺共同遵守。

除非有特别的说明，本合同中“委托方”与“甲方”指同一主体；“受托方”与“乙方”系指同一主体。

一、委托项目

甲方委托乙方负责设计、制作、建设和开发甲方网站（不含域名注册、网站空间、企业邮箱、网站维护、网站推广等服务），其内容为：共项。

a．整个网站的首页整体美术风格构思、设计、制作，具体：。

第 3 页 共 8 页 b．栏目首页的美术风格构思、设计、制作，具体：。

c．基本网页：。

d．文字资料，具体：。

e．基本图片处理，具体：。

f．特效gif动画：。

g．特效flash动画：。

h．全景演示：。

i．音效：。

j．多媒体：。

k．基本功能模块：。

l．定制功能模块，要求：。

m．其他内容：。

二、甲、乙双方权利、义务和责任

1．甲方须在本合同规定的时间（最迟不超过合同签定日期两天）内向乙方提供齐备网站内容资料（文字、图片、音频、视频等），均须以电子版的形式提供（可另行协商提供文字版），并保证该资料不违反国家法律、法规，不侵犯任何第三方的权利，否则由此引起的全部责任由甲方自己完全承担，与乙方无任何关系。

1

附页： 授课周次 第1周 授课时间 年 月 日至 年 月 日

课程章节 第1次课：认识网页、了解网站

第2次课：了解网页制作方法与网页设计基础

教学目的 第1次课：拓宽学生对网页、网站的认识

第2次课：掌握网页制作的方法，熟悉网页设计的工作流程

内容提要

及板书设计 第1次课：

1.网页、网站的定义；

2.网页的构成要素；

3.不同类型网站的特征归纳总结

第2次课：

1.代码制作网页和软件制作网页的两种方法

2.网页设计的工作流程

3.网店美工的标准

重点、难点

及解决方案 第1次课：

重点：网页基本元素

难点：归纳总结不同网站类型的特征

解决方案：学做合一，实践任务

第2次课：

重点：网页制作方法；设计网页的基础知识

难点：制作网页的两种方法；网页设计的工作流程

解决方案：学做合一，实践任务

教学内容

时间分配 序号 教 学 内 容 学时分配

1 认识网页、了解网站 45

2 使用代码制作网页 45

3 使用软件制作网页 45

4 了解网页设计基础 45

5

教学手段 第1次课：多媒体教学

第2次课：多媒体教学 教学形式

（在右栏勾选） 理实一体（√）理论教学（ ）

实验（ ）实训（ ） 上机（ ）

作业 作业完成方式 书面（ ）电子（√）

教学后记 第1次课：

第2次课：

2 序号 具体内容（课堂组织和教学过程设计） 授课改进意见及实时教学效果记录

第一次课 认识网页、了解网站、使用代码制作网页

第一步，问题导入（10分钟）

以问题“平时喜欢在网上做什么？试问成长于信息化时代的你面对浩瀚如海的信息和四通八达的互联网，你真正了解什么是网页、什么是网站吗？面对五花八门的网页，你知道这些网页是怎么做出来的吗”为引入，与学生互动，引出本节课内容。

第二步，知识讲解（35分钟）

知识讲解要点如下：

一、网页的概念

网页制作基础

一、 单选题

1．WWW是（ C ）的缩写。

A．Wait Wait Wait B．World Wait Web

C．World Wide Web D．Wide World Web

2．一个Web站点上的所有网页通过（ A ）连接。

A．超链接 B． 硬件接口 C． 无法链接 D． 程序链接

3．网页文件不可用（ C ）编辑修改。

A．记事本 B． Dreamweaver C． Outlook D． Front Page

4．HTML文件就是网页文件，它的扩展名通常为（ A ）。

A．htm B．txt C．asp D． jsp

5．通常一个站点的主页默认的文件名是（ C ）。

A．first.htm B．webpage.htm C．index.htm （default、main） D．homepage.htm

6．在Dreamweaver中要设置表格、字体的格式，使用（ B ）。

A．对象面板 B．属性面板 C．快速启动面板 D．任何一种面板都可以

7．在Dreamweaver CS4中，下面关于创建超链接的说法中错误的是（ D ）。

A．可以给文本创建超链接 B．可以给图像创建超链接

C．超链接的目标可以是图像文件 D．超链接的目标只能是网页文件

8．默认情况下表格的背景是（ B ）。

A．白色的 B．透明的 C．灰色的 D．与文字颜色相反的

9． 下列关于表单的说法不正确的一项是（ C ）。

A．表单域一般包含在表单标签内部

B．表单中包含多种表单域，如文本框、列表框和按钮

C．表单就是表单域

C．表单由表单标签和表单域两部分组成

10．在Dreamweaver CS4中，要创建预定义框架，应执行（ B ）菜单中的命令。

A．【查看】 B． 【插入】 C． 【格式】 D． 【命令】