15、网站导航与网页写作技巧

keras9composer

于 2025-11-10 12:45:27 发布

阅读量4

点赞数

CC 4.0 BY-SA版权

分类专栏： Head First网页设计精髓文章标签：网站导航网页写作智能导航设计

本文链接：https://blog.youkuaiyun.com/keras9composer/article/details/155156516

Head First网页设计精髓专栏收录该内容

28 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

网站导航与网页写作技巧

1. 智能导航设计

在网站设计中，导航系统起着至关重要的作用，它能帮助用户快速定位和访问所需内容。导航可分为主导航和次导航。

主导航 ：提供网站主要部分的链接，如首页、学生、教师和关于等，应在网站的大部分页面中保持一致且不随意更改。
次导航 ：链接到网站的子部分，需根据当前页面内容和用户所在位置进行调整。

为了实现次导航的样式设计，我们可以在 HTML 中为包含链接列表的 <div> 元素添加 ID，例如：

#subnav { 
    margin: 0; 
    padding: 0; 
    background: #d2dbc0; 
    height: 46px; 
}
#subnav ul { 
    list-style-type: none; 
}
#subnav ul li { 
    float: left; 
    margin: 0; 
    padding: 15px 10px 15px 10px; 
    font-size: 1.4em; 
} 
#subnav li.option { 
    text-transform: uppercase; 
    background: #b2bf99 url('../images/option_li_bg.gif') no-repeat right; 
    padding: 15px 25px 15px 10px;