预览加载中，请您耐心等待几秒...

chapter01网页设计与Web编程教案.ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共77页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

第一章Web网站架构与HTML基础内容提要Web的特点和结构Web的特点和结构Web的特点和结构Web的特点和结构Web的特点和结构Web的特点和结构Web的特点和结构Web服务器配置Web服务器配置Web服务器配置Web服务器配置Web服务器配置Web服务器配置Web服务器配置Web服务器配置Web服务器配置Web服务器配置Web服务器配置创建虚拟目录创建虚拟目录创建虚拟目录IE6.0的配置IE6.0的配置IE6.0的配置IE6.0的配置HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础HTML基础 5.图像标记和多媒体标记 （1）图像标记：<imgsrc=“图像文件名”>将图形文件嵌入到网页文档中的当前位置。 例如，网页文档与图形文件logo.gif在同一个目录下，则可以将代码写成<imgsrc="logo.gif">。 假如图形文件放在网页文档所在目录的一个子目录(images)下，则代码应为： <imgsrc="images/logo.gif">。 此外，<img>标记还有alt（文字代替）、align（对齐）、border（边框）、width（宽度）和height（高度）属性。 假如图形文件放在网页文档所在目录的上层目录(如home)下，则相对路径就必须是准网址，即用“../”表示网站，后边紧跟文件在网站中的路径。 例如，home是网站下的一个目录，则代码应为： <imgsrc="../home/logo.gif">。 例如，home是网站下的目录king下边的一个子目录，则代码应为： <imgsrc="../king/home/logo.gif">。 [例]图像标记举例 <html> <head> <title>图像标记示例</title> </head> <body> <palign=“center”><imgsrc=“../logo468_60.gif”alt=“网页制作” width="468"height="60"></p> </body> </html> （2）多媒体标记 A.设置音乐播放的链接 在Windows中，可播放的音乐文件格式常有au、mid及wav三种。若要提供音乐文件让浏览者播放，则可建立指向音乐文件的超链接。例如： <AHREF="sweet.wav">甜美音乐</A> B.设置影像播放的链接 常见的影像文件有mov、mpg和avi。可建立超链接到影像文件。当浏览者单击超链接时，将会调用WindowsMediaPlayer，进行影像文件播放。例如：<AHREF="traffic.avi">本市交通</A> C.直接将音乐或影像嵌入网页 可以用<EMBED>标记，即: <EMBEDSRC=“音乐或影像文件名称”WIDTH=宽度HEIGHT=高度AUTOSTART=TRUELOOP=播放次数> 若“播放次数”设为TRUE，则无限次播放，直到单击关闭或停止。若设为NO（默认值），则只播放一次。 D.播放网页背景音乐 可运用<BGSOUND>标记，即： <BGSOUNDSRC="音乐文件名"LOOP=次数> 若“次数”设为Infinite，音乐将循环播放，直到网页关闭为止。 6.表格标记（用于制作表格或网页结构） （1）<table></table>（创建一个表格） （2）<tr></tr>和<td></td>（创建表格中的每一行和每一格） （3）<th></th>（创建表格头）。 [例2-7]用表格标记创建下列表格。 <html><head><title>表格标记示例</title></head> <body> <tableborder="1"width="80%"bgcolor="#E8E8E8“ cellpadding="2"bordercolor="#0000FF“ bordercolorlight="#7D7DFF"bordercolordark="#0000A0"> <tr> <thwidth="33%"colspan="2"valign="bottom">意大利</th> <thwidth="36%"colspan="2"valign="bottom">英格兰</th> <thwidth="36%"colspan="2"valign="bottom">西班牙</th> </tr><tr> <tdwidth="16%"align="center">AC米兰</td> <tdwidth="16%"alig