Ihtml1.docVIP

前言 网页是当今社会最主要的信息传播载体之一。网页制作技术是互联网最基本也是最重要的技术之一。 HTML语言是搭建网页最基础的语言。CSS、JavaScript的出现，打破了网页设计的呆板性，使网页元素表现更丰富，网页由静态向动态方面发展。 网页制作工具软件FrontPage、Dreamweaver等的出现以及不断完善，网页制作变得简便易行。 没有良好的HTML语言基础，再强大的网页制作工具都只能是空中楼阁。掌握HTML、CSS、JavaScript等技术相结合进行网页制作是必要的。 1 概述 1.1 计算机网络基础 计算机网络（computer network） 互联网（internet） 因特网（Internet） 万维网（World Wide Web，WWW） 网站 网页 主页 超链接 HTML（hypertext makup language） HTTP（hypertext transfer protocol） HTTPS（secure hypertext transfer protocol） IP地址 域名 统一资源定位符（uniform resource locator，URL） IIS下Web站点发布 IIS（Internet information server，Internet信息服务）是Web服务器产品之一，提供强大的Inernet和Intranet服务功能。IIS融入Windows操作系统内核之中，提供了一个图形界面管理工具，可用于配置和控制Internet服务。 安装IIS 配置Web站点 发布Web站点 发布Web站点就是将所有网页文件所在的物理磁盘目录设置为Web服务器的虚拟目录，这样凡是与该Web服务器相连的浏览器端都可以通过WWW的方式访问该目录下的网页文件。 2 网页版面设置 2.1 文字、段落与图片的设定 网页的基本组成包括文字与图片。文字是页面上不可或缺的元素，用来表达网站的思想、内容，适当配合一些图片，能够提高网页的观赏性。Web上的图片文件大部分使用JPG和GIF两种格式。 2.1.1 HTML文件的编辑运行环境 根据HTML语法所写出来的文件称为HTML文件，在保存HTML文件时，需要保存存为纯文本文件，扩展名为.htm或.html，HTML文件可以使用任文本编辑器编写，通过浏览器解释执行。 2.1.2 HTML文件的基本结构 2.1.3 标签 标签分成对标签和单独标签。 成对标签的格式：元素名称要控制的内容/元素名称 成对标签仅对包含在其中的文件部分发生作用。 单独标签的格式为：元素名称 其作用是在相应的位置插入元素。 标签不区分大小写。在html标签中，还可以设置一些属性，控制html标签所建立的元素，这些属性将位于所建元素的首标签，首标签的语法格式： 元素名称 属性1=”值1” 属性2=”值2” … 元素资料/ 元素名称 如果属性值是一个单独的词或数字，可以不用引号，其他值都须加上引号，尤其是那些含有用空格分开的多个词的值。 1． html标签 用于界定一个完整的html文件。 2．head标签 head标签是html文件的头部标签。head标签中包含文档的标题、文档使用的脚本、样式定义和文档名信息标签，还可以包含搜索工具和索引程序所要的其他信息的标签。一般来说，位于头部的内容都不会在网页上直接显示，而是通过另外的方式起作用。 3．body标签 用于界定文档的主体。body与/body中放置的是页面中的所有内容。 表2-1-1 body标签的属性 属性 描述 text 设置页面文字颜色 bgcolor 设置页面的背景颜色 link 设置面面默认超链接的颜色 alink 设置鼠标单击时的超链接的颜色 vlink 设置访问过的超链接的颜色 background 设置页面的背景图片 bgproperties 设置页面背景图片为固定，不随页面滚动 topmargin 设置页面上边距 leftmargin 设置页面左边距 bottommargin 设置页面下边距 rightmargin 设置页面右边距 html使用英文名称或十六进制的RGB颜色值对颜色进行控制，如标准的红色可用red作名称，也可以用#ff0000作为十六进制来表现，其中的#作为十六进制颜色开始的标签。#ff0000是RGB三基色模式，前两位为红色色彩值，中间两位为绿色色彩值，后两位为蓝色色彩值，即#rrggbb，每个基色位的取值为00~ff。 表2-1-2 常用颜色名称与十六进制数值 颜色 颜色名称 十六进制值 黑色 black #000000 绿色 green #009900 银色 sliver #c0c0c0 亮绿色 lime #00ff00 灰