界面设计之添加导航栏

一个网页的界面中,不仅有页头、正文内容、侧边栏等,导航栏也是很重要的一个结构,它可以告知用户一个网站大致有那些界面和内容,起着为用户“导航指路”的作用。

那么最基础的导航栏要如何添加呢?

我们只需要打开data文件中的navigation文件,在title后输入自己想要为该栏设置的名字,若是要链接到其他的网站上,只要在url后面粘贴上想要链接的网站地址即可。

导航栏.png

接下来我们需要创建一个与data,includes等同级的文件夹并命名为pages,在其中分别创建about、svg、design等markdown文件,若是有文章要放在某个栏中,则该栏的名字后面需要加上archive,如图:

pages.png

然后分别在相应的文件中打入代码便大功告成啦!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,054评论 3 119
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,251评论 25 709
  • 浮躁得很,不能再这样,要振作起来,假期搞好CNN,学一学C,学一学python,学一学数学,学一学英语,最好再能撂...
    xisoi阅读 1,306评论 0 0
  • 关于幸运,我只想说越努力越幸运。 经常听到别人说自己很努力,但是为什么还是比不上别人,因为别人比你更努力。 总以为...
    小石读史阅读 2,890评论 0 7
  • 每一年年初,都会感叹上一年过的真快,又长了一岁,仿佛那一年中的香花烈日,秋风冬雨不曾留下深刻印象一般。可能存在时间...
    辰安娜阅读 1,774评论 0 0

友情链接更多精彩内容