21世纪高等院校规划教材 网页设计与制作实用技术 齐建玲主编 郭铁柱刘博涛何丽娟副主编 中国水利水电出版社
21世纪高等院校规划教材 网页设计与制作实用技术 齐建玲 主编 郭铁柱 刘博涛 何丽娟 副主编 中国水利水电出版社
第1章网页制作初识 通过本章学习,应该掌握以下内容 1.认识网页 2.构成网页的基本要素 3.制作网页的基本工具 4.美化网页的基本工具 5.网页制作的基本步骤
通过本章学习,应该掌握以下内容: 1. 认识网页 2. 构成网页的基本要素 3. 制作网页的基本工具 4. 美化网页的基本工具 5. 网页制作的基本步骤 第1章 网页制作初识
11一个校园网的制作示例 11.1主要网页画面 11.2网页的基本功能 12网页的基本要素 121文字 文字是网页发布信息所用的主要形式,由文字制作 出的网页占用空间小,当用户浏览时,可以很快的展 现在用户面前。另外,文字性网页还可以利用浏览器 中“文件”菜单下的“另存为”功能将其下载。但是 没有编排点缀的纯文字网页,又会给人带来死板不活 泼的感觉,使得人们不愿意再往下浏览
1.1 一个校园网的制作示例 1.1.1 主要网页画面 1.1.2 网页的基本功能 1.2 网页的基本要素 1.2.1 文字 文字是网页发布信息所用的主要形式,由文字制作 出的网页占用空间小,当用户浏览时,可以很快的展 现在用户面前。另外,文字性网页还可以利用浏览器 中“文件”菜单下的“另存为”功能将其下载。但是 没有编排点缀的纯文字网页,又会给人带来死板不活 泼的感觉,使得人们不愿意再往下浏览
文字性网页一定要注意编排,包括标题得字型字 号,内容的层次样式,是否需要变换颜色进行点缀等。 1标题 个网页通常都有一个标题,表明本网页的主要内 容。标题是否醒目,是吸引浏览者能否注意的一个关 键,因此对标题的设计是很重要的。 2.字号 网页中的文字不能太大或太小。太大会使得一个网 页信息量变小,太小又使人们浏览时感到费劲。一个 优秀网页中的文字,应统筹规划,大小搭配适当,给 人以生动活泼之感觉
文字性网页一定要注意编排,包括标题得字型字 号,内容的层次样式,是否需要变换颜色进行点缀等。 1.标题 一个网页通常都有一个标题,表明本网页的主要内 容。标题是否醒目,是吸引浏览者能否注意的一个关 键,因此对标题的设计是很重要的。 网页中的文字不能太大或太小。太大会使得一个网 页信息量变小,太小又使人们浏览时感到费劲。一个 优秀网页中的文字,应统筹规划,大小搭配适当,给 人以生动活泼之感觉。 2.字号
3.字型 在网页适当的位置采用不同的字体字型,也能使 网页产生吸引人的效果。应该注意的是在报刊上变换 字体字型非常普遍,它可以在不同的地方使用不同的 字型。但在网页制作上却要慎重。因为有些美丽的字 型在制作网页的计算机上有,但将来别人浏览你的网 页时,浏览者的计算机上未必装有这种字体。这样浏 览者就无法得到你预想的浏览效果,甚至适得相反 如果只是标题或少量的文字,可以将采用的特殊 字体制作成图形方式,就可避免其他浏览者看不到的 尴尬局面了
在网页适当的位置采用不同的字体字型,也能使 网页产生吸引人的效果。应该注意的是在报刊上变换 字体字型非常普遍,它可以在不同的地方使用不同的 字型。但在网页制作上却要慎重。因为有些美丽的字 型在制作网页的计算机上有,但将来别人浏览你的网 页时,浏览者的计算机上未必装有这种字体。这样浏 览者就无法得到你预想的浏览效果,甚至适得相反。 如果只是标题或少量的文字,可以将采用的特殊 字体制作成图形方式,就可避免其他浏览者看不到的 尴尬局面了。 3.字型
1.22表格 当文本内容较多时,可以利用表格形式来实 现。表格是在网页上的一行或多行单元格,用来 组织网页的布局或系统地布置数据,用户可以放 置任何东西在表格的单元格中,包括文字、图形 和表单等。表格具有容量大、结构严谨和效果直 观等多个优点,是网页中不可缺少的记录或总结 工具。 表格还可以用来控制网页中信息的布局方式 许多大型的网站都是使用表格来进行页面布局的, 使页面看起来更加直观和有条理
1.2.2 表格 当文本内容较多时,可以利用表格形式来实 现。表格是在网页上的一行或多行单元格,用来 组织网页的布局或系统地布置数据,用户可以放 置任何东西在表格的单元格中,包括文字、图形 和表单等。表格具有容量大、结构严谨和效果直 观等多个优点,是网页中不可缺少的记录或总结 工具。 表格还可以用来控制网页中信息的布局方式。 许多大型的网站都是使用表格来进行页面布局的, 使页面看起来更加直观和有条理
123图形 这里的图形概念是广义的,它可以是普通的绘制图 形,可以是各种图像,还可以是动画。一幅优秀的网 页除了有能吸引浏览者的文字形式和内容外,图形的 表现功能是不能低估的。网页上的图形格式一般使用 JPEG和GIF,这两种格式具有跨平台的特性,可以在 不同操作系统支持的浏览器上显示。图形在网页中通 常有如下应用:
1.2.3 图形 这里的图形概念是广义的,它可以是普通的绘制图 形,可以是各种图像,还可以是动画。一幅优秀的网 页除了有能吸引浏览者的文字形式和内容外,图形的 表现功能是不能低估的。网页上的图形格式一般使用 JPEG和GIF,这两种格式具有跨平台的特性,可以在 不同操作系统支持的浏览器上显示。图形在网页中通 常有如下应用:
1.菜单按钮 网页上的菜单按钮有一些是由图形制作,通常有 横排和竖排两种形式,由此可以转入不同的页面。 2.背景图形 为了加强视觉效果,有些网页在整个网页的 底层放置了图形,称作背景图。背景图可以使网 页更加华丽,使人感到界面友好。但由于这是 个比较大的图形,需要占据较大的空间,致使网 页的显示速度明显变慢,所以,近期的网页以及 比较著名的访问量比较大网站一般都不设置背景 图形
1.菜单按钮 网页上的菜单按钮有一些是由图形制作,通常有 横排和竖排两种形式,由此可以转入不同的页面。 2.背景图形 为了加强视觉效果,有些网页在整个网页的 底层放置了图形,称作背景图。背景图可以使网 页更加华丽,使人感到界面友好。但由于这是一 个比较大的图形,需要占据较大的空间,致使网 页的显示速度明显变慢,所以,近期的网页以及 比较著名的访问量比较大网站一般都不设置背景 图形
1.24链接标志 网页上的菜单按钮有一些是由图形制作,通 常有横排和竖排两种形式,由此可以转入不同的 页面。链接是网页中一种非常重要的功能,是网 页中最重要、最根本的元素之一。通过链接可以 从一个网页转到另一个网页,也可以从一个网站 转到另一个网站。链接的标志有文字和图形两种。 制作一些精美的图形作为链接按钮,使它和整个 网页融为一体
1.2.4 链接标志 网页上的菜单按钮有一些是由图形制作,通 常有横排和竖排两种形式,由此可以转入不同的 页面。链接是网页中一种非常重要的功能,是网 页中最重要、最根本的元素之一。通过链接可以 从一个网页转到另一个网页,也可以从一个网站 转到另一个网站。链接的标志有文字和图形两种。 制作一些精美的图形作为链接按钮,使它和整个 网页融为一体
125交互功能 Internet区别其他媒体的一个重要标志就是 它的交互功能。网页的交互功能其他媒体是无法 比拟的。 通常网页的交互功能都是利用表单来实现的 表单是网页中站点服务器处理的一组数据输入域, 当访问者单击按钮或图形来提交表单后,数据就 会传送到服务器上
1.2.5 交互功能 Internet区别其他媒体的一个重要标志就是 它的交互功能。网页的交互功能其他媒体是无法 比拟的。 通常网页的交互功能都是利用表单来实现的。 表单是网页中站点服务器处理的一组数据输入域, 当访问者单击按钮或图形来提交表单后,数据就 会传送到服务器上