资源描述
Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,Click to edit Master title style,电子商务平台建设,第二单元,HTML,语言与静态网页设计,（一）,HTML,基础知识,Html,是网页基础语言,;,由纯,Html,代码及被显示的文字组成的网页称为静态网页,;,静态网页文件扩展名,(,后缀,),为,html,或者,htm,;,网页文件为纯文本文件,可用记事本等纯文本编辑工具编写,也可用,FrontPage,、,Dreamweaver,等专门的网页设计工具软件设计。,网页中的图片等多媒体素材并不存储在网页文件中，而是与网页一起以文件形式单独存储在网站文件夹中，在网页中只存在该文件的存储和显示位置信息。,网页最终显示效果由游览器解释网页代码后，按代码要求显示到游览器窗口上。,当游览者访问静态网页文件时，,WEB,服务器将文件直接发送给客户端，由客户端游览器负责解释与显示。,（二）,HTML,标识基础,Html,语言通常以,“,显示文字,”,形式出现，命令也称为标识，游览器依据标识要求显示被标识的信息；,标识及其属性只起到指示游览器显示的作用，本身不显示在游览器窗口中。,只有,”,和,”“,间的文字才被显示在游览器窗口中。,大部分标识具有,结构，也就是成对标识，也有只有,”,结构，没有“,”,结构的，称为非成对标识。,标识中的属性与属性之间用空格间隔，属性和值之间用“,=”,符号及引号（单、双引号均可）连接。,（三）,HTML,基本标识,网页基本标识如下：,表示,html,页开始,表示网页头部信息开始,表示网页标题开始,表示网页标题结束,表示网页头部结束,表示网页主体开始,表示网页主体结束,表示,html,页代码结束,任务一 用记事本设计网页,任务要求：,设计一如图显示结果的网页。,注意关注游览器标题文字！,任务一代码,欢迎访问我的网站,你好，这是我用记事本设计的第一个网页,注意：,（,1,）,html,代码中，“,“,中的空格用以分割标识、属性，一个标识中不能用回车换行；（,2,）,”,和,”,也即标识外，空格和回车符号不被显示，因此,你好，这是我用记事本设计的第一个网页,可连写成：,你好，这是我用记事本设计的第一个网页,空格和回车主要用于代码排版，以便今后阅读！,（四）,html,常用标识,(1),段落标识,作用,:,表示段落开始及结束,段落的属性：,对齐方式,align,值：,left,左对齐；,center,居中；,right,右对齐,默认值：,left,其它属性在下一单元样式表说明。,说明：,段间距要大于行间距。,(2),换行标识,作用,:,文字换行不换段，主要用于强制换行；,注意：,为非成对标识,例：,(3),水平线,作用：显示一水平线,属性：,颜色,color,值：十六进制颜色值,对齐方式,align,线粗细,size,值：,1,、,2,、,.,长度,width,值：,1100%,说明：此为非成对标识,(4),标题,作用：文字设置成标题,说明：,n,为,1-6;,显示的文字最大，,显示的文字最小,属性：,对齐方式,align,(5),字体,作用：说明文字字体、颜色、大小,属性,字体,Face,值：,”,黑体,”,、,”,宋体,”,等,颜色,color,大小,size,值：,1-7,，,1,最小，,7,最大。,(6),链接,作用：设置文字或者图片链接，使访问者点击时实现跳转,属性,链接地址,Href,值：,(1)URL,（链接地址）,/,使页面跳转,(2),mailto:,邮件地址,/,打开邮件收发软件给指定邮箱发邮件,链接页显示窗口,target,值：,_blank,新建一窗口,_parent,父框架,_top,整页,_self,相同框架,(7),粗体,(8),斜体,(9),下划线,(10),网页说明,meta,作用：说明网页的相关属性,说明：,/,说明网页语言,zh-cn,为中国中文,/,说明网页,html,编码标准,gb2312,为国标,2312,/,网页关键字,/,网页说明,注意：,标识用于,中，不显示在游览器窗口中。,(11),图片显示,作用：显示指定图片,属性：,图片路径,src,图片边框,border,图片宽度,width,图片高度,height,举例：,说明：,为非成为标识；将,标识放在,中为设置图片链接！,其它,属性：,background,背景图,Bgcolor,背景色,例：,作用：设置网页背景音乐,属性：,音乐文件地址,src,播放次数,loop,举例：,注：,用在,中,（五）列表标识,1.,无序列表,作用：将文字显示成无顺序的列表方式,属性,类型,type,值：空心圆,circle,实心框,square,实心圆,disc,2.,列表项,作用：设置,1,列表项,属性同,，用于设置某项列表样式,3.,有序列表,作用：将文字显示成有顺序编号的列表方式,属性,类型,type,值：,1,数字顺序；,A,大写,A,、,B,、,顺序；,a,小写字母顺序,I,大写罗马字顺序；,i,小写罗马字顺序,任务二 列表设计,任务：,注意：设计好后阅读代码，进一步熟悉,html,标识！,（,6,）表格标识,1.,表格,属性：,边框线粗细,border,宽度,width,背景色,bgcolor,单元格衬距,cellpadding,单元格间距,cellspacing,2.,行,3.,单元格,属性：,对齐方式,align,；行合并,rowspan,；列合并,colspan,任务三 表格制作,任务：,注意：设计好后阅读代码，进一步熟悉,html,标识！,（,7,）框架标识,1.,框架集标识,作用：将一个游览器窗口划分成若干子窗口（也称子框架），每个子窗口分别显示一网页。主要用于网站分区显示及窗口分割等。,属性：,上下分割,rows,值格式为”,n1,n2,.“,，,n,i,数表示分割后的窗口数；,n,的数值表示窗口的高度（像素）,水平分割,cols,值同,rows,2.,子框架,作用：用于显示指定网页,属性：,显示的网页地址,src,滚动条显示,scrolling auto,为需要时显示,no,为不显示,yes,为始终显示,框架中链接默认显示框架设置,target,任务四 框架页设计,任务：,注意：设计好后阅读代码，进一步熟悉,html,标识！,任务五 综合练习,任务：,
展开阅读全文