代码区
所见即所得
Body区,网页主体
Head区,主要设置字体编码,网页标题等
在正式开始制作网页前一个必不可少的工序。双击打开刚才新建的index.htm,就自动转入编辑窗口。选择“修改”> “页面属性”设置一些必要的页面属性。
① Title(标题):页面的标题会直接显示在浏览器的左上方,务必要养成为每一页都设定一个标题的习惯,这既便于访问者的浏览,也有助于你在网页编辑的过程中区分不同的页面。虽然标题并不是一个网页必要的元素,但却是体现着网页制作者有否从细处为浏览者着想。
② Background Image(背景图片):点击Browse按钮,可以为网页添加背景图片。
③ Background(背景颜色):默认为白色, 可以选择其他的颜色。
④ Text(文字颜色):在这里将文字设置为黑色。要注意,假如不对背景及文字的颜色进行设置(此时RGB色值显示为空),那么浏览器在显示页面的时候,就会采用系统的默认设置。但因为不同的系统的设置都可能会有所区别,这样就回导致页面的显示效果也是千差万别。因为,为了更好地让页面体现出你的设计思想,就千万别忘记设定页面的背景颜色及文字颜色。
⑤ Link(链接颜色):设定超级链接的颜色,不设定则默认为蓝色。
⑥ Left和Top:设置左部及顶部的页边距,一般都设置为“0”以方便于网页的编辑。
确保页面的设置正确后,点击 OK 结束。
设置页面属性
表格详解
- 简明步骤:打开一个页面→插入表格→设置表格宽度
- 现在有好几种尺寸的显示器,“14、15、17、19”英寸,网页要在每个显示器上显示正常,就要设置恰当的参数,常用的是在页面中插入表格放内容,采用象素和百分比两种。
- 使用百分比,可以在各种显示器上有相同的效果,宽度设置为100%时,在各种显示器上全屏显示。
- 素大小的表格设置,选择像素为单位,值为768。可以在15英寸显示器上全屏幕显示,在17英寸显示器上也有好的显示效果。相对使用百分比制作网页,采用像素比较简单。
- 大多是把表格设置为居中对齐。选中表格,在属性面板选择对齐方式为居中对齐。
- 完全下载一个表格的内容,才能在IE中显示出来。如果页面文件小,可以只有一个表格放内容。如果页面文件很大,可以在页面中,从上到下放几个宽度相同的表格,分别放不同的内容,这样就会一个一个显示表格里面的内容,不用等整个网页的内容下载完。
- 图像描边:增加图片的美观
- 设置图文混排
- 给图片增加提示:在IE中,当指向这个图片时,就会出现文字提示
- 创建图像地图:当点击一个图像的不同部分,可以链接到一个新的网页。也可以在当前窗口打开。
简明步骤:选中目标图片→选择属性面板中的热点工具→用热工具在图片中画出热点区域→在属性面板中输入链接地址,选择目标窗口打开方式。 - 设置图像边距:设置图像边距,可以使图像和表格边框产生一个边距,也会和相邻的文字或者其它图片产生一个边距。有时候设置边距为一个非0的数值可以起到美观的作用。但是有的时候输入数值为0的边距可以使用页面紧凑。
图像详解
超级链接