第五章 网页设计与制作 教学要求: 了解网页设计中的相关概念与技术; 了解常用的网页制作软件; 掌握使用Dreamweaver进行网页设计的基本操作。 教学内容: 网页设计与制作概述 网页制作软件简介 Dreamweaver网页制作 Dreamweaver框架 Dreamweaver模板 网络测试和发布 5.1 网页设计与制作概述 网页、网站、主页、超链接和URL基本概念 网页设计与制作主要技术 网页设计与制作的主要原则 5.1.1基本概念 网页 网页是一个用超文本标记语言(HTML)描述的 文档,它是一个纯文本文件。HTML语言通过各式各 样的标记对页面上的文字、图片、表格、声音等元素 进行描述,并通过浏览器对这些标记进行解释以生成 实际的页面。网页有多种类型,分别用不同的后缀名 加以区分,如常见的“.htm”静态网页,以“.cgi”、 “.asp”、“.php”、“.jsp”等结尾的动态网页等。 网站 简单来说,网站就是一组逻辑上具有整体意义的 多个网页的集合,也就是说网站设计者事先规划好网 站构架,然后再分别制作出不同的网页,并通过超链 接实现网页间的彼此连通,这样完整的构架就称为 “网站”。网站通常有一个主题,如个人网站、音乐网 站、足球网站等。 5.1.1基本概念 主页 主页又叫首页,是用户进入一个网站时所看到的 第一个页面。主页的文件名通常为index或 default,扩展名依不同网页类型而定。与之对应, 和主页相链接的页面被称为“子页”。 超链接 超链接是WWW技术的核心,网页的出色之处就 在于能够把超链接嵌入其中,使用户能够从一个网页 方便地转移到另一个相关的网页。 URL URL是Uniform Resoure Locator的简写,被 译为“统一资源定位器”,主要用来定位网络信息资源 的地址或本地系统要访问的文件。 5.1.2 网页设计与制作主要技术 HTML语言 HTML是Hypertext Markup Language的缩写,它是一 种描述文档结构的语言。一个HTML文件中包含了所有将要显示 在网页上的内容信息,其中也包括对浏览器的指示,如文字应 放在何处,显示模式如何等。 一个用HTML语言描述的网页,其基本结构如下: