三DreamweaverCS4网页设计ppt课件

1、工程三 Dreamweaver CS4网页设计义务一 表格的设计义务二 图片视频的插入义务三 超链接义务四 规划义务五 框架义务六 表单义务七 CSS款式工程二 Dreamweaver CS4网页设计义务一 表格的设计.义务一 表格的设计表格根本概念表格是网页制造中运用最多的工具之一，它不仅可以将相关数据有序的陈列起来，还可以准确地定位文字、图像等网页元素在页面中的位置，使得页面在方式上丰富多彩又条理清楚，在组织上井然有序又不显单调。义务一 表格的设计义务虚施案例1 表格的设计主页面main.asp的整体设计新建页面main.asp查看表格属性面板进展表格属性设置插入或删除行和列单元格的拆分和

2、合并义务一 表格的设计图片宽：204，高：231图片宽：204，高：263图片宽：486，高：263图片宽：204，高：263将单元格拆分为1列7行插入内嵌表格，1行7列义务一 表格的设计表格根本概念表格是网页制造中运用最多的工具之一，它不仅可以将相关数据有序的陈列起来，还可以准确地定位文字、图像等网页元素在页面中的位置，使得页面在方式上丰富多彩又条理清楚，在组织上井然有序又不显单调。表格由行、列和单元格3部分组成，普统统过表格标志table、行标志tr、单元格标志td来创建。义务一 表格的设计行列列标题在 HTML 文档中，广泛运用表格来存放网页上的文本和图像单元格表格标题义务一 表格的设计

3、 元素：定义一个表格。每一个表格只需一对和，一张页面中可以有多个表格。元素：定义表格的行一个表格可以有多行，所以 对于一个表格来说不是独一的。元素：定义表格的一个单元格。每行可以有不同数量的单元格，在和之间是单元格的详细内容。需求留意的是：上述的三个元素必需、而且只可以配对运用。短少任何一个元素，都无法定义出一个表格。义务一 表格的设计表格的根本构成 第1行第1列单元格 第1行第2列单元格 第2行第1列单元格 第2行第2列单元格 义务一 表格的设计义务一 表格的设计caption设置表格标题：设置表格的标题，普通位于整个表格之前，一个表格只能有一个表格标题语法：表格标题 th表头：表格的表头是

4、单元格的一种变体，本质上依然是一种单元格。普通位于第一行和第一列，用来阐明这一行或列的内容类别。在普通情况下，阅读器会以粗体和居中的款式显示元素中的内容。语法：.义务一 表格的设计表格的表头考试成果表 姓名 语文 数学 副科 张三 95 76 80 李四 88 90 85 三毛 80 89 90 义务一 表格的设计表格的属性width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。align属性：指定表格或某一个单元格里的内容文本、图片等的对齐方式。属性值含义Left左对齐Center居中对齐right右对

5、齐义务一 表格的设计表格的根本属性考试成果表 姓名 语文 数学 副科 张三 95 76 80 李四 88 90 85 三毛 80 89 90 义务一 表格的设计border属性：表格边线粗细，可以运用border设置表格的边框效果，包括边框的宽度、变宽的颜色等。语法：border属性设置的表格边框职能影响表格周围的边框宽度，而不能影响单元格之间的边框尺寸。bordercolor表格边框颜色默许情况下边框颜色是灰色，设置边框颜色的前提是边框的宽度不能为0，否那么无法显示出边框的颜色。语法：义务一 表格的设计表格的边框颜色 单元格1 单元格2 单元格3 单元格4 义务一 表格的设计内框宽度cell

6、spacing 间距用于设置表格内部每个单元格之间的间距，单位是像素；语法：表格内文字与边框间距cellpadding 填充在默许情况下，单元里的内容会紧贴着表格的边框，这样看上去非常拥堵。可以运用cellpadding来设置单元格边框与单元格里的内容之间的间隔；语法：义务一 表格的设计表格内文字与边框间隔 单元格1 单元格2 单元格3 单元格4 义务一 表格的设计表格的属性bgcolor属性：指定表格或某一个单元格的背景颜色。background属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。义务一 表格的设计单元格属性width属性：指定表格或某一个表格单元格的宽度。单位

7、可以是%或者象素。height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。bordercolordark属性：单元格的暗边框就是单元格边框背光的部分。经过bordercolordark可以设置单元格暗边框的颜色。bordercolorlight属性：单元格的两边框就是单元格边框向光的部分。经过bordercolorlight可以设置单元格亮边框的颜色。义务一 表格的设计单元格的暗、亮边框颜色 白羊座 金牛座 双子座 巨蟹座 射手座 魔羯座 水瓶座 双鱼座 狮子座 处女座 天秤座 天蝎座 义务一 表格的设计单元格属性align属性：指定表格或某一个单元格里的内容文本、图片等的程

8、度对齐方式。valign属性：指定表格或某一个单元格里的内容文本、图片等的垂直对齐方式。属性值含义Left左对齐Center居中对齐right右对齐属性值含义top对内容进行上对齐middle对内容进行居中对齐bottom对内容进行下对齐baseline与基线对齐义务一 表格的设计单元格属性baseline 值基线是一条虚拟的线。在一行文本中，大多数字母以基线为基准。baseline 值设置行中的一切表格数据都分享一样的基线。该值的效果经常与 bottom 值一样。不过，假设文本的字号各不一样，那么 baseline 的效果会更好。义务一 表格的设计单元格属性colspan属性：程度跨度row

