dw网页设计与制作课件

课程安排：本学期上课时间共十七周。上课，多媒体教室上机，机房上课要求：认真听讲，勤于思考上机要求：多练习，多实践。知识内容：自学内容：HTML基础CSS语法Frontpage网页制作工具Dreamweaver网页制作工具FTP上传下载域名注册与虚拟主机的开设网站的的总体设计、规划推广PhotoshopFlashEditplusAccess与SQLASP和PHP程序的调试大学生就业问题已成为影响社会稳定与和谐的重要因素。◎2003年是中国高校扩招后本科学生毕业的第一年，全国共有高校毕业生212.2万人，比2002年增加67万人，增幅达46.2%，就业形势十分严峻。◎2004年我们国家的高校毕业生就有280余万人，比2003年增加68万人，就业形势依然严峻。◎2005年全国普通高校毕业生人数达到338万人，比2004年增加58万人，增幅达20.71%，就业形势十分严峻。◎2006年全国共有高校毕业生413万人，比2005年增加75万人，增幅达22.19%，就业形势十分严峻。◎2007年我们国家的高校毕业生有495余万人（河南28.9万人），比2006年增加82万人，同比增幅达19.9％，就业形势更加严峻。实现就业的人数是351万人，仍有大约144万的应届高校毕业生未能如期就业。◎2008年全国普通高校毕业生人数为559万人。河南33万人。◎2009年全国普通高校毕业生人数预计将达到600万人……◎2010年全国普通高校毕业生人数预计将达到652万人……《时代杂志》2006年的年度人物是互联网使用者：你“互联网上内容的所有使用者和创造者”变化的时代网络时代创造奇迹：只需要1-2年！ 18-19世纪，煤炭大王创业：100-200年； 20世纪初，钢铁大王创业：50-100年； 20世纪中，石油大王创业，50年； 上个世纪80-90年代，微软用了30多年的时间创业； 21世纪初，Google用了5-7年创业 2005-2006年，(Google)斥资16.5亿美元收购了业余视频网站YouTube—距YouTube的诞生之日还不到12个月； 2006年，Diigo成为全球网络研究工具明星之一。站在信息技术平台上，每一个人都在创造历史！把学到的理论知识和实践结合起来转变成自己的财富，并真正体会到何为“电子商务”？电子是手段、商务是中心、盈利才是根本。只有适合市场需要，拥有价格最低品种齐全的供货渠道，长期合作的生意伙伴才是企业成功经营的法宝。在eBay易趣网及淘宝网上店铺中，在校大学生开的“个人店铺”达到40%北京时间2005年8月5日晚，百度无人入睡。从夜里23时40分开始，3个小时里，百度人经历了人生里最激动人心的时刻，在纳斯达克指数的显示屏上，他们持有百度原始股，涨幅达到了疯狂的353.85%，魔术般地成为每股122.54美元，一夜之间产生了9位亿万富翁、30位千李彦宏万富翁和400位百万富翁，创造了21世纪的财富神话，全世界为之震惊。2007年11月6日2007年11月1日史玉柱是中国早期最出色的电脑程序员之一。上世纪90年代，史玉柱自己开发的巨人汉卡系列曾占据国内市场份额第一。史玉柱2004年重返IT业，自主研发运营的首款网络游戏《征途》获得巨大成功。今年10月，史玉柱旗下公司“征途网络”更名为“巨人网络”。1995年4月创办“中国黄页”网站。1997年年底，马云和他的团队在北京开发了外经贸部官方站点、网上中国商品交易市场等一系列国家级站点。1999年初，马云回到杭州以50万元人民币创业，开发阿里巴巴网站。第一章网页设计基础本章要点： Internet概述知识 网页设计基本知识 网络基础知识1.1Internet基础知识InternetInternet是由遍布全球的各种网络系统、主机系统，通过统一的 协议 离婚协议模板下载合伙人协议 下载渠道分销协议免费下载敬业协议下载授课协议下载 TCP/IP联接在一起所组成的世界性计算机网络系统。1.1.1Internet的起源和发展1969年美国国防部高级研究所计划局（ARPA）建立ARPAnet，1986年美国国家科学基金会（NSF）建立了NSFnet。1991年6月中国第一条与国际互联网连接的专线建成，我国1994年3月正式加入Internet，目前我国有权管理Internet国际出口的单位有5家。 ARPA于1962年10月开始了研制大型网络的计划ARPANET，1969年12月初步建成这个试验性网络。 1980年发展成为TCP/IP协议，1983年美国军方将TCP/IP协议确定为网络协议 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 1986年美国国家科学基金会（NSF）建立了NSFnet。 1987年，IBM、MCI和Merit共同组建了ANS。1992年ANS建立了一个新的主干网ANSNET。 1989年3月，欧洲粒子物理实验室（CERN）英国计算机学者TimBerners-Lee建议建立一个由超文本链接方式组成的信息网Web。 1990年11月，NeXT公司（Apple创始人斯蒂夫·乔布斯组建）发布了最初的WorldWideWeb（后来简称WWW或W3）模型。1991年，CERN正式向外界发布了WWW协议标准。 在WWW标准基础上，由美国麻省理工学院、CERN及法国计算机与控制国家研究院参加组成的合作机构提出了新的、更为复杂的超文本标记语言HTML草案，发布了HTML标准1.0版，后来升级为HTML2.0版和3.0版。 1994年11月，NetscapeCommunicator（网景公司）开发的NetscapeNavigator（导航者）问世。 Microsoft也于一年后的1995年11月推出自己的浏览器InternetExplorer。1.1.2Internet在中国的发展三个阶段：第一阶段（1987～1993年），电子邮件使用阶段1991年6月中国第一条与国际Internet联网的专线由北京的中国科学院高能物理所建成。第二阶段（1994～1995年），教育科研网发展阶段1994年4月正式开通了中国与国际Internet的64Kbps专线连接，并设立了中国最高域名（CN）服务器。到1995年初，高能所将卫星专线改用海地电缆，通过日本进入Internet。这时，我国才算是真正加入了国际Internet行列之中。1994年9月，中国邮电部门开始计划进入Internet，建立中国公用Internet网，即CHINANET，作为公共商用网向公众提供Internet服务。第三阶段（1995年至今），商业应用阶段1.1.3中国现有的五大Internet网络 中国公用计算机互联网络（CHINANET） 中国教育与科研网络（CERNET） 中国科技网（CSTNET） 中国金桥信息网（CHINAGBNET） 中国公众多媒体通信网（169网）1.1.4Internet的功能1.电子邮件〔E-mail〕电子邮件（E-mail）SMTP（SimpleMailProtocol，简单邮件传输协议）POP3（PostOfficeProtocolversion3，邮局协议）2.FTP文件传输协议文件传输（FTP：FileTransferProtocol）3.远程登录远程登录（Telnet）4.网上查询 名称地址录信息检索工具 索引式信息检索工具 交互式信息检索工具5.网上交流 公告板系统BBS 网络新闻组 电子邮件通信组 聊天1.1.5TCP/IP简介协议是关于信息格式和信息交换规则的正确描述。网络通信协议就是计算机之间为互相通信、传递信息而所约定的规则。协议的实质是网络通信所使用的一种语言。TCP/IP(TransmissionControlProtocol/InternetProtocol)传输控制协议/互联网协议。TCP/IP协议定义了在互联网络中如何传递、管理信息(文件传送、收发电子邮件、远程登录等)，并制定了在出错时必须遵循的规则。从协议分层模型方面来讲，TCP/IP由四个层次组成： 网络接口层 网络层 传输层 应用层负责接收IP数据包并通过网络发送负责相邻计算机之间的通信提供应用程序间的通信向用户提供一组常用的应用程序1.1.6IP地址和域名IP地址是网上的通信地址，是计算机、服务器、路由器的端口地址，每一个IP地址在全球是惟一的，是运行TCP/IP协议的惟一标识。1.IP地址207.49.68.15网络地址主机地址域名www.microsoft.com代表IP地址207.46.156.252IP地址也称为URL（UniqueResourceLocation，中文意义为“统一资源定位符”），IP地址由四个从0到255之间的32位二进制组成，分为网络地址和主机地址。2.域名Internet域名是Internet网络上的一个服务器或一个网络系统的名字，在全世界，没有重复的域名。域名的形式是以若干个英文字母或数字组成，由“.”分隔成几部分。域名管理系统DNS（DomainNameSystem）是域名解析服务器的意思.它在互联网的作用是：把域名转换成为网络可以识别的ip地址.比如：我们上网时输入的www.sohu.com会自动转换成为61.135.132.61.1.7URL地址和HTTPURL（UniformResoureLocator：统一资源定位地址）是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。俗称“网址”。Scheme://machinename<:prot>/directoryInternet资源类型（scheme）：指出WWW客户程序用来操作的工具。如“http://”表示WWW服务器，“ftp://”表示FTP服务器，“gopher://”表示Gopher服务器，而“new:”表示Newgroup新闻组。服务器地址（host）：指出WWW页所在的服务器域名。端口（port）：有时（并非总是这样），对某些资源的访问来说，需给出相应的服务器提供端口号。HTTP协议（HyperTextTransferProtocol，超文本传输协议）是用于将超文本从WWW服务器传输到本地浏览器的传送协议。路径（path）：指明服务器上某资源的位置（其格式与DOS系统中的格式一样，通常有目录/子目录/文件名这样结构组成）。与端口一样，路径并非总是需要的。1.1.8连接Internet的方式进入Internet的方式主要有三种：主机方式、网络方式和仿真终端方式。1.2网页设计基本知识1.2.1WWW简介万维网WWW是WorldWideWeb（环球信息网）的缩写，也可以简称为Web，中文名字为“万维网”。它是一种基于超文本文件的交互式浏览检索工具。用户可用WWW在Internet网上浏览、传递、编辑超文本格式的文件。HTML：HyperTextMarkupLanguage，超文本标记语言，是一套独立于平台的格式定义(用标记说明),用来描述3W文档中的各个组成部分网页就是我们通过网络浏览器看到的网站页面，网页通常都符合HTML的 规范 编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载 。静态网页是在动态网页出现后相对而言的传统采用HTML编写的网页。动态网页指的是采用ASP、PHP、CGI等程序动态生成的页面，在网络空间中并不存在这个页面，只有在接到用户的访问要求后才生成并传输到用户的浏览器中。一个网站的起始页称为主页（Homepage）或首页。超级链接是带下划线或边框，并内嵌了Web地址（又称为URL--统一资源定位符）的文字和图形。B/S：Browser/Server浏览器/服务器C/S：Client/Server客户端/服务器1.2.2超文本描述语言HTML1.什么是HTMLHTML是HypertextMarkupLanguage（超文本标记语言）的缩写，它是构成Web页面（Page）的主要工具，是用来表示网上信息的符号标记语言。HTML最早源于SGML语言（StandardGeneralMarkupLanguage，标准通用化标记语言），HTML是由Web的发明者TimBerners-Lee和同事DanielW.Connolly于1990年创立的一种标记式语言，它是SGML的应用。WWW协会作为制定HTML标准的国际性正式组织，于1993年正式推出HTML1.0版，提供简单的文本格式功能。1995年2月推出HTML2.0版，增加了表格处理、图形、图像等功能。1995年10月又推出了HTML3.0版。1996年3月的HTML3.2版加入了<APPLET>标记，用于嵌入JavaApplet程序，增加了图像映像及地图索引等功能。2.HTML的作用 格式化文本 建立超链接 创建列表 插入图像 建立表格 加入多媒体 交互式表单、计数器等3.专用的网页编辑器 完全的所见即所得工具 纯粹的HTML代码编辑工具 混合型工具4.XML简介XML是EXtensibleMarkupLanguage的缩写XML是一种类似于HTML的标记语言XML是用来描述数据的XML的标记不是在XML中预定义的，你必须定义自己的标记XML使用文档类型定义（DTD）或者模式（Schema）来描述数据XML使用DTD或者Schema后就是自描述的语言 FrontPageFrontPage2002是最流行、功能最强大的网页制作软件之一，集成在OfficeXP之中。它可以利用其他Office套件的功能，制作出更加个性化的网页。它是由Microsoft公司推出的新一代Web网页制作工具。它使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工作。其界面与Word、PowerPoint等软件的界面极为相似，为使用者带来了极大的方便，Microsofy公司将其封装入Office之中，成为Office家庭的一员，使之功能更大强大。Dreamweaver是由美国著名的软件开发商Macromedia公司推出的一个“所见即所得”的可视化网站开发工具。可用于可视化设计与管理网页和网站的专业级HTML编辑器。Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。可编写ASP、JSP及PHP程序，从而创建动态网站系统。包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性。与同为Macromedia公司出品的Fireworks和Flash一道，被誉为网页制作三剑客。 Dreamweaver FireworksFireworks是一个强大的网页图形设计工具，提供专业网络图形设计和制作 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 。通过它，可以编辑网络图形和动画，支持位图和矢量图。同时它能与dreamweaver、flash能实现网页的无缝连接，与其它图形程序各HTML编辑也能密切配合。可以非常轻松的做出各种网页设计中常见的效果，比如翻转图象，下拉菜单等，设计完成以后，可以将它输出为html文件，还能输出为可以在photoshop、illustrator和flash等软件中编辑的格式。MacroMedia推出的Flash是业界内最优秀的矢量动画制作软件，是一个网页交互动画制作工具。用于矢量图形编辑和动画制作。 Flash第二章HTML应用基础本章要点： HTML基础知识 基本标识 文本/图像/表格/链接/框架/多媒体/表单等标识2.1HTML基础知识Html文件是标准的ASCII文件，Html文件由元素(element)组成，每一个元素都有名称和可选择的属性。是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作WorldWideWeb的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。HTML文件是一种纯文本格式的文件描述HTML文件结构的标识符。规定文件的逻辑结构控制页面显示方式扩展名：.html，htm编写工具：记事本，写字板Editplus及各种网页制作工具。　　<HTML>　　　　<HEAD>　　　　　<TITLE>网页标题</TITLE>　　　　</HEAD>　　　　<BODY>　　　　　　网页的内容　　　　</BODY>　　</HTML>HTML标识是由“<”和“>”所括住的指令，可分为双标识指令也称为围堵标识（由<起始标识>，</结束标识>所构成）、单标识指令也称为空标识（只有<起始标识>）。2.1.1标识的写法<bodybackgroud＝"abcd.gif"><h2>demo</h2>Thisismyfirsthtmlfile.<p><br></body><起始标注开始注：元素名也叫标注名<后不能有空格＝指明属性值注：一个元素可以有多个属性，各个属性用空格分开。>　起始链接结束注：结尾标注用</开始，随后是元素名，然后是大于号>。注：一个元素的元素体中可以有另外的元素HTML并非大小写敏感（WIN）属性只可加于起始标识中Html的元素有下列三种表示方法：　　1)<元素名>文件或超文本</元素名>　　2)<元素名属性名＝“属性值”…>文本或超文本</元素名>　　3)<元素名><HTML>…</HTML><HEAD>…</HEAD><BODY>…</BODY><TITLE>…</TITLE><B>…</B><I>…</I><TABLE>…</TABLE><TR>…</TR><TD>…</TD><FONT>…</FONT><HR><Ahref=“…”>X</A><IMGsrc=“…”>……<BR><P>2.1.2双标识指令与单标识指令2.1.3与网页有关的常见名词绝对路径:通过文件在文件系统中的绝对位置进行描述。例如：c:\html2\pages\ex\alink1.htmhttp://tech.163.com/special/e/000915IK/electronbusiness.html相对路径:以当前文件所在的文件夹为基准来定位其它文件的路径。相对路径有三种情况：（1）链接的文件在当前文件夹的上一级文件夹下时用“..”表示向上一级，用“/”来分隔文件夹和文件名。（2）链接的文件在当前文件夹的下一级文件夹下时直接写下一级文件夹名和文件名。（3）链接的文件在当前文件夹中时，直接写文件名。【例】简单的HTML文件。<HTML><HEAD><TITLE>简单的HTML文件</TITLE></HEAD><BODY>最简单的网页</BODY></HTML>2.2基本标识结构<html>　　　　　html文件开始　　<head>　　　　文件头开始　<title>网页标题</title>　　</head>　　　　文件头结束　　<body>　　　　文件体开始　　文件体　　</body>　　　　文件体结束</html>　　　　　html文件结束色彩是用16进制的红－绿－蓝(red-green-blue,RGB)值来表示。16进制的数码有:0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.RGB颜色可以有四种表达形式:：#rrggbb(如，#00cc00)#rgb(如，#0c0)rgb(x,x,x)x是一个介乎0到255之间的整数(如，rgb(0,204,0))rgb(y%,y%,y%)y是介乎0.0到100.0之间的整数(rgb(0%,80%,0%)或者是下列预定义色彩：作为一般的原则，大多数属性值不用加双引号。但是包括空格、％号，＃号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。2.3页面格式标识1.设置网页的背景色<BODYbgcolor=“颜色值”>格式：2.设置网页的图像背景<BODYbackground=“图像文件名.扩展名”>格式：3.设置网页的文本颜色<BODYtext=“颜色值”>格式：4.设置网页的文本链接颜色<BODYlink=“颜色值”>格式：5.设置网页的文本已使用链接颜色<BODYvlink=“颜色值”>格式：6.设置网页的文本正使用链接颜色<BODYalink=“颜色值”>格式：7.设置网页的左方距离<BODYleftmargin=像素值>格式：8.设置网页的上方距离<BODYtopmargin=像素值>格式：9.设置网页的固定背景<BODYbgproperties=“fixed”>格式：<HTML><HEAD><TITLE>用BODY标记设定文字的颜色</TITLE></HEAD><BODYtext=bluebgcolor=white><H3>春夜喜雨</H3><FONTface=宋体size=4>唐·杜甫</FONT><BR><BR><FONTface=楷体>好雨知时节，当春乃发生。<BR>随风潜入夜，润物细无声。<BR>野径云俱黑，江船火独明。<BR>晓看红湿处，花重锦官城。<BR></FONT></BODY></HTML>BMP格式BMP是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，能够被多种Windows应用程序所支持。GIF格式GIF是英文GraphicsInterchangeFormat（图形交换格式）的缩写。GIF格式的特点是压缩比高，磁盘空间占用较少，GIF87a简单地用来存储单幅静止图像，GIF89a格式文件可形成连续的动画。JPEG格式JPEG是常见的一种图像格式，扩展名为.jpg或.jpeg，其压缩技术十分先进，PEG格式的文件尺寸较小，下载速度快。PSD格式Adobe公司的图像处理软件Photoshop的专用格式PhotoshopDocument（PSD）。2.4文本标识<FONT>标签用于控制文字的字体，大小和颜色。控制方式是利用属性设置得以实现的。1.文本的字体例：<i><fontsize=5><b>今天</b>天气<fontsize=6>真好！</font></font></i> 标记格式 意义 <TT>文字串</TT> 标准打印机字体 <I>文字串</I> 斜体 <B>文字串</B> 黑体 <U>文字串</U> 带下划线 <STRIKE>文字串</STRIKE> 带删除线 <SUB>文字串</SUB> 下标 <SUP>文字串</SUP> 上标 <BIG> 大字体文本 <SMALL> 小字体文本2.短语 标记格式 意义 <EM>文字串</EM> 斜体强调文本 <STRONG>文字串</STRONG> 粗体显示的强调文字串 <DFN>文字串</DFN> 显示def定义的文字串 <CODE>文字串</CODE> 计算机代码引用 <SAMP>文字串</SAMP> 表示程序或脚本输出 <VAR>文字串</VAR> 命令的参数或变量 <CITE>文字串</CITE> 斜体显示引用文字串 <KBD> 用户输入文本 <ABBR>文字串</ABBR> 略语 <ACRONYM> 文字字头略语 知识点 高中化学知识点免费下载体育概论知识点下载名人传知识点免费下载线性代数知识点汇总下载高中化学知识点免费下载 ： HTML指超文本标签语言。 HTML文件是包含一些标签的文本文件。 这些标签告诉WEB浏览器如何显示页面。 HTML文件必须使用htm或者html作为文件扩展名。 HTML文件可以通过简单的文本编辑器来创建。 HTML标签是用来标记HTML元素的。 HTML标签被<和>符号包围。 这些包围的符号叫作尖括号。 HTML标签是成对出现的。例如<b>和</b>。 位于起始标签和终止标签之间的文本是元素的内容。 HTML标签对大小写不敏感，<b>和<B>的作用的相同的。注意点：推荐您使用纯文本编辑器来学习HTML。扩展名使用.html是相当安全的做法。要使用小写的标签和使用小写属性。始终为属性值加引号不要忘记关闭标签使用空的段落标记<p>去插入一个空行是个坏习惯。用<br>标签代替它。3.行和段1>.强制换行2>.段落3>.标尺线<BR><P><HR><HRwidth=x>或<HRwidth=x％><HRalign=“right/center/left”><HRcolor=“颜色值”><HRnoshade><!--...-->注释标签4>.预置格式<PRE>段落格式</PRE>4.布局1>.居中（1）使用<P>标记和align属性的center值格式：<Palign=“center”>文本或图像</P>（2）使用<CENTER>标记格式：<CENTER>文本或图像</CENTER>（3）使用<Hn>标记和align属性的center值格式：<Hnalign=“center”>文本或图像</Hn>2>.右对齐（1）使用<P>标记和align属性的right值格式：<Palign=“right”>文本或图像</P>（2）使用<Hn>标记和align属性的right值格式：<Hnalign=“right”>文本或图像</Hn>3>.左对齐（1）使用<P>标记和align属性的left值格式：<Palign=“left”>文本或图像</P>（2）使用<Hn>标记和align属性的left值格式：<Hnalign=“left”>文本或图像</Hn>4>.<DIV>标记<DIValign=“center”>文本或图像</DIV><DIValign=“left”>文本或图像</DIV><DIValign=“right”>文本或图像</DIV>2.5图像标识在网页中加入图像主要考虑两个方面的问题。一是下载速度，二是图像质量图像文件的格式有几十种，如：GIF、JPEG、BMP、PCX、TGA等等，但网页支持的、最常用的图像文件是GIF、JPEG格式。1.图像文件的格式格式：<IMGsrc=“图像文件名”alt=“说明文字”longdesc=“详细说明”width=xheight=yborder=“边宽”>注：x、y可取像素数，也可以取百分数。图像布局1.图像在页面居中<CENTER>标记align属性<Palign="center"><IMGsrc="图像文件名"></P><CENTER><IMGsrc="图像文件名"></CENTER>设置图像与文本之间的空白<IMGsrc=“图像文件名”hspace=xvspace=y>格式：hspace=x设定水平方向的空白vspace=y设定垂直方向的空白属性：垂直/环绕对齐格式：文本<IMGsrc=“图像文件名”align=“位置”>文本参数：align=top－文本与图像的顶部对齐align=middle－文本与图像的中央对齐align=bottom－文本与图像的底部对齐align=left－图像居左，文本在图像的右侧align=rigth－图像居右，文本在图像的左侧2.6表格标识用表格对网页进行排版<TABLE><TR><TD>表项1</TD><TD>表项2…<TD>表项n</TD><TR><TD>表项1</TD><TD>表项2…<TD>表项n</TD>…</TABLE>1.基本格式(1)<TABLE>标记border=“n”---定义表格的粗细bordercolor=“颜色值”---定义表格边框的颜色summary=“简要说明”---简要说明表格的格式和内容bgcolor---设定表格的背景色background---设定表格的背景图像width=“n”/“n%”---设定表格的宽度height=“n”---设定表格的高度align=“left”/“right”/“center”---表格在页面上的水平对齐方式cellpadding---调节表单元线与数据之间的距离cellspacing---调节表元与边框之间的距离rules=“参数”---设定表格线frame=“参数”---设定表格边框(2)<TR>标记定义表行bgcolor---设定表格一行的背景色。align=“left”/”right”/”center”---设定表格一行的表数据项的水平对齐方式。bordercolordark=“颜色值”---设定表格边框的暗色颜色bordercolorlight=“颜色值”---设定表格边框的明色颜色(3)<TD>标记定义表元(表格的具体数据)bgcolor---设定背景色。align=“left”/”right”/”center”---定义表数据项的水平对齐方式。bordercolordark=“颜色值”---定义表格边框的颜色width=“n”/“n%”---设定表格单元宽度height=“n”---设定表格单元高度2.表题<TABLE><CAPTIONalign=“top”/”bottom”/”left”/”right”>表题</CAPTION></TABLE><th>-定义表头，以粗体字显示3.表头4.行和列的合并（1）行合并<TDrowspan=x>表项</TD>（2）列合并<TDcolspan=x>表数据项</TD>5.表格尺寸1>.设定表格宽度<TABLEwidth=x>2>.设定表格高度<TABLEheight=x>3>.设定表元宽度<TDwidth=x>4>.设定表元高度<TDheight=x>2.7链接标识超链接是WWW上的一种链接技巧，它通过已定义好的关键字和图形，只要点取某个图标或某段文字，就可以自动连上相对应的其他文件。所以在WWW站点画面中，可以通过超链接点取的方式，从一个网页链接到另一个网页。什么是超链接(Hyperlink)?1.创建网页间的链接<AHREF=“资源地址”>文本或图像</A>四种情况：（1）链接同一个目录内的文件（2）链接下一级目录内的文件<Ahref=“子目录名/文件名”>文本</A><Ahref=“../子目录名/文件名”>文本</A>（3）链接上一级目录内的文件<Ahref=“../文件名”>文本</A>（4）链接同级目录内的文件<Ahref=“../子目录名/文件名”>文本</A>2.链接指定的文章段定义锚点<Aname=“锚点名”>字符串</A>链接锚点<Ahref=“#锚点名”>文本或图像</A>TARGET="窗口名称"TITLE="指向连接显示的文字"2.8框架标识2.8.1框架标识1.<FRAMESET>标记格式：<FRAMESET><FRAME><FRAME><FRAME>……</FRAMESET><FRAMESETrows=“x”><FRAMEsrc=“文件名”></FRAMESET><FRAMESETcols=“y”><FRAMEsrc=“文件名”></FRAMESET>注：x、y可以取像素数、百分数和符号*例一：<FRAMESETROWs="80,80,*"><FRAMEsrc="aaa1.html"><FRAMEsrc="aaa2.html"><FRAMEsrc="aaa3.html"></FRAMESET><FRAMESETROWs=“20%,80,20"><FRAMEsrc="aaa1.html"><FRAMEsrc="aaa2.html"><FRAMEsrc="aaa3.html"></FRAMESET><FRAMESETROWs=“50%,*,20"><FRAMEsrc="aaa1.html"><FRAMEsrc="aaa2.html"><FRAMEsrc="aaa3.html"></FRAMESET><FRAMESETROWs=“*,2*,3*"><FRAMEsrc="aaa1.html"><FRAMEsrc="aaa2.html"><FRAMEsrc="aaa3.html"></FRAMESET>例二：例三：例四：2.初始化框架是指给各个框架指定初始显示的网页。<FRAMEsrc=“文件名”name=“框架名”3.边框宽度和颜色设定frameborder----指定框架有无边框border----确定边框的宽带borercolor----给框架边框着色<FRAMESETframeborder=“值”>值为yes时为3D边框，为no时边框消失。默认值为yes。<FRAMESETborder=“值”>值为像素数，默认值为像素宽<FRAMESETbordercolor=“颜色”>4.空白 Marginwidth----设定框架内容与左右边框间的空白 Marginhwidth----设定框架内容与上下边框间的空白5.加入滚动条<FRAMESETscrolling=“yes”/“no”/“auto”>强制加入垂直滚动第和水平滚动条框架内不加滚动条自动使用滚动条6.固定边框noresize属性7框架间的链接格式：<Ahref=“目标文件名”target=“值”>热点文本</A>target属性： 框架名 _top _self _blank _parent8内联框架格式：<IFRAMEsrc=“文件名”></IFRAME>src----指定内联框架内显示页的URLwidth----指定内联框架的宽height----指定内联框架的高align----指定内联框架的对齐方式frameborder----用数值指定内联框架的立体框宽name----指定内联框架的名字scrolling=“yes”/“no”----指定内联框架是否加入滚动条hsapce=x----指定内联框架水平方向上左侧间隔vsapce=x----指定内联框架垂直方向上顶部间隔2.9表单标识输入表单主要由输入表项、单选钮、选择框、成段文字输入及发送、复位按钮等表单控制组成。1.建立表单<FORM>表单内容：输入表项、单选钮、选择框、输入成段文字、发送、复位按钮</FORM>表单的作用是从用户方收集信息，当用户填好表单上所需信息并将表单提交后，服务器就可以得到表单中包含的信息，并经进行处理。<formaction=/cgi-bin/post-querymethod=POST>您的姓名:<inputtype=textname=姓名><br>您的主页的网址:<inputtype=textname=网址value=http://><br>密码:<inputtype=passwordname=密码><br><inputtype=submitvalue="发送"><inputtype=resetvalue="重设"></form><formaction="url"method=GET|POST>......<inputtype=submit><inputtype=reset></form>其中GET|POST表示二者选择一个。表单中提供给用户的输入形式为：<inputtype=*name=**>*=text,password,checkbox,radio,image,hidden,submit,reset**=一般是一个唯一标识符表单的基本结构<FORM>标记属性：Action----设定表单的处理手段。Method----设定传送表单数据组的方法。Enctype----指定当method为post时向服务器传送表单所使用的内容类型Accept-charset----设定由服务器处理表单时必须收到的输入数据的字码列表Accept----指定用“,”分开服务器处理表单内容类型的列表 文本输入和密码输入格式：<FORM><INPUTtype=“”name=“”size=“”maxlength=“”></FORM>属性：Type=“text”或“password”----表示指定输入的单行文本以标准字符显示Size=x----表示输入单行文本区域的宽度，为字符数Name----表项名Maxlength----单行文本输入的最大字符数 复选框和单选框1.单选钮格式：<INPUTtype=“radio”name=“控制名”value=“值”>2.预置按钮格式：<INPUTtype=“radio”name=“控制名”value=“值”checked>3.复选框控制格式：<INPUTtype=“checkbox”name=“控制名”value=“值”checked>4.Reset按钮和Submit按钮<buttonname="submit"value="submit“type="submit">发送<imgsrc="文件名"></button><buttonname="reset"type="reset"><imgsrc="文件名">复位</button>重置：<INPUTtype="reset">提交查询内容：<INPUTtype="submit">5.图像Reset按钮和Submit按钮 隐藏表单的元素基本语法：<inputtype=hiddenvalue=*> 列表框分为弹出式列表框和字段式列表框，使用<SELECT>和<OPTION>标记<SELECT>标记属性：Name----指定控制操作名Size----在列表选择栏中一次可见的列表项目数Multiple----布尔型，可进行多元选择<OPTION>标记属性：Selected----布尔型，设定该项被预置Value----指定控制操作的初始值，缺省为OPTION的内容Label----指定选择项的标签1.弹出式列表框格式：<FORM><SELECT><OPTION>选项1<OPTION>选项2<OPTION>选项3……</SELECT></FORM>2.字段式选择栏<SELECTsize=“n”>预置选择项： <OPTION>标记中无selected属性时，该菜单不被预置。 <OPTION>标记中selected属性时，该菜单被预置。 当<SELECT>标记中有multiple属性设定，且多个<OPTION>标记有selected属性设定时，则多项被预置。 当<SELECT>标记中无multiple属性设定，且多个<OPTION>标记有selected属性设定时，则为错误。 文本区域格式：<FORM><TEXTAREAname=““rows=“行数”cols=“列数”>多行文本</TEXTAREA></FORM>属性：Name----指定控制操作名Rows----设定可视区输入文本的行数Cols----设定可视区输入文本的列数2.10多媒体标识格式：<ahref="url">播放</a>1.以链接的形式引入多媒体文件<bgsoundsrc=""loop="">2.为网页插入背景声音格式：loop为声音的播放次数loop=infinite不停播放<embedsrc="clock.avi"width=200height=200>3.以一定的高度与宽度进行媒体播放格式：<imgdynsrc="video.avi"src="video.gif&quo