HTML5开发项目实战:导航栏 认证专享

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课对导航栏进行讲解,并完成水平导航栏和垂直导航栏的制作,根据导航栏的风格不同,使用CSS样式完成不同的导航栏效果。让学员掌握对导航栏的制作。

    1.本课概要 00:00:18

    本课对导航栏进行讲解,并完成水平导航栏和垂直导航栏的制作,根据导航栏的风格不同,使用CSS样式完成不同的导航栏效果。让学员掌握对导航栏的制作。

    2.水平导航栏 00:16:08

    本课时讲解水平导航栏的制作,通过基本的 HTML 标签以及 CSS 样式的添加,完成水平导航栏的制作。

    3.简约导航栏 00:17:18

    本课时讲解简约版本的水平导航栏,通过使用 HTML 标签以及 CSS 样式的添加,加上对图片的处理,完成简约的水平导航栏的处理。

    4.垂直导航栏 00:08:22

    本课时讲解垂直导航栏的制作,通过对内外边距的处理以及 HTML 标签的使用,完成垂直导航栏的处理。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

HTML5开发项目实战:导航栏

4课时,42分钟2014-11-24
iwen
iwen

极客学院金牌布道师

课程背景:
导航栏是每个网站不可缺少的一个元素,随着信息的增加,在网站上所需要展示的内容也越来越多,导航栏的添加成为了这些内容的主要索引之一。根据网站的不同需求,制作不同样式的导航栏。


核心内容:
1.水平导航栏
2.简约导航栏
3.垂直导航栏


软件环境:IDEA


是否提供资料:


课程等级:初级


适合人群:
具有HTML基础的开发者

  • 技术问答
  • 1

    本课概要

    00:18

    本课对导航栏进行讲解,并完成水平导航栏和垂直导航栏的制作,根据导航栏的风格不同,使用CSS样式完成不同的导航栏效果。让学员掌握对导航栏的制作。

  • 2

    水平导航栏

    16:08

    本课时讲解水平导航栏的制作,通过基本的 HTML 标签以及 CSS 样式的添加,完成水平导航栏的制作。

  • 3

    简约导航栏

    17:18

    本课时讲解简约版本的水平导航栏,通过使用 HTML 标签以及 CSS 样式的添加,加上对图片的处理,完成简约的水平导航栏的处理。

  • 4

    垂直导航栏

    08:22

    本课时讲解垂直导航栏的制作,通过对内外边距的处理以及 HTML 标签的使用,完成垂直导航栏的处理。

相关课程

  • HTML5列表、块和布局

    本课讲解HTML5列表的应用和块元素的认识以及布局的创建。

    3课时 36分钟
    初级
    83936人学习
  • HTML5框架、背景和实体

    本课讲解HTML5框架、背景和实体,学习框架的应用、背景的设计和实体的应用。

    3课时 19分钟
    初级
    66941人学习
  • CSS盒子模型

    本课主要讲解盒子模型,让学生掌握内外边距的使用及盒子模型的设计。

    6课时 43分钟
    初级
    48870人学习
  • CSS定位

    本课主要讲解CSS定位,让学员掌握位置的设置以及通过浮动更好的布局。

    3课时 27分钟
    初级
    47581人学习