9、span属性：垂直跨度创建表格 第一学期第二学期 数学 科学 英语 数学 科学 英语 98 95 80 95 87 88 COLSPAN=“n 属性表示跨多少列 1创建表格 螺母 螺栓 锤子 第一季度一月250010001240 二月300025004000 ROWSPAN=“n 属性表示跨多少行 义务一 表格的设计程度跨度 2005秋冬系列的四大类别 童趣 罗曼蒂克 爱的故事 大都会之夜 义务一 表格的设计垂直跨度 商品称号： 彩晶石银手链 规格： 材质：925纯银 天然紫晶 黄晶 橄榄石 单位： 每条 类别： 925银饰 银链手镯 义务一 表格的设计表格的构造表首标志、表主体标志以及表尾标

10、志 ，运用这些标志能对表格的一行或多行单元格属性进展一致修正，从而省去了逐一修正单元格属性的费事。表首标志语法 用于定义表格最上端表首的款式一个表元素中只能有一个标志义务一 表格的设计表格构造 某购物网站列表 产品称号 类型 价钱 义务一 表格的设计 手工编织厚围巾 围巾 45.00元 彩音盒MP3 数码 599元 彩晶石银手链 银饰 68元 欢迎光临本购物网站！ 义务一 表格的设计嵌套表格在HTML文件中，第一个标志表示插入第一表格，第二个标志插入在标志之间，表示在单元格中插入表格，也就是嵌套表格。表格常用属性总结widthheightalignborderbordercolorbackgr

11、oundbgcolorcellspacingcellpadding表格属性alignwidthheightbordercolorbgcolorbackground表格行属性widthheightcolspanrowspanbgcolorbordercoloralign单元格属性 留意：间隔目的元素最近的标签属性起作用.作业3-1-2 编写如以下图所示效果对应的html代码义务一 表格的设计义务一 表格的设计作业3-2 阿里巴巴旗下网站 我要买 我要买 我淘宝 他好，欢迎来淘宝！ 跨2行，并放了一副图片此单元格放了一副图片此单元格跨了3列作业3-1-3 编写如以下图所示效果对应的html代码插入

12、图片：义务一 表格的设计义务一 表格的设计作业3-2 他好，欢迎来淘宝！ 义务一 表格的设计作业3-1-4运用代码编写一个网页,要求：网页中包含5行3列的表格，表格居中对齐，表格边框为1像素，表格的宽度为400像素；表格标题为：一月、二月销售记录表；表格第一行的背景颜色为#ff9966，第二行的背景颜色为#ffccff，第三行的北京颜色为：#66CC99，第四行的背景颜色为：#FFCCFF，第五行的背景颜色为：#FF9966；第一列为左对齐，第二列为右对齐，第三列为右对齐；第一行和最后一行运用th替代td；将文件保管为：姓名作业3-2.asp，并上交义务一 表格的设计消费记录一月、二月消费记录

13、表 消费工程 一月 二月 衣服 $241.10 $50.20 化装品 $30.00 $44.45 食物 $730.40 $650.00 总计 $1001.50 $744.65 义务一 表格的设计作业3-1-5运用代码编写一个网页,要求：表格居中对齐，表格边框为1像素，表格的宽度为470像素；第一行运用th；最后一行合并了三列，嵌套了一个表格，该表格宽度为100%,无边框，为一行四列；分别运用thead、tbody、tfoot三个标签设置表格的颜色，如右以下图所示，颜色可以本人选择；将文件保管为：姓名作业3-3.asp，并上交义务一 表格的设计作业3-3动态网页设计与制造网页设计数据库开发程序设

14、计DreamweaverAcessC+DreamweaverAcessVBscriptAcessJAVAscript 邮箱 地址 作业31-6根据下面的内容， 编写如以下图所示效果对应的html代码 某班级同窗的期末成果表姓名语文数学英语专业课王爽87928880李威90908586高鹏79899092义务一 表格的设计作业3-1-6 根据下面的内容， 编写如以下图所示效果对应的html代码义务一 表格的设计义务二 图片视频的插入.义务二 图片视频的插入图片的插入援用图片必需用元素标志。元素下的根本元素属性是src属性，src的属性值为所援用的图片的URL地址。src属性是必需的。Src的UR

15、L可以是绝对地址，也可以是相对地址。图像提示文字alt所谓图片的替代文本，指图片不能显示时在图片所在位置显示的一段文本或当鼠标移到图片上时也会显示替代文本替代文本可以运用title。语法：义务二 图片视频的插入图片的插入图片的显示大小width指定图片的宽度，height指定高度。它们的属性值可以是象素，也可以是%。 border图像的边框可以为图像添加边框线，但是边框的颜色不可以设置，边框的颜色为黑色，当图像添加了超链接时，边框颜色和链接文字颜色一致。义务二 图片视频的插入图片的插入图像的垂直边距vspace调整图像与文字的垂直边距图像的程度边距hspace调整图像与文字之间的程度间隔图像的

