




如果您无法下载资料,请参考说明:
1、部分资料下载需要金币,请确保您的账户上有足够的金币
2、已购买过的文档,再次下载不重复扣费
3、资料包下载后请先用软件解压,在使用对应软件打开
第8章第8章网页设计基础8.1概述什么是超链接?2.Web的特点超文本、图形界面、与平台无关,分布式、交互、动态超媒体进一步扩展了超文本的信息类型3.HTML语言超文本标记语言。用来编制网页文档(也称HTML文档)。并不需要经过编译,只需要通过浏览器来打开就可以看到结果采用了标记方式,描述了每个在网页上的组件,例如文本段落、文本格式、图像、超链接等通过超文本链接能方便地进行各种信息之间切换HTML版本欧洲粒子物理实验室(CERN)首次提出来的HTML2.0→HTML3.0→HTML3.2→HTML4.0DHTML(动态HTML)动态HTML能够使网页下载到浏览器以后仍然能够随时变换包含多种技术,如JavaScript,VBScript,DocumentObjectModel(DOM,文档对象模型),Layers和CSS等4.XML语言扩展标记语言XML(eXtensibleMarkupLanguage)是一种新兴的面向Web应用的标记语言HTML无法描述数据内容,而XML能够定义数据元素和属性。其最大优点是适合网上发布和在网页上组织信息。不少电子商务采用以XML为基础的文件来交换网络数据8.1.2两个简单的HTML文档例8-2建立含有两个网页链接的HTML文档<HTML><HEAD><TITLE>例8-2</TITLE></HEAD><BODY><P><AHREF=“Welcome.htm”>欢迎您</A></P><HR><P><AHREF=“http://www.pku.edu.cn/”>浏览北大</A></P></BODY></HTML>其中:<P></P>表示分段<HR>表示一条水平线<AHREF……></A>表示插入超级链接8.1.3HTML文档的基本结构(3)标记以“<”、“>”及标记名组成双边标记:<标记>……</标记>示例:<BODY>……..</BODY>单边标记:<标记>示例:<HR>一个不包含任何内容的基本HTML文档可以如下所示:<HTML><HEAD><TITLE></TITLE></HEAD><BODY></BODY></HTML>该文档可作为一个Web页标准模板,以后每次创建新HTML文档时都可以以它为基础进行扩充,从而减少录入的时间,提高效率。8.2使用FrontPage制作网页FrontPage提供了网页、文件夹、报表、导航、超链接、任务等多种视图方式在“网页”视图方式下,设有“设计”、“代码”、“预览”和“拆分”四种选项卡“设计”方式:可以利用菜单中的命令或工具栏上的按钮来编辑网页“代码”方式:可以直接对网页的HTML代码进行编辑操作“拆分”方式:窗口分为上下两部分,上端为“代码”方式,下端为“设计”方式。“预览”方式:可以预览当前的网页,让编制者观看自己当前所作的网页效果8.2.2网页的制作和测试编辑HTML文档3.网页的布局(2)框架4.网页的保存、打开及关闭8.3常用的HTML标记(4)META标记META标记是一种单边标记,放入HEAD部分中,可以说明与Web页有关的信息,其中一个作用是说明字符编码方面的信息。例如,以下META标记告知浏览器本文档是HTML文档,且中文编码使用的是GB2312。<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;harset=gb2312">其中,属性HTTP-EQUIV描述特征名,属性CONTENT描述特征值。又如<METAHTTP-EQUIV="Refresh"CONTENT="10;URL=http://www.pku.edu.cn">表示完成当前网页加载10秒后自动加载另一网页(本例为北大主页)。(5)特殊字符特殊字符字符代码<<>>&&空格 例如,“< >”显示为“<>”(即两个尖括号中间留一个空)。8.3.2段落格式设置(1)段落标记:<PALIGN=”#”>文字块</P>示例:<PALIGN=”right”>网页制作</P><PALIGN=”center”>网页制作</P>(2)标题标记:<HnALIGN=”#”>标题文字</Hn>示例:<H3ALIGN=“center”>网页制作</H3>(3)换行标记:<BR>(4)居中对齐标记:<CENTER>文字居中对齐</CENTER>(5)原样显示标记标记格式:<PRE>预先排好的格式</PRE>在无<PRE>标记处理的情况下,HTML会忽略文档中文本的空白字符和换行符。使用<PRE>标记后,可以保留文字块中的间隔、换行和空白,即按照原

一吃****海逸
实名认证
内容提供者


最近下载