office wor的d培训教程.pptx

网页设计与制作 信息科学与技术学院喻琇瑛第1章 网页制作基础Web和浏览器Web的特点和结构Web最大的特点是使用了超文本（Hypertext）WWW采用C/S（客户机/服务器）工作模式在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议 URL Internet上所有的资源都有一个唯一的URL地址，一般将URL地址称为网址。 URL的完整格式如下： 协议://主机名（或IP地址）：端口号/路径名/文件名【例】几个URL的例子. （1），用http协议和缺省端口号（80）访问微软公司服务器。这里没有指定路径和文件名，所以访问的结果是把一个缺省主页送给浏览器。 （2）/pub/ms-windows/winvn926.zip，用FTP协议访问北京大学FTP服务器上路径名为pub/ms-windows、文件名为winvn926.zip的文件。（3）: 8001///uu-gna/index.html，从运行在端口号8001的服务器上访问index.html主页。（4)/Addressing/URL/5-BNF.html#httpaddress，访问 服务器上Addressing/URL目录下的5-BNF.html 网页文件中锚点标识为httpaddress的地方。浏览器概述分类Internet ExplorerNetscape NavigatorMosaic等专业浏览器以及一些以上述浏览器为内核的专用浏览器。 其中使用最广泛的是Microsoft出品的Internet Explorer 6.0（简称IE6）。标题栏菜单栏工具栏地址栏浏览窗口状态栏IE6的界面认识网站门户网站 这类网站是一种综合性网站，涉及领域非常广泛，包含文学、音乐、影视、体育、新闻和娱乐等方方面面的内容，具有论坛、搜索和短信等功能。 现在国内较著名的门户网站有搜狐（）网易（）等。 个人网站具有较强个性化，是以个人名义开发创建的网站，其内容、样式、风格等都是非常有个性的。个人网站专业网站 这类网站具有很强的专业性，通常只涉及某一个领域，内容专业。如榕树下网站（）即是一个专业文学网站。职能网站 职能网站具有专门的功能，如政府职能网站等。目前逐渐兴起的电子商务网站也属于这类网站，较有名的电子商务网站有淘宝（）、卓越网（）和当当网上书店（）等。Flash动画导航栏GIF动画文字表单图片超级链接认识网页网页中的元素网页制作的相关知识HTML语言概述 是一种超文本标记语言，作为一种网页编辑语言，易学易懂。1）HTML网页 HTML网页通常是由三部分内容组成的：版本信息、网页标题（HEAD）和文档主体（BODY）。 下面就是网页结构的总体框架： !HTML网页版本信息说明HTML HEAD !标题标记、属性及其内容 /HEAD BODY !主体标记、属性及其内容 /BODY/HTML（1）版本信息 版本信息位于HTML网页文件的第一行 （2）HTML文件标记 大部分网页文件都是以HTML标记开始的，在文件的结尾处又以/HTML结束 （3）头部信息 HEAD标记之间是HTML文档的头部，用来标明当前文档的有关信息 在HEAD标记之间，使用频率最高的标记就是TITLE，它用于定义显示在浏览器标题栏的文档标题。【例】给网页设置 “励志学社”的文档标题，可在头部输入以下代码：TITLE励志学社/TITLE（4）主体标记　网页的主体是“BODY……/BODY”标记对作用的范围 　BODY标记用于定义HTML文档主体的开始，它能够设置网页的背景图像、背景颜色、链接颜色和网页边距等属性，其基本用法如下所示：BODY Background=URL Bgclolr=Color Bgpropeties=Fixed Leftmargin=n Link=Color Alink=Color Text=Color Topmargin=n Vlink=Color　 Bgcolor为背景颜色。关于颜色的值后面会详细介绍。Text为不包含超级链接的文字颜色。　Link为超级链接文字的颜色。　Alink为正被点击的超级链接文字的颜色。　Vlink为已经点击过的超级链接文字的颜色。　Background设置，如果设置了背景图片，图片会覆盖已经设置的颜色。 　Leftmargin、Topmargin用于设置网页的左边距和上边框，它们是以像素为单位 【例1】将网页的上边距和左边距分别设置为40和30个像素的宽度，使用黑色文本、白色背景，未访问的链接源采用蓝色，已访问的链接源标记为暗红色。BODY Background=moom.gif Bgcolor=White Bgproperties=Fixed Leftmargin=30