Web前端开发

实验二、实现顶部导航 【实验内容】 本实验主要是通过分析顶部导航栏的布局学习官网常见的顶部导航栏设，利用html和css语言完成顶部导航栏的设计。 【实验目的】 1、学习如何分析页面布局； 2、了解无序标签ul,列表项标签li的基本用法； 3、学习如何使用css绘制三角形图标； 4、学习如何使用css给元素添加hover效果。 【实验步骤】 步骤1 分析页面目标元素布局 步骤2 利用ul,li等标签完成html代码的编写 步骤3 利用css完成页面的美化效果并完成三角形图标的绘制 步骤4 使用c…

实验一、准备电商实战项目所需工具资源 【实验内容】 本实验主要是完成电商实战项目的前期准备工作。 【实验目的】 1、学习如何创建规范的项目目录结构； 2、熟悉获取和解压资源包所需要的工具； 3、掌握下载项目所需要资源包的方法； 4、熟悉如何配置项目的公共css样式。 【实验步骤】 步骤1 创建项目目录结构 步骤2 安装项目所需要的工具 步骤3 下载项目所需要的资源包并解压 步骤4 配置项目的公共css样式 步骤1  创建项目目录结构 如下图: 步骤2  安装项目所需要的工具 点击编辑器左侧目录选…