昨日回顾
计算机编码
所谓“编码”就是用什么二进制来表示一个字符。比如:a对应101,b对应110
101010010100101001010011101001010010110100101010
ASCII编码:用7位或8位(1个字节)二进制来表示一个字符,最多表示256个字符。
ANSI编码:就是不同国家,想使用计算机来处理本国语言。
中国,ANSI就是指GB2312或GBK。
台湾,ANSI就是指BIG5
每个操作系统都内置了一套编码体系,就是所谓“字符集”。
例如:中文操作系统的默认编码是GB2312.,用计事本编网页,如果没有指定字符集,则默认就是GB2312.
GB2312编码:用2个字节(二进制16位),理论上可以表示2^16=65536个汉字。
例如:“国” 用二进制表示 1110101010101110
GBK编码,用2个字节来表示一个字符。它的容量要比GB2312大的多。
Unicode编码,用4个字节来表示一个字符,它可以容纳下全世界的所有字符。过于庞大,下载文件时间长,效率不高
UTF-8编码,Unicode Transform Fromat统一格式转换。不同字符会自动选择长度来表示。比如:a用1个字节,汉字用两个字符。
<meta>标记:其中的设置或内容是给浏览器软件本身用的或搜索引擎用的
设置字符集:<meta http-equiv=“content-type” content=“text/html;charset=GB2312” />
保证网页不出现乱码:在一开始时,就要把编辑环境和<meta>字符集设置好,并且不要经常更换字符集。
站点:就是代表一个网站。一个站点中要有相应的目录的规则。
表格标记
sadasda | sadasd | asdasd | asdasdasdad |
<table>
<tr>
<td>编号</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
说明:<table>表示表格,<tr>表示行,<td>表示单元格,内容放在<td>中。
标题单元格:<th></th>中的内容会自动加粗居中显示;
普通单元格:<td></td>中的内容是默认样式。
<table>的常用属性
Width:表格的宽度,取值:固定值或百分比
在JS中,称HTML标记为“元素”,比如:td元素、body元素
Height:表格的高度
Border:指定表格的边框粗细
bgColor:表格的背景色
background:背景图的URL。比如:background=“images/bg.gif”
align:表格水平对齐,取值:left center right
cellpadding:指单元格与文字之间的距离,也称“内填充距离”
cellspacing:指两个单元格之间的距离,也称“间距”
<tr>的常用属性
Align:水平对齐,取值:left center right
Valign:垂直对齐,取值:top middle bottom
bgColor:行的背景色
height:指行高
<td>或<th>的常用属性
Width:单元格的宽度
Height:单元格的高度
Align:水平对齐
Valign:垂直对齐
bgColor:背景颜色
background:背景图片
rowspan:合并多行的单元格,跨行合并
colspan:合并多列的单元格,跨列合并
注意:单元格合并的属性rowspan和colspan应该放在第一个单元格中,合并后要进行相应的删除,以保证一个行的单元格个数相同。
<caption></caption>表格表题标记
<caption>是<table>的子标记,紧跟<table>开始标记,在所有<tr>标记之前。
常用的属性align
综合实例:月福汽车装饰有限公司首页
网站制作的一个流程
(1)网站设计的方案
(1)由设计人员出效果图
(2)制作人员根据设计图,把设计图的大图片,切割成多个小图片;
(3)由制作人员,使用HTML+CSS再排成原来大图的效果
(4)程序人员,根据效果图,再做后台程序开发
(5)将前台页面和后台程序整合在齐,构成一个完整的网站。
(6)交由客户进行审阅
用表格来排版网页
1)确定主页的宽度,最宽不超过1000px,最低700以上。
2)主页一般都是绝对居中
3)网页的背景色或背景图片
4)flash的扩展名.swf
月福首页的结构图
HTML代码注释:<!—网页注释的内容-->
图片热点(图像地图):在一张图片上增加多个链接
<img src=“images/index_02.jpg” usemap=“#Map” />
<map id=“Map”>
<area shape=“热点的类型” coords=“坐标” href=“链接” alt=“提示信息” />
<area shape=“热点的类型” coords=“坐标” href=“链接” alt=“提示信息” />
<area shape=“热点的类型” coords=“坐标” href=“链接” alt=“提示信息” />
</map>
<area>的常用属性
Shaple:指热点的形状,取值:rect(矩形) circle(圆形)polygon(多边形)
Coords:执热点的坐标或范围。
Rect类型:坐标为 coords=x1,y1,x2,y2 ,x1,y1表示矩形左上角的坐标值,x2,y2表示矩形的右下角坐标值
Circle类型:坐标为coords=x1,y1,r,x1,y1表示圆心坐标,r表示半径
Polygon类型:坐标为coords=x1,y1,x2,y2,x3,y3,……,表示每个顶点的坐标
多媒体标记(以Flash为主讲解)
网页上的所有视频,基本都是Flash格式。将所有其它的视频转成了Flash格式,因为Flash格式所有的浏览器基本上都兼容,参数各个浏览器都差不多。
视频转换工具:格式工厂
Wmv一小时大小为150MB左右,若转成Flash,尺寸将缩小80%左右。
avi mpeg dat
<embed></embed>多媒体标记
不是W3C推荐的,一般用于Netscape浏览器(以Firefox为核心)。
常用的属性:
Src:引入外部的视频文件
Width:界面的宽度
Height:界面的高度
Type:指播放的文件格式
Pluginspage:指Flash插件的下载地址。
Wmode:指Flash是否为透明背景,取值:transparent(透明)
Quality:指播放质量,取值:high(高质量) low(低)
<object></object>多媒体标记
是W3C推荐的多媒体标记,一般用于IE浏览器。
<param />该标记是<object>的子标记,主要用来设置参数。
<object width=“宽度” height=“高度” classid=“产品ID号” codebase=“插件下载地址”>
<param name=“movie” value=“images/banner.swf” />
<param name=“wmode” value=“transparent” />
<param name=“quality” value=“high” />
<embed width=“宽度” height=“高度” type=“文件类型” pluginspage=“下载地址”></embed>
</object>
下面是播放Flash的代码
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="778" height="202">
<param name="movie" value="images/banner.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="images/banner.swf" width="778" height="202" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</ object>
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/164.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除