【网页设计教案】网页设计概述.docVIP

教学项目一 网页设计概述 【教学内容】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语言 是网页设计的标准语言，由一系列标志组成； 浏览器与 Web服务器程序 1993年NCSA（美国国家超级计算应用中心）开发出Mosaic浏览器; 浏览器的主要功能是将HTML标志解释生成用户端网页信息，例如IE，Navigator，FireFox，Opera等; 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：<port> path/filename ftp 主机名称 端口号 http 网络资源路径及文件名称 mailto 例如： ftp：///public/en.rar http：///index.htm mailto：HBZYjkx@163.net file：//private/pub/1.htm port号通常省略； 二、 制作网站的基本流程 规划阶段 网页素材、数据及某主题构思； 制作阶段 网页设计、网页上传、测试； 网站发布的途径 方法一：申请空间上传 方法二：建立自己的Web服务器 维护阶段 内容更新，需要有专门的人员。 三、网站制作的相关建议 ①多浏览，参考典型网站、优秀网站 ②声音，动画，颜色的和谐配合 ③交互性设计要人性化 ④创新意识 四、网页设计的相关软件或语言简介 相关软件：FrontPage、DreamWeaver、Flash、Fireworks、Photoshop、Cool 3D 相关语言：VbScript、JavaScript、ASP、HTML等； 【课后小结】 通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。 湖北职院计算机科学与技术系理论课教案—《网页设计》 Index.htm 1.htm 2.htm 3.htm