建站基础连载（七）
关键词： 建站 基础 连载 知识点 链接
1.表格
2.文字链接
3.插入图片及图片链接
大家先打开那天的站点，就是D:/WEB，打开文件about.htm，就是上图这个页面，
现在这个页面我们已经做完了头和左边的导航栏。那么现在做一下文字的链接，选择“公司简介”四个字，用鼠标拖动选中，如图：
然后查看下面的属性，如上图所示：有一个链接
那么我们就可以在连接地址里面选择我们链接的网页，如果是你的“公司简介”链接的是本地站点文件，那么，打开一个对话框，我们选左边链接地址 
，
默认的是本地站点，那么你就可以选择你要链接地文件名，比如我们公司简介链接的是公司简介这个网页，就是它本身，那么选择文件“about.html”，然后确定，这样我们就给文字”公司简介“做了链接”。那么当你F12预览的时候，点“公司简介”这四个字的时候是打开about.html这个页面，这就是文字链接。
那么我们现在再选中”公司简介“四个字，做一下外部链接。然后在属性里面输入要连接的外部文件名，比如我们要连接到“http://www.shou.com”，那么属性设置如下图所示：
那么我们按F12预览，点“公司简介”打开的是搜虎站点。在IE中预览的时候，大家可以注意一下，我们点这个“公司简介”的链接打开的时候，搜狐站点打开的是在本IE中打开的，也就是冲掉了原来我们的ABOUT.HTML这个页面，那么我们怎么能让点“公司简介”新开一页呢？设置如下：
还是选择“公司简介”四个字，然后设置属性如下图所示：“目标”设置成“_blank”，
就是点连接的时候新开一个IE窗口。大家可以试一试，CTRL+S保存，F12预览一下，点一下“公司简介”看一下效果。
这样的链接不会把原来的页面关掉。
下来我们讲一下图片插入，其实上节课我们已经大体说了一下，就是头的左边图片，那么今天再详细讲一下图片的插入。
目前互联网上支持的图像格式主要有GIF、JPEG和PNG。其中使用最为广泛的是GIF和JPEG，插入图片的时候要注意图片大小一样的情况下，图片的大小越小越好。插图图像时，将光标放置在文档窗口需要插入图像的位置，然后鼠标单击常用插入栏的“图像”按钮，如下图所示：
弹出的“选择图像源文件”对话框，选择你要插入的图片地址，单击“确定”按钮就把你选择的目标图像插入到了网页中。
注意：如果我们在插入图片的时候，没有将图片保存在站点根目录下，会弹出下图所示的对话框，提醒我们要把图片保存在站点内部，这时单击“是”按钮，如下图：
然后选择本地站点的路径将图片保存，图像也可以被插入到网页中，为了站点图片都保存到一个地方，我们一般要在WEB站点下面再建立一个文件夹“images”，然后把站点所有的图片都保存到这个文件夹里面，
点保存，就把不是站点内的图片保存到images站点文件夹里面了。同时图片也插入到页面你光标所在的位置，然后设置图片的属性，先选择图片，点一下要设置的图片，如图：
选中的时候会出现三个点，然后看下面的属性，
在连接地址中我们来加入图片的链接地址，和文字链接一样，
燃后出现对话框，
选择图片要连接的网页，然后确定，这样我们就做了一个图片的链接，当然同样的方法可以做外部链接，那么直接输入网址，如图所示：
目标地址也可以选择“_blank"新开窗口打开，这些和文字链接是同一个道理，下来我们看一下属性替换，
替换在图片中一般的人不会注意到这个小小的细节，但是替换的属性是非常重要的，包括百度，谷歌等的搜索引擎搜索图片的时候，这个参数是最主要的。所以我们要养成良好的习惯，给图片要命名。假如你的图片插入的是LOGO那么你就命名图片是“新闻标志”，新闻是公司名称，那么这样的话，如果你的图片被收录了以后，你搜索“新闻标志”图片的时候，就会被搜索的到，这是站点SEO上面的细节优化。
接下来讲，一个图片如何做不同的链接，就是说一张图片我如何点击不同的区域链接到不同的地址，或者不同的站点上面，那么这样我们就需要用到热区的概念。
我们举例说明。
首先我们在about.htm页面的右侧插入一张图片，稍微大一点的图片，如图所示：
插入图片以后选择图片，点一下插入的图片，然后看下面的属性。如图：
这三个图形就是建立热区的，你可以用这三个工具在你插入的图形上面建立多个热区，没个热区就可以连接一个不同的地址。我们选择第一个正方形图标，然后在所插入的图形上面画几个长方形，不要重叠，
那么我们在分别选择这四个区块，进行连接，那么这个图形我们就做了四个不同的链接，点这个图形不同的地方打开不同的页面，要选择不同的热区，进行连接，比如你选择第一块，那么在属性里面链接一个地址，再选择第二个区块，同样的方法在属性里面设置另一个链接，这个是移动的，移动热区位置的，然后把#号改成要连接的目标地址，这样就实现了同一张图片可以连接不同的地址。
下面讲一下页面设置，大家按F12预览的时候，可以看到，整个页面时居中的， 
但是注意以下最上面是没有顶头的，是有一个缝隙，大家预览一下看看，那么怎么设置整个页面是顶头的，就是页面的上边距是0呢？
点一下属性栏里面的“页面属性”，如图：
或者是菜单栏里面的： 
然后“属性设置”，页面属性，就会出现一个对话框，
那么我们就可以在这个对话框中设置上边距的属性为0，在这个对话框中，还可以设置网页的背景图片或者背景颜色，加入要设置一个网页的背景图片，就可以在这个地方设置，一般情况下，我们不管是800×600，还是1024，还是页面是全屏的。我们都设置左边距为0 右边距为0 上边距也为0 下边距也为0，然后确定，ctrl+s保存，F12预览。
Trackback
你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=6639233