《网设计与制作》教案 .pdf

教案首页 （以2课时为单元） 课序：1 授课日期： 授课班次：电商16级 授课教师： 批准人： 课题： 第一单元 任务1—3节 目的要求： 通过此节的学习，读者应掌握网络相关的基础知识，了解网页制作工具，掌 握HTML语言，掌握dreamwever工具的使用，掌握站点创建方法，掌握简单网 页的制作。 教学内容： 1. internet基础 2. 网页制作工具 3. HTML语言的语法结构 4. 利用HTML语言制作简单网页 5. Dreamweaver工具界面 6. 了解并掌握站点的创建 7. 掌握简单网页的制作 重点难点： 重点：HTML语言和站点的创建 难点：HTML语言 教学方法： 多媒体教学 手 段：课程讲授为主，学生讨论练习为辅。 教学步骤： 1. 首先介绍当 internet发展情况，然后导入WWW、IP及域名、网页及网站 的概念。 2. 首先介绍dreamweaver工具，然后讲解站点的创建和简单网页的制作。 复习提问题：HTML的语法结构 作业题目： P8页练习题 预习内容：浏览网站，分析网站结构特点及配色特点。 课时分配： 教学环节 复习提问 新课讲解 课堂讨论 小节 作业布置 时间分配 0 75 20 3 2 1 第一单元 网页设计基础知识 本单元主要介绍了网页设计前需要了解的准备知识，如网络基础知识、网页制作工具以 及HTML语言等。 【本单元学习目的】 通过本单元的学习，读者应了解与网络相关的基础知识，了解网页制作工具，掌握HTML 语言。 一、Internet基础 1、Internet概述 Internet 是相互连接的网络集合。网络协议是网络中的设备进行通信时共同遵循的一 套规则，即以何种方法获得所需的信息。 Internet所提供的服务主要是WWW、E-mail、FTP、网上传呼、在线聊天、网上购物等 等，而其中WWW和E-mail是最常用的服务。 2、WWW WWW(WorldWide Web)简称为万维网，客户端只要通过“浏览器”（Browser）就可以 非常方便地访问internet上的服务器端，迅速地获得所需的信息。 3、网页与网站 什么是网页？什么是网站？两者有什么样的联系与区别呢？ 构建WWW 的基本单位是网页。网页中包含所谓的“超链接”，通过已经定义好的关键 字和图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其它文件，获得相应的信息，从 而实现网页之间的链接，从而构成了WWW 的纵横交织的网状结构。 通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。 4、域名与 IP地址 在 Internet 上的每台网络设备都要有一个唯一的地址才能被访问到，这个地址就是 IP 地址。 IP 地址是由 32 位的二进制数值构成，分成 4 组，转化为十进制用点分隔，比如： 1。 域名系统是一个分层的树状结构组织。最上面是一个无名的根域，下层为顶级域名，接 着是二级…… 顶级域名的分类：从组织上和地理上分类，顶级域名的管理和分配由internet网络信息 中心控制，网址为：。 美国采用的组织分类形式，而其它国家采用的是地理上分类，用代表国家或地区的顶级 域名，中国国内域名由中国互联网信息中心控制，网址为：。 域名的书写格式为：叶节点名.二级域名.顶级域名 例如：，www：web服务器名，sohu：企业名称，com：顶级域名。 二、网页制作工具 目前网页制作工具较多，大多数网页的制作都是通过“所见即所得”的编辑工具完成的， 在网页制作过程，还需要进行素材的创作和加工，即图形和动画制作工具。 1、网页编辑工具 网页编辑工具主要分为标记型和所见即所得型。 所见即所得型的编辑软件主要有：微软的Frontpage 和 Dreamweaver。其中Frontpage 继承了O