实训

实训

制作图8-21所示的翻译网站首页,并通过CSS设置样式。

1.训练要点

(1)HTML文档的基本结构;

(2)图像链接;

(3)E-mail链接;

(4)列表制作导航栏。

图8-21 翻译网站首页

2.操作提示

(1)页面主体<div id="container">宽度设置为640 px;

(2)左侧的导航栏通过列表建立,列表项之间的分隔线通过设置列表项的边框来实现。

(3)左侧导航栏在鼠标指针划过时出现变色效果:

鼠标指针划过时字体颜色:#FFFF00;

背景颜色:#587A00。

(4)<footer>页脚中有E-mail链接。