web前端开发之唯众官网实战(bootstrap)

实验一、实现官网轮播图 【实验内容】 本实验主要是运用html、css、bootstrap实现官网轮播图，运用swiper实现轮播图的轮播效果。 【实验目的】 1、熟悉swiper插件实现轮播图； 2、运用html标签并结合swiper插件实现轮播图的布局； 3、css设置轮播图样式； 4、swiper的javascript功能块应用，实现轮播图的轮播； 【实验步骤】 步骤1 swiper插件下载的文件引入，通过sweper官网了解它的应用； 步骤2 使用html标签并结合swiper插件实现轮…

实验一、准备官网实战项目 【实验内容】 本实验主要是完成官网实战项目的前期准备工作。 【实验目的】 1、学习如何创建规范的项目目录结构； 2、熟悉获取和解压资源包所需要的工具； 3、掌握下载项目所需要资源包的方法； 4、熟悉如何配置项目的公共css样式； 5、掌握下载第三方依赖包bootstrap、swiper、iconfont的js、css文件； 【实验步骤】 步骤1 创建项目目录结构； 步骤2 安装项目所需要的工具； 步骤3 下载项目所需要的资源包并解压； 步骤4 配置项目的公共css样式；…