网页设计和制作1.pptVIP

网页设计与制作 （计算机学院） 网页：在网站中，供用户阅读的一个个页面，就称之为“网页”，又称为Web页。 万维网（World Wide Web）：万维网简称WWW或3W，是目前Internet（因特网）上最流行的一种基于超文本形式的资源组织形式。 浏览器：要想访问网络中的各种资源，还需要一个工具，那就是浏览器，否则无法访问到网络中丰富的资源。 目前常用的浏览器有:IE、netscape和腾训TT 统一资源定位器（Universal Resource Locator，简称URL）：是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。 通信协议：也就是上面举例中的“http”部分，它包括HTTP（超文本传输协议）、FTP（文件传输协议）、Gopher（Gopher协议）和News（新闻组）等。 主机名：指要访问服务器的Internet名称。 所要访问的文件路径及文件名：它指要访问资源的具体位置。 文件传输协议（File Transfer Protocol，简称FTP）：是一种快速、高效和可靠的信息传输方法。 超文本标记语言（Hyper Text Markup Language，简称HTML）：它是WWW创建超媒体文本的语言，它也是网页创建中最基本的语言，制作的任何一个网页都是基于HTML文本标识的。 IP地址：IP地址是一组32位的数字号码，如“84”，这就是上网主机的地址。 域名： IP地址是一长串的数字号码，这些数字难记又难以理解。为了方便大家理解、记忆，便有了域名的概念。 1.1 网页设计的基本方式 1.1.1 手工编码方式 1.1.2 利用可视化工具 1.1.3 手工编码与可视化工具结合 1.2 网页中的常见元素 1.2.1 文本 1.2.2 图片 1.2.3 音频与视频 1.2.4 超级链接 1.2.5 表格 1.2.6 表单 1.2.7 导航栏 1.2.8 其他元素 1.3 网页元素的创作与编辑工具 1.3.1 HTML语言 1.3.2 网页图像制作与美化工具 1.3.3 动画制作工具 1.3.4 网页编辑工具 1.1.1 手工编码方式 网页是由HTML（HYPER TEXT MARKUP LANGUAGE）超文本标记语言编码的文本文档，设计制作网页的过程就是生成HTML代码的过程。在WWW（World Wide Web ）发展的初期人们制作网页是通过直接编写HTML代码来实现的。 手工编码制作网页对网页设计人员的要求较高，编码效率低，调试过程复杂，因此，对大多数网页设计人员来说采用这个方式比较困难。但手工编码可以灵活地制作出丰富的网页效果。 1.1.2 可视化工具方式 随着网页制作技术的不断发展，出现了诸如FrontPage、Dreamweaver等可视化的网页编辑工具。利用这些工具人们在可视环境下编辑制作网页元素，由编辑工具自动生成对应的网页代码。如要在网页上显示表格，就可以直接在工作区中绘制表格而不用考虑编码的规则和语法。利用可视化工具编辑网页操作简单直观，调试方便，是大众化的网页编辑方式。但利用可视化工具在制作一些特殊网页效果上有一定的局限性。 1.1.3 编码和可视化工具结合方式 编码和可视化工具结合是一种比较成熟的网页制作方式。具体过程为：一般的网页元素通过可视化工具编辑制作，一些特殊的网页效果通过插入代码生成。这种方式效率高、调试方便而且可以实现丰富的网页效果，但要求设计人员既要熟悉Html语言又能运用可视化工具。除了上面三种基本的网页设计制作方式外，我们还可以通过修改已有的网页代码生成自己的网页。在网页编辑制作过程中具体采用何种方式要根据个人的具体情况而定，每必要拘泥于某种固定的模式。 1.2.1 文本 文本文本是网页发布信息所用的主要形式，由文本制作出的网页占用空间小，因此，当用户浏览时，可以很快的展现在用户面前。另外，文字性网页还可以利用浏览器中“文件”菜单下的“另存为”功能将其下载，便于以后长期阅读，也可对其进行编辑，打印。但是没有编排点缀的纯文本网页，又会给人带来死板不活泼的感觉，使得人们不愿意再往下浏览。 所以，文本性网页一定要注意编排，包括标题的字型字号，内容的层次样式，是否需要变换颜色进行点缀等等。 武汉大学主页 上海交通大学。 注意以下基本原则: 不要使用超过3种字体类型，否则网页看起来将显得杂乱，没有主题。 不要用太大的字，因为版面空间非常宝贵和有限，粗陋的大字体不能带给浏览者更多的信息 最好不要使用不停闪烁的文字。 标题的字体比正文要稍大一些，