16、对齐方式align属性值含义Left图片左对齐Center图片水平中线和当前行的文字中线对齐right右对齐bottom图片的底部和当前行的文字底部对齐Top图片的顶端和当前行的文字顶端对齐middle图片水平中线和当前行的文字中线对齐作业3-2-1素材：回归大自然的体验，尝试做个摩登原始人，登天入地，攀岩涉水，充溢乐趣，个人训练、团体活动皆适宜,是全山西省最大、最富兴趣性与挑战性的山训场。本山训场是一片布置于树林及原野间的山训场，场内的设备均具野味而刺激。 山庄还安排体能锻炼及充溢活力的团队山训课程，在教练的指点及平安的环境中体验惊险艰困而得到的胜利味道；对于精神压力的放松以及体能耐力的精进

17、有本质的助益。 义务二 图片视频的插入图像陈列回归大自然的体验，尝试做个摩登原始人，登天入地，攀岩涉水，充溢乐趣，个人训练、团体活动皆适宜,是全山西省最大、最富兴趣性与挑战性的山训场。本山训场是一片布置于树林及原野间的山训场，场内的设备均具野味而刺激。 山庄还安排体能锻炼及充溢活力的团队山训课程，在教练的指点及平安的环境中体验惊险艰困而得到的胜利味道；对于精神压力的放松以及体能耐力的精进有本质的助益。义务二 图片视频的插入插入flash动画语法：作业3-2-2表格：宽度995，无填充，无间距 居中对齐图片：宽度995，高：140swf：宽度778，高：250图片：宽度217，高：559图片：宽

18、度778，高：81图片：宽度234，高：194 左对齐文字：宋体 字号：4图片：宽度985，高：87义务二 图片视频的插入 公司始创于1992年，是一家集科研、消费、销售、技术效力于一体的规模化专业型农业科技公司。公司本着“科技为民所用的原那么，努力于农业科技成果的转化和推行，在研发具有自主知识产权产品的同时，以亚洲为中心，积极引进和挑选来自世界各地的优质产品资源。 目前，公司拥有子公司四个，运营着大田作物种子、蔬菜种子和农化产品三块业务，在企业运营管理上实行董事会指点下的总经理担任制。按照现代企业制度的要求，坚持有利于科研、有利于消费、有利于销售的“三个有利于原那么；在管理机构的设置上那么坚

19、持减少层次、职责清楚、提高效率的原那么。工程的建立、消费/销售等完全实行自主运营、自傲盈亏、风险与业绩挂钩，与市场经济相顺应的运营管理机制，建立起了灵敏、机动的企业管理体系。为了使企业可以继续、安康、稳定地开展，公司将所获利润的较大部分投入到了产品研发之中，在自主研发与协作开发的理念指点下，与国内众多大专院校、科研机构及企业有着亲密地交流及技术往来，并建立了科研实验基地160多亩。公司有着稳定的种子消费基地、严厉的实验挑选及消费加工流程。销售方面，公司经过多年的探求和创新，开发出了一套惠及各方利益的市场运作方案，建立起了1100余个销售效力网点，使公司及产品在当地都构成了良好的口碑。 作为一名

20、开展势头强劲的农业科技新贵，公司正以快速而稳健的步伐走在种子行业的前沿，并逐渐向集团化公司过渡。我们坚信：在全体同仁的共同努力下，公司的明天会更愉快，一定可以在农业的腾飞中大放异彩！ 义务二 图片视频的插入插入音频文件语法例如： 义务二 图片视频的插入插入背景音乐语法背景音乐需求不断地播放，可以经过设置loop来实现循环次数的控制；循环次数设置为true，表示无限次地循环播放背景音乐；义务二 图片视频的插入设置滚动效果滚动标志marquee滚动的内容direction默许情况下职能从右向左滚动，经过direction设置不同的滚动方向。取值：up、down、left、rightup：从下往上，

21、left：从右向左义务二 图片视频的插入设置滚动效果滚动标志marquee滚动的内容behavior设置滚动方式，默许是循环滚动Loop默许情况下，滚动会不停的循环下去，假设希望滚动几次后停顿，可以运用loop设置滚动次数。属性值含义scroll循环滚动，默认效果slide只滚动一次就停止alternate来回交替进行滚动义务二 图片视频的插入设置滚动效果滚动标志marquee滚动的内容Scrollamount设置滚动的快慢，滚动的速度实践上是设置每次滚动时挪动的长度，以像素为单位。Scrolldelay设置滚动滚动的时间间隔，单位是毫秒。假设设置的时间比较长，会产生走走停停的效果。义务二 图

22、片视频的插入设置滚动效果滚动标志marquee滚动的内容bgcolor设置滚动的背景颜色width、height设置滚动背景的面积，经过width、height其程度和垂直的范围；hspace、vspace运用hspace、vspace设置滚动对象与周围的文字或图像之间的空白空间。图片视频的插入总结altborderwidthheightalignvspacehspace图片的插入imgwidthheightalignvspacehspace动画和视频插入embedScrollamountScrolldelaybgcolorwidthheighthspacevspace滚动标志marquee

