用前端框架Bootstrap和HBuilder X 编写一个完整的网页
要求:用HBuilder X编辑器设计一个美观大方的网页界面,主题《詹姆斯·卡梅隆》,综合运用之前所学的网页设计与制作、Bootstrap、html、css等知识,做出的导航条如下:首页、个人简介、成长故事、感情经历、代表作品、影迷注册。每一个导航链接点击跳转至目标内容区,每一个导航链接下都要有相对应的内容。鼠标悬停与点击时,应出现不同的颜色及状态。网页头部LOGO、中间主体主题部分,以及页面底部的版权信息区内容全部都要完整。使整个网页视觉看上去是规范的网页,具备该有的全部各项功能区,熟练运用DIV,使所有的内容区域框架清晰、主次分明。(文本素材和图片由老师提供,其它学生自主完成。)、
举一反三
- 【单选题】关于BootStrap框架,以下哪项不对() A. BootStrap框架是非常受欢迎的前端开发框架 B. BootStrap框架可以提高开发效率 C. BootStrap框架不是开源框架 D. BootStrap框架对常用的CSS小组件进行了封装
- 下列哪些是前端框架( )? A: html5-boilerplate B: Bootstrap C: Meteor D: Foundation
- 以下哪一个不是Web 前端框架? A: Bootstrap B: Vuetify C: Element D: Node
- 一个包含有N个区域的框架网页来说,框架网页是一个文件集,它由( )个网页组成。 A: N B: N+1 C: N+2 D: N+3
- MUI是hbuilder集成的一个前端UI库,它是原生的。()( )
内容
- 0
编写网页代码时,以下哪些编译器可以使用 A: Notepad++ B: HBuilder C: VS code
- 1
( )是响应式设计前端框架。 A: Bootstrap B: jQuery Mobile C: Vue.js D: Sencha Touch
- 2
下列关于Bootstrap的说法错误的是( ) A: Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架 B: Bootstrap 是基于 HTML、CSS、JavaScript 的 C: Bootstrap 由Twitter公司开发的 D: 使用Bootstrap时可以不用导入其它任何文件,在jQuery环境中直接使用
- 3
下列选项中,关于Bootstrap描述正确是( ) A: Bootstrap是由Twitter(著名的社交网站)推出的前端开源工具包 B: Bootstrap基于 HTML、CSS、JavaScript 等前端技术实现的 C: Bootstrap中预定义了一套CSS样式 D: Bootstrap中预定义了一套HTML网页
- 4
用HTML编写一个简单的网页,网页的最基本结构应该是?