2024年5月29日发(作者：)

1：导航制作

学习要点：

1.创建项目

2.分析网站结构

3.完成首页导航制作。

一．创建项目

1.页面采用 1280的最低宽度设计，去掉滚动条为 1263像素。采用固定布局，以像素

(px)单位。

2.创建 文件，添加html5基本格式；img目录中存放图片，css目录中存放样

式；创建 文件存放在 css目录，并在html页面中引入 css；

二．分析网站结构

首页分四部分：头部的导航、头部下方搜索区域、搜索区域下方页面主体、主体下方为

页脚版权部分。

三．导航制作

本次课程我们完成导航的制作。导航放入

元素中，左侧是LOGO，右

侧是导航链接，如下图所示：

提示：

（1）Logo采用h1元素，是为了让搜索引擎更好的抓取关键字。建议一个页面只设置

一个h1元素，并将最重要的关键字放入其中。

（2）菜单

  • 浮动后，
  • 脱离文档流，导致
      将失去高度和宽度。此时如果需要对

        进行整体背景设置，首先要给
          定义宽、高。

          （3）Logo图片大小：240*70，png

          （1）HTML部分：