23、.作业3-2-3 运用代码编写教材工程三义务一中的首页。作业3-2-3作业3-2-3单元格宽：204，高：231单元格宽：204，高：263单元格宽：486，高：263单元格宽：202，高：263单元格宽：202，高：231“关于的图片都以单元格背景图片插入插入内嵌表格，1行7列，宽度：900，边框不显示，单元格背风光：#0375B4设置背景音乐为：autumn.MP3，播放次数为5单元格高：43设置滚动文字，内容为：学校地址：云南省丽江市丽江师范高等专科学校 联络方式：674100整个表格：宽度：900，边框不显示，间距为0，填充为0，居中对齐义务二 图片视频的插

24、入竞赛网站首页 网站主页 学校首页 竞赛指南 报道热点 联络我们 资助企业 作品展现 学校地址：云南省丽江市丽江师范高等专科学校 联络方式：674100 义务三 超链接.义务三 超链接超链接语法target：链接的目的窗口属性值含义_blank表示链接目标将出现在新打开的浏览器窗口中，而链接所在的浏览器窗口并不关闭。_parent表示链接目标出现在当前网页的上级框架中，如果未划分框架，则链接目标出现在新的浏览器窗口中。_self在相同的框架中打开，如果未划分框架，则在当前页面中打开链接_top在顶层框架中打开链接，如果未划分框架，则作用与 _self相同义务三 超链

25、接超链接 例题源文件：e3-3-1.asp 1.asp效果文件：e3-3-1(ok).asp义务三 超链接超链接空衔接未指定目的文档的链接,运用空链接可以为页面上的对象或文本附加行为。语法：例如：例题效果文件：e3-3-2(ok).asp义务三 超链接锚点链接 锚本质上就是在文件中命名的位置或文本范围，锚链接起到的作用就是在文档中定位。创建命名锚记语法：链接到命名锚记语法： 链接到同一页面中的锚点；链接到其他页面中的锚点；义务三 超链接锚点链接 例题链接到同一页面中的锚点源文件：e3-3-3.asp 效果文件：e3-3-3(ok).asp链接到不同页面中的锚点源文件：e3-3-4.asp 效果

26、文件：e3-3-4(ok).asp义务三 超链接链接到外部网站语法：链接到语法：义务五 框架.义务五 框架框架是网页设计中很常用的技术，可以在一个阅读器窗口中显示多个文档。利用这一特点，框架技术可以广泛地运用到网站导航和文档阅读器中，方便访问者对网页的阅读，减少访问者下载页面所需的时间。框架最常见的用途就是导航。义务五 框架框架的根本概念框架普通由框架集和框架组成。框架集框架集是HTML文件，它定义一组框架的规划和属性，包括框架的数目、框架的大小和位置，以及在每个框架中初始显示的页面URL.框架集本身不包含要在阅读器中显示的HTML内容但noframes除外框架集文件只是向阅读器提供应如何显示

27、一组框架，以及在这些框架中应显示哪些文档的有关信息。义务五 框架框架的根本概念框架框架是阅读器窗口中的一个区域；设置框架集的属性frameset框架页面的构造是在框架集中设置的rows程度分割窗口将页面沿程度方向分割，也就是将页面分成上下陈列的窗口语法.义务五 框架rows可以取多个值，它由逗号分割的像素值或百分比组成。运用举例cols垂直分割窗口将页面沿垂直方向分割语法.cols可以取多个值，它由逗号分割的像素值或百分比组成。运用举例义务五 框架嵌套分割窗口嵌套分割窗口就是在一个页面中，既有程度分割框架，又有垂直分割的框架。语法.运用举例义务五 框架框架的边框frameborder默许情况下

28、，阅读器总是给每一个框架构造加上一条有明显宽度的边框；经过frameborder可以控制边框的显示和隐藏；取值只能为0、1，或者yes、no；0或no：边框将会隐藏；1或yes：边框将会显示。框架的边框宽度framespacing默许情况下，框架的边框宽度为1；经过framespacing可以控制边框宽度；border设置边框的宽度框架边框颜色bordercolor义务五 框架设置窗口属性frameframe用来定义每一个单独的框架页面，框架页面的属性设置都在标志里进展。页面源文件src页面称号name制止调整窗口尺寸noresize每一个框架都有其固定的宽度和高度，可以经过拖动边框进展调整。

29、不过有时候需求框架的宽度坚持不变，制止阅读器在访问框架的时候随意改动框架尺寸，可以运用noresize设置。义务五 框架运用举例注明：语法： noresize或noresize=noresize义务五 框架边框与页面内容的程度边距marginwidth边框与页面内容的垂直边距marginheight控制框架滚动条显示scrolling取值包括：yes、no或autoyes：不断显示滚动条no：不显示滚动条auto：是系统的默许值，根据详细内容来调整的，当页面长度超越阅读器窗口的范围时就会自动显示滚动条。运用举例义务五 框架不支持框架标志noframes假设遇到不支持框架构造的阅读器,此时就需求

