湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目一网页设计概述 【教学内容】1.网页设计的相关术语 2.网站制作的基本流程 【教学目的】 1使学生对网站及网页有一定的认识 2激发学生学习网页设计的兴趣 【教学重点】 网页设计中的若干术语 【教学难点】 URL的理解 【教学方法】分层教学法、快乐教学法 【教学参考】 1.《 OFFICE2000中文版》 孙慧清华大学出版社 2.《 Front Page2002案例教程》 李辉海洋出版社 3.《 FrontPage2000中文版网页提高》黄敏如清华大学出版社 4.HIML网页制作教程 林义证铁道出版社 5.HIML基础与实例 程耀 电子工业出版社 【新课内容】 、万维网及相关术语 1、 Internet互联网 前身为 ARPANET,1984年原 ARPANET分为军用科研网与民用科研网两部分,民用科 研网经过发展演变为现在的 Internet 2、万维网( World Wide Web 是 Internet平台上的一种信息服务,将文本,声音,动画,以及各种媒体的表现形式 有机融合在一起 3、HIML语言 是网页设计的标准语言,由一系列标志组成 4、浏览器与Web服务器程序 1993年NCSA(美国国家超级计算应用中心)开发出 Mosaic浏览器; 浏览器的主要功能是将HIML标志解释生成用户端网页信息,例如I, Navigator, FireFox, Opera等
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目一 网页设计概述 【教学内容】1.网页设计的相关术语 2.网站制作的基本流程 【教学目的】 1.使学生对网站及网页有一定的认识 2.激发学生学习网页设计的兴趣 【教学重点】 网页设计中的若干术语 【教学难点】 URL 的理解 【教学方法】分层教学法、快乐教学法 【教学参考】 1．《OFFICE2000 中文版》 孙慧 清华大学出版社 2．《FrontPage2002 案例教程》 李辉 海洋出版社 3．《FrontPage2000 中文版网页提高》 黄敏如 清华大学出版社 4．HTML 网页制作教程 林义证 铁道出版社 5．HTML 基础与实例 程耀 电子工业出版社 【新课内容】 一、万维网及相关术语 1、Internet 互联网 前身为 ARPANET,1984 年原 ARPANET 分为军用科研网与民用科研网两部分，民用科 研网经过发展演变为现在的 Internet； 2、万维网（World Wide Web） 是 Internet 平台上的一种信息服务，将文本，声音，动画，以及各种媒体的表现形式 有机融合在一起； 3、HTML 语言 是网页设计的标准语言，由一系列标志组成； 4、 浏览器与 Web 服务器程序 1993 年 NCSA（美国国家超级计算应用中心）开发出 Mosaic 浏览器; 浏览器的主要功能是将 HTML 标志解释生成用户端网页信息，例如 IE，Navigator， FireFox，Opera 等;
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 Web服务器:网站运行的服务器程序,例如IS, Apache等; 5、 Web site网站 是 Internet上信息存放的载体,包括Web网站服务器配置和web网站的网页信息两部 分 6、超级链接 网页之间被此相连接、跳转的关系: 例如:在 main htm中有如下的超级链接关系 匚首页「新闻「娛乐游戏一 Index hti htm 2. htm 3. htm 7. WebPage与 HomePage Webpage:网站中的每一个信息页面,称网页; Homepage访问网站时浏览的第一个页面,主页; 8、免费个人主页空间 Internet中提供存放用户网页的免费硬盘空间; 9、免费域名 提供一种域名的转换服务,将虚拟的域名指向一个实际存在的URL 10、搜索引擎 Internet中提供搜索信息功能的工具,例如:新浪、网易、搜狐、雅虎、263、3721、 Google中文、21CN、中华网等:以百度、 Google、雅虎最为知名。 ll、超文本传输协议HIIP( Hypertext Transfer protoco) 万维网中传输HIML文件时使用的协议 12、URL( Uniform Resource Locator)统一资源定位符 定位 Internet中存在的资源的标识符 Protocol: //Host domain: path/filename fti 主机名称端口号 http 网络资源路径及文件名称 mailto 例如: ftp//www.xgu.hb.cn/public/en.rar http://172.16.195.3/index.htm mailto:HBZYjkx@163.net file: //private/pub/1.htm port号通常省略:
湖北职院计算机科学与技术系理论课教案—《网页设计》 Web 服务器：网站运行的服务器程序，例如 IIS，Apache 等; 5、Web Site 网站 是 Internet 上信息存放的载体，包括 Web 网站服务器配置和 Web 网站的网页信息两部 分； ６、超级链接 网页之间被此相连接、跳转的关系： 例如：在 main.htm 中有如下的超级链接关系 首页 新闻 娱乐 游戏 7．WebPage 与 HomePage Webpage:网站中的每一个信息页面，称网页； Homepage:访问网站时浏览的第一个页面，主页； 8、免费个人主页空间 Internet 中提供存放用户网页的免费硬盘空间； 9、免费域名 提供一种域名的转换服务，将虚拟的域名指向一个实际存在的 URL 10、搜索引擎 Internet 中提供搜索信息功能的工具，例如：新浪、网易、搜狐、雅虎、263、3721、 Google 中文、21CN、中华网等；以百度、Google、雅虎最为知名。 11、超文本传输协议 HTTP(Hypertext Transfer protocol) 万维网中传输 HTML 文件时使用的协议; 12、URL（Uniform Resource Locator）统一资源定位符 定位 Internet 中存在的资源的标识符: Protocol：// Host.domain： path/filename ftp 主机名称 端口号 http 网络资源路径及文件名称 mailto 例如： ftp：//www.xgu.hb.cn/public/en.rar http：//172.16.195.3/index.htm mailto：HBZYjkx@163.net file：//private/pub/1.htm port 号通常省略； Index.htm 1.htm 2.htm 3.htm
湖北职晚计算机科学与技术理论课教案一《网页设计》 制作网站的基本流程 1.规划阶段 网页素材、数据及某主题构思 制作阶段 网页设计、网页上传、测试 3.网站发布的途径 方法一:申请空间上传 方法二:建立自己的Web服务器 4.维护阶段 内容更新,需要有专门的人员 、网站制作的相关建议 ①多浏览,参考典型网站、优秀网站 ②声音,动画,颜色的和谐配合 ③交互性设计要人性化 ④创新意识 四、网页设计的相关软件或语言简介 相关软件: FrontPage、 Dream Weaver、Fash、 Fireworks、 Photoshop、Coo3D 相关语言: VbScript.、 JavaScript、ASP、HIML等; 【课后小结】 通过学习,认识网络、网站、网页及相关信息,理解网页制作的流程及了解相应开 发工具,为设计网页做准备
湖北职院计算机科学与技术系理论课教案—《网页设计》 二、 制作网站的基本流程 1． 规划阶段 网页素材、数据及某主题构思； 2． 制作阶段 网页设计、网页上传、测试； 3． 网站发布的途径 方法一：申请空间上传 方法二：建立自己的 Web 服务器 4． 维护阶段 内容更新，需要有专门的人员。 三、网站制作的相关建议 ①多浏览，参考典型网站、优秀网站 ②声音，动画，颜色的和谐配合 ③交互性设计要人性化 ④创新意识 四、网页设计的相关软件或语言简介 相关软件：FrontPage、DreamWeaver、Flash、Fireworks、Photoshop、Cool 3D 相关语言：VbScript、JavaScript、ASP、HTML 等； 【课后小结】 通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开 发工具，为设计网页做准备