【网页设计课件】网页设计概述.pptVIP

湖北职院计科系精品课程 教学项目一 网页设计概述 【基本内容】 讲解网页设计的相关术语及网站制作的基本流程 【教学要求】 使学生了解网站、网页的相关知识，激发学生学习网页设计的兴趣 一、万维网及相关术语 1、Internet互联网 前身为ARPANET,1984年原ARPANET分为军用科研网与民用科研网两部分，民用科研网经过发展演变为现在的Internet; 2、万维网（World Wide Web） 是Internet平台上的一种信息服务，将文本，声音，动画，以及各种媒体的表现形式有机融合在一起； 3、HTML语言 是网页设计的标准语言，由一系列标志组成； 4、? 浏览器与Web服务器程序 1993年NCSA（美国国家超级计算应用中心）开发出Mosaic浏览器; 浏览器的主要功能是将HTML标志解释生成用户端网页信息，例如IE，NAVIGATOR等; Web服务器：网站运行的服务器端程序，例如IIS等; 5、Web Site网站 是Internet上信息存放的载体，包括Web网站服务器配置和Web网站的网页信息两部分； 新闻 游戏 娱乐 首页 Index.htm 1.htm 2.htm 3.htm 6、超级链接： 网页之间彼此连接关系； 7．Webpage与 Homepage Webpage:网站中的每一个信息页面，称网页； Homepage:访问网站时浏览的第一个页面，主页 例如：在main.htm中有如下的超级链接关系 11、超文本传输协议HTTP(Hypertext Transfer protocol) 万维网中传输HTML文件时使用的协议; 8、免费个人主页空间 Internet中提供存放用户网页的免费空间； 9、免费域名 提供一种域名的转换服务，将虚拟的域名指向一个实际存在的URL 10、有哪些信誉好的足球投注网站引擎 Intenet中提供有哪些信誉好的足球投注网站信息功能的工具；例如：新浪、网易、搜狐、雅虎、263、3721、Google中文、21CN、中华网等； 12、URL（Unitorm Resource Locator）统一资源定位符 定位Intenet中存在的资源的标识符: Protocol：// Host.domain：port path/filename ftp 主机名称 端口号 http 网络资源路径及文件名称 mailto 例如： ftp：///public/en.rar http：///index.htm mailto：XGZYLJJ@163.net file：//private/pub/1.htm port号通常省略； 二、 制作网站的基本流程 1、规划阶段 进行网站的整体规划也就是组织网站的内容和设计其结构。网页制作者在明确网页制作的目的及要包括的内容之后，接下来就应该对网站进行规划，以确保文件内容条理清楚、结构合理，这样不仅可以很好地体现设计者的意图，也将使网站可维护性与可扩展性增强。 2、制作阶段 网页设计、测试、网页上传 当网页设计人员制作完所有网站页面之后，需要对所设计的网页进行审查和测试，测试内容包括功能性测试和完整性测试两个方面。 所谓功能性测试就是要保证网页的可用性，达到最初的内容组织设计目标，实现所规定的功能，读者可方便快速地寻找到所需的内容。完整性测试就是保证页面内容显示正确，链接准确，无差错无遗漏。 如果在测试过程中发现了错误，就要及时修改，在准确无误后, 方可正式在Internet上发布。在进行功能性测试和完整性测试后，有的还需要掌握整个站点的结构以备日后的修改。 3、维护阶段 内容更新 ? 4、网站发布的途径 网页设计好，必须把它发布到互连网上，否则网站形象仍然不能展现出去。发布的服务器可以是远程，也可以是本地，但必须支持ASP，因为动态程序是建立在ASP基础上的。 方法一：申请空间上传 方法二：建立自己的Web服务器 5、网站制作的相关建议 ①多浏览，参考 ②声音，动画，颜色的和谐配合 ③交互性设计 ④创新意识 ? 6、网页设计的相关软件简介 Frontpage、Dreamweaver、Flash、Fireworks、Photoshop、Cool 3D、VbScript、 JavaScript、ASP、HTML等； FrontPage FrontPage是由Microsoft公司推出的新一代Web网页制作工具。 FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具 有直观的网页制作和管理方法，简化