30、 来设置交换内容，通知阅读者其阅读器无法翻开框架页面。 例如：. 对不起，您的阅读器不支持框架构造。义务五 框架浮动框架iframe浮动框架是一种特殊的框架，它是在阅读器窗口中嵌套的子窗口，整个页面并不一定是框架页面，但要包含一个框架窗口。页面源文件src浮动框架的宽和高width、height生成的框架构造是依赖上级空间尺寸的，它的宽度或者高度必需有一个和上级框架一样。而浮动框架可以完全由指定宽度和高度决议。单位为像素义务五 框架浮动框架的对齐方式align用于设置浮动框架页面相对于阅读器窗口的程度位置。取值：浮动框架滚动条显示属性scrolling属性值：auto、yes、no运用举例 i

31、ndex-iframe.asp属性值含义Left左对齐right右对齐Middle居中对齐bottom底部对齐义务五 框架创建框架链接普通情况下，创建框架网页的目的是为了更好地对页面内容进展导航，经过框架进展链接不同的页面。普通框架构造的链接语法：链接文字义务五 框架浮动框架的链接语法产品展现 义务五 框架作业 3-5-1义务五 框架无标题文档 赛场报道 赛场规划 赛场引见 义务六 表单.义务六 表单在制造动态网页时，要实现信息交互，经常用到表单。表单主要用于搜集客户端提供的相关信息，使网页具有交互功能。义务六 表单表单标志语法在表单的标志中，可以设置表单的根本属性，包括表单的称号、处置程序和

32、传送方法等。普通情况下，表单的处置程序action和传送方法method是必不可少的参数。提交表单action用于指定表单数据提交到那个地址进展处置表单称号name用于给表单命名，这一属性不是表单的必要属性，但是为了防止表单提交后到后头处置程序时出现混乱，普通需求给表单命名。义务六 表单传送方法method表单的method属性用于指定在数据提交到效力器的时候运用哪种HTTP提交方法，可取值为get或post。get:表单数据被传送到action属性指定的URL，然后这个新URL被传送四处置程序上。post:表单数据被包含在表单主体中，然后被送四处置程序上。阐明：传送方法的值只需两种即get和

33、post。义务六 表单编码方式enctype表单中的enctype属性用于设置表单信息提交的编码方式。enctype属性用于设置表单信息提交的编码方式。enctype取值的含义application/x-www-form-urlencoded在发送前编码所有字符（默认） 窗体数据被编码为名称/值对。这是标准的编码格式；multipart/form-data不对字符编码。上传文件的表单必须选择该项。窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分，上传附件用到text/plain空格转换为 + 加号，但不对特殊字符编码。 窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符义务六

34、 表单目的显示方式target用于指定目的窗口的翻开方式，表单的目的窗口往往用来显示表单的前往信息。属性值含义_blank将链接的文件载入一个未命名的新浏览器窗口中；_parent为将链接的文件载入含有该链接框架的父框架架或父窗口中；_self为将链接的文件载入该链接所在的同一框架或窗口中_top在整个浏览器窗口中载入所链接的文件，因而会删除所有框架。义务六 表单运用实例e3-6-1.aspe3-6-1ok.asp义务六 表单插入单行文本字段 text在网页中最常见的表单元素就是文字字段，用户可以在文字字段内输入字符或者单行文本。语法义务六 表单参数类型含义type用于指定插入哪种表单元素，如

35、type=“text”，即为文字字段name文字字段的名称，用于和页面中其他控件加以区别，名称由英文或数字以及下画线组成，但有大小写之分。value用来定义文本框的默认值size确定文本框在页面中显示的长度，以字符为单位maxlength用来设置文本框中最多可以输入的字符数提示：文字字段的长度假设参与了size属性，就可以设置size属性的大小，最小值为1，最大值将取决于阅读器的宽度。义务六 表单运用实例e3-6-2ok.asp义务六 表单插入密码文本字段password密码域是一种特殊的文字字段，它的各属性和文字字段是一样的。不同的是密码域输入的字符全部以“*显示。语法义务六 表单参数类型含

36、义type用于指定插入哪种表单元素，如type=“text”，即为文字字段name密码域的名称，用于和页面中其他控件加以区别，名称由英文或数字以及下画线组成，但有大小写之分。value用来定义密码域的默认值，以“*”显示size确定文本框在页面中显示的长度，以字符为单位maxlength用来设置密码域的文本框中最多可以输入的字符数义务六 表单运用实例e3-6-3ok.asp义务六 表单插入多行文本字段textarea当需求让阅读者填入多行文本时，就需求运用文本域。和其它大多数表单对象不一样，文本域运用的是textarea。语法 .不能运用value属性来建立一个在文本域中显示的初始值。相反响当

37、在textarea标志的开头和结尾之间包含想要在文本域内显示的任何文本。义务六 表单运用实例e3-6-4ok.asp义务六 表单插入单项选择按钮radio单项选择按钮是在一组选项中，只允许选择一个选择项。语法 在单项选择按钮中必需设置value的值，提交到后台的；对于一个选择列表中的一切单项选择按钮来说，往往要设置为一样的称号，这样在传送时才干更好地对某一个选择内容进展判别；一个单项选择按钮组中只需一个单项选择按钮可以设置为checked；义务六 表单运用实例e3-6-5ok.asp义务六 表单插入复选框checkbox复选框可以让用户从一个选项列表中选择超越一个选项。语法 checked参数

