chapter01 网页设计与Web编程教案-第一文库 | 海量文档资源下载与分享平台

免费试读已结束，剩余 67 页请下载文档后查看

15 金币

下载此文档

/ 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