网页设计与制作项目教程作者陈义文主编项目4任务2课件.pptVIP

项目四 网站首页制作 任务要求 利用Div+CSS进行首页页眉设计与制作。 最终效果 操作提示 ? 页眉分为左右两个部分。左边显示公司的Logo图片，右边显示“联系我们”等3个小图标及对应的文字提示。编写两个自定义ID，分别向左和向右浮动，代码见表4-5。 操作提示 ? 在ID为“top”的Div中插入两个Div，代码见表4-6。 操作提示 ? “联系公司”等3个小图标使用列表完成。列表内容需要水平放置，因此设置浮动向左。在CSS文件中添加语句见表4-7。 操作提示 ? 在网页文件的“#top_connect”里依次插入3张图片，每插入一张图，按一次Enter键，然后选择3张图片，并单击“属性”面板上的“项目列表”按钮，如图4-6所示。 操作提示 ? 在每张图片的右侧按下Ctrl+Enter组合键进行换行，并分别书写图片下方的提示文字，如图4-7所示。 操作提示 ? “index.html”中的的代码见表4-8。 操作提示 ? 设置此3个小图标的效果：图标及文字需要居中，并且左右两边增加空隙。在CSS文件中添加“#top_connect”中“li”的代码，见表4-9。 操作提示 ? 添加链接如下所示： 给“联系我们”文字及对应图标添加链接，链接地址为“../about/contactus.html”。 给“公司邮箱”文字及对应图标添加邮件链接，链接地址为“mailto