38、表示该项在默许情况下曾经被选中，一个选项列表中可以有多个复选框被选中；义务六 表单运用实例e3-6-6ok.asp义务六 表单插入列表/菜单菜单和列表也是表单中常用的元素之一，它可以显示多个选项，用户经过滚动条在多个选项中选择。经过和标志来实现。下拉菜单select语法 选项显示内容.选项值是提交表单时的值，而选项显示内容才是真正在页面中显示的选项内同。selected表示该选项在默许情况下是选中的，一个下拉菜单中只能有一个默许选项被选中。义务六 表单运用实例e3-6-7ok.asp义务六 表单列表项在页面中列表项可以显示出几条信息，一旦超越这个信息量，在列表项右侧会出现滚动条，拖动滚动条可以

39、看到一切的选项。语法 选项显示内容.size用于设置在页面中显示的最多列表项数，当超越这个值时会出现滚动条。multiple 属性规定可同时选择多个选项，对于 windows：按住 Ctrl 按钮来选择多个选项。义务六 表单运用实例e3-6-8ok.asp义务六 表单插入文件域file文件域是为了提交表单中上传一些文件的，经过表单将选中的文件上传。语法：义务六 表单运用实例e3-6-9ok.asp义务六 表单插入隐藏域hidden隐藏域是用来搜集或发送信息的不可见元素，对于网页访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用他设置时定义的称号和值发送到效力器上。 语法：type

40、=hidden定义隐藏域；name属性定义隐藏域的称号，要保证数据的准确采集，必需定义一个独一无二的称号；value属性定义隐藏域的值义务六 表单插入按钮在网页中按钮也是很常见，在提交页面、去除内容时经常用到。普通按钮button普通按钮普通情况下要配合脚本来进展表单处置。语法value的取值就是显示在按钮上的文字；在button属性中可以添加onclick来实现一些特殊的功能。义务六 表单运用实例e3-6-10ok.asp义务六 表单提交按钮submit提交按钮是一种特殊的按钮，单击该类按钮可以实现表单内容的提交。语法value的取值就是显示在按钮上的文字义务六 表单运用实例e3-6-11o

41、k.asp义务六 表单重置按钮reset重置按钮用来去除用户在页面中输入的信息。语法value的取值就是显示在按钮上的文字义务六 表单运用实例e3-6-12ok.asp义务六 表单图像域image可以运用图像制造按钮。语法义务六 表单运用实例e3-6-13ok.asp义务六 表单id标志id标志是一个较为特殊的标志，它主要用于标示一个独一的元素。这个元素可以是文字字段、可以是密码域、也可以是其他的表单元素，甚至可以是一幅图像、一个表格。语法：id用来标示页面的独一元素，因此在定义标签名时最好根据其含义进展命名。义务六 表单课堂作业3-6-1参考教材101页图3-6-26，制造表单义务六 表单课

42、堂作业3-6-2制造如下图表单网页义务六 表单义务六 表单义务四和义务七 DIV+CSS规划网页根底.义务四和义务七CSS的根本知识CSSCascading Style Sheets，中文称号是层叠款式表。用于控制网页款式并允许将款式与网页内容分别的一种标志性言语。CSS的优点将内容构造和格式控制相分别；CSS可以更加准确地控制网页的内容方式；CSS的定义款式灵敏多样，可以根据不同的情况，选用不同的定义方法。义务四和义务七CSS根本语法选择符款式属性：取值；款式属性：取值；.选择符(selector)指这组款式编辑所要针对的对象；可以是html标签，如body、h1；也可是定义了特定id或cl

43、ass标签：如#mystyle定义的款式可以运用到一切包含值id=“mystyle的标签；.mystle,那么调用时class=mystyle属性(property)是CSS款式控制的中心，如颜色、大小、定位、浮动方式等；值value是指属性的值；例如：H1font-size：30px;Font-weight:bold;Color:blue;Text-align:center;义务四和义务七运用实例e3-7-1 (ok).asp义务四和义务七添加CSS的方法链接外部款式表链接外部款式表就是在网页中调用曾经定义好的款式表来实现款式表的运用，它是一个单独的文件；适宜大型网站的CSS款式定义；rel

44、=stylesheet是指在页面中运用外部款式表；type=“text/css是指文件的类型是款式表文件；href是CSS文件所在位置，例如href=“slstyle.css义务四和义务七运用实例e3-7-2 (ok).aspslstyle.css义务四和义务七添加CSS的方法内部款式表内部款式表普通位于HTML文件的头部，即标签内，并且以开场，以终了，这些定义的款式就可以运用到页面中；义务四和义务七运用实例e3-7-3 (ok).asp义务四和义务七添加CSS的方法导入外部款式表导入外部款式表是指在内部款式表的里导入一个外部款式表；导入时用import例如：留意：导入外部款式表必需在款式表的

45、开场部分，在其他内部款式表上面。义务四和义务七运用实例e3-7-4 (ok).asp义务四和义务七添加CSS的方法内嵌款式表内嵌款式是混合在HTML标志里运用的，运用这种方法可以简单地对某个元素单独定义款式。内嵌款式的运用是直接在HTML标志里添加style参数，而style参数的内容就是CSS的属性和值；这种方法运用比较简单，显示很直观，但是无法发扬款式表的优势，因此不引荐运用。例如： 这是个表格 义务四和义务七运用实例e3-7-5 (ok).asp义务四和义务七字体属性font-family字体语法：font-family:“字体1，“字体2.阅读器不支持字体1时，那么会采用字体2，以此类

46、推font-size字号语法：font-size:.pxpx为像素font-style字体风格设置字体能否为斜体：normal是默许的正常字体；italic：以斜体显示文字；oblique：属于中间形状，以偏斜体显示。义务四和义务七字体属性font-weight加粗字体设置字体的粗细取值：normal表示正常粗细，bold表示粗体，bolder表示特粗体，lighter：表示特细体，number范围为100900，普通情况下都是整百的数字，这些数字序列代表从最细100到最粗900的字体粗细程度。每一个数字定义的粗细都要比上一个等级略微粗一些。font-variant小写字母转为大写字母取值：n

47、ormal表示正常显示，small-caps将小写字母转换为大写字母且字体较小。义务四和义务七运用实例e3-7-6(ok).asp义务四和义务七字体属性字体复合属性可以设置font的复合属性，用来简化CSS代码；语法font：字体取值复合属性可以是字体、字体大小、加粗字体等，各值之间用空格相连例如：义务四和义务七运用实例e3-7-7(ok).asp义务四和义务七课堂作业3-7-1本人重新编写例题e3-7-1(ok).aspe3-7-7(ok).asp的内容；提交时请提交整个文件夹，文件夹命名为：姓名作业3-7-1。义务四和义务七颜色和背景属性颜色属性color用来设置指定元素的颜色；背景颜色b

48、ackground-color用来设置指定元素的颜色背景颜色；可以是网页背景颜色、文字背景颜色、表单背景颜色等。义务四和义务七运用实例e3-7-8(ok).asp义务四和义务七背景图像background-image用来设置指定元素的颜色背景图像；语法：background-image:url(images/ber_12.gif背景反复background-repeat设置背景图像的显示方式，例如能否平铺显示；参数类型含义norepeat表示背景图像不平铺repeat表示背景图像平铺排满整个网页repeat-x表示背景图像只在水平方向上平铺repeat-y表示背景图像只在垂直方向上平铺义务四和

49、义务七运用实例e3-7-9-1(ok).aspe3-7-9-2(ok).aspe3-7-9-3(ok).aspe3-7-9-4(ok).asp准确定位：儿童消费市场，时髦个性尽显其中，历时一年的缜密调研，专攻“中国儿童时髦消费之运营定位，加上专营儿童用品的阅历与研讨成果，切入市场如定海神针！ 低价战略：数千种儿童用品，价钱档次齐全，折扣最低 1 折供货，规模效益，薄利多销！贝与知名儿童用品厂商协作，大规模销售、流行时间差、换季不同步。大部分产品的价位在三四十元到一两百之间，高、中、低档都有，适宜群众消费。 创新时髦：儿童消费，关键有新意！针对各地儿童文化背景、地域背景、兴趣喜好、智力开发等进展

50、研讨设计，每年推出的新产品设计就达上万余件！ 引领潮流：符合规范的质量，符合个性的潮流创意，令每件产品都成为名品。创意好当然效果好，财富自然跑不了！ 义务四和义务七背景附件background-attachment设置背景图像是随对象滚动还是固定不动参数类型含义scroll表示背景图像随对象滚动而滚动(默认选项)fixed表示背景图像固定在页面上不动，只有其他的内容随滚动条滚动。义务四和义务七运用实例e3-7-10(ok).asp义务四和义务七背景位置background-position用于设置背景图像的位置，这个属性只能运用与块级元素和交换原色。交换原色包括：img、input、texta

51、rea、select和object语法中取值有两种，一种是采用数字，另一种是关键字描画。义务四和义务七值描述top lefttop centertop rightcenter leftcenter centercenter rightbottom leftbottom centerbottom right如果您仅规定了一个关键词，那么第二个值将是center。默认值：0% 0%。x% y%第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您仅规定了一个值，另一个值将是 50%。xpos ypos第一个值是水平位置，第二个值是垂直位置。左上角是 0

52、0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。如果您仅规定了一个值，另一个值将是50%。您可以混合使用 % 和 position 值。义务四和义务七运用实例e3-7-11(ok).asp义务四和义务七复合背景属性background义务四和义务七运用实例e3-7-12(ok).asp义务四和义务七段落属性单词间隔word-spacing可以控制单词之间的间隔间隔，是单词之间的间距，不是字母之间的间距；word-spacing对中文无效；取值可以运用normal，也可以运用长度值；例如：word-spacing：3px字符间距letter-spacing可以控制字符之间的间隔间

53、隔，包括字母之间的间隔和文字之间的间隔；取值可以运用normal，也可以运用长度值；例如：letter-spacing：3px义务四和义务七运用实例e3-7-13(ok).asp义务四和义务七段落属性文字修饰text-decoration对文本进展修饰，如设置下划线、删除线等；值描述none默认。定义标准的文本。underline定义文本下的一条线。overline定义文本上的一条线。line-through定义穿过文本下的一条线。blink定义闪烁的文本。inherit规定应该从父元素继承 text-decoration 属性的值。不是任何阅读器都支持blink效果义务四和义务七运用实例e3

54、-7-14(ok).asp义务四和义务七垂直对齐方式vertical-align设置文字的垂直对齐方式值描述baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。super垂直对齐文本的上标top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元素的中部。text-bottom把元素的底端与父元素字体的底端对齐。义务四和义务七程度对齐方式text-align值描述left把文本排列到左边。right把文本排列到右边。center把文本排列到中间。justify实现两端对齐文本效果。inherit规定应该从父元

55、素继承 text-align 属性的值。义务四和义务七运用实例e3-7-15(ok).asp 标签被用来组合文档中的行内元素。span 没有固定的格式表现。当对它运用款式时，它才会产生视觉上的变化。义务四和义务七文本缩进text-indenthtml中只能控制段落的整体向右缩进，而不设置，阅读器默许不缩进。文本所制止必需是一个长度值例如12px或一个百分比；文本行高line-height控制段落中航宇行之间的间距行高值可为长度、倍数或百分比；义务四和义务七运用实例e3-7-16(ok).asp义务四和义务七文本转换text-transform定义文本的大小写形状,此属性对中文无意义capita

56、lize: 首字母大写uppercase: 每个单词的一切字母大写lowercase:每个单词的一切字母小写none: 正常无变化inherit: 承继义务四和义务七定位属性运用定位属性可以控制元素的位置，包括相对定位和绝对定位两种方式；相对定位：指允许元素在相对于文档规划的原始位置上进展偏移；绝对定位：指允许元素与原始的文档规划分别且恣意定位义务四和义务七定位方式position控制阅读器应如何定位HTML元素值描述absolute表示采用绝对定位，需要同时使用“left”, “top”, “right” 以及 “bottom” 等属性进行绝对定位。fixed表示当页面滚动时，元素不随着滚动

57、。元素的位置通过 left, top, right 以及 bottom 属性进行规定。relative生成相对定位的元素，相对于其正常位置进行定位，对象不可层叠。因此，left:20 会向元素的 LEFT 位置添加 20 像素。static默认值，没有定位。inherit规定应该从父元素继承 position 属性的值。义务四和义务七语法top：auto|长度值|百分比right：auto|长度值|百分比bottom：auto|长度值|百分比left：auto|长度值|百分比auto表示采用默许值，长度值包含数字和单位，也可以运用百分比来设置。义务四和义务七运用实例e3-7-17(ok).as

58、p得意讨喜的卡通文具，爱不释手的动漫饰品，馈赠学友的毛绒玩具，种类丰富的学惯用品 学生用品将适用和轻松完美交融，缓解学生学习压力，并具有智力开发功能。卡通的外型，艳丽的图案，多样的用途，种种独具匠心、个性十足！义务四和义务七DIV层是一种HTML页面元素，是指具有绝对或者相对位置的DIV标签。利用层可以非常灵敏地放置内容。DIV是CSS规划方式的中心对象，做一个简单的规划只需求依赖DIV与CSS,因此也称CSS规划为DIV+CSS规划。DIV+CSS是一种常用的网页规划格式，控制性要比规划表格强得多。语法：.div本身就是容器性质的，不但可以内嵌table，还可以内嵌文本和其他的HTML代码。

59、义务四和义务七层叠顺序z-index运用层叠顺序可以设置层的先后顺序和覆盖关系。默许情况下，z-index值为1，表示该层为与最底层，属性值越高，它的层越靠上；语法：z-index:auto|数字数字必需为无单位的整数值，可取负值，值无-1的元素在值为1的元素下层；z-index仅能在定位元素上奏效例如 position:absolute;义务四和义务七运用实例e3-7-18(ok).asp得意讨喜的卡通文具，爱不释手的动漫饰品，馈赠学友的毛绒玩具，种类丰富的学惯用品 学生用品将适用和轻松完美交融，缓解学生学习压力，并具有智力开发功能。卡通的外型，艳丽的图案，多样的用途，种种独具匠心、个性十足

60、！义务四和义务七浮动属性float运用浮动属性float可以设置文字在某个元素的周围，它能运用于一切的元素；语法：float:none|left|right值描述left元素向左浮动。right元素向右浮动。none默认值。元素不浮动，并会显示在其在文本中出现的位置。inherit规定应该从父元素继承 float 属性的值。义务四和义务七运用实例e3-7-19(ok).asp得意讨喜的卡通文具，爱不释手的动漫饰品，馈赠学友的毛绒玩具，种类丰富的学惯用品 学生用品将适用和轻松完美交融，缓解学生学习压力，并具有智力开发功能。卡通的外型，艳丽的图案，多样的用途，种种独具匠心、个性十足！义务四和义务七