![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
案例
文章平均质量分 70
Yolanda-Candy
这个作者很懒,什么都没留下…
展开
-
品优购项目(下)
目标能够写出列表页能够写出注册页能够把品优购网站部署到本地服务器能够把品优购网站上传到远程服务器品优购项目首页制作main 主体模块制作以前书写的就是模块化中的公共部分。main 主体模块是 index 里面专有的,注意需要新的样式文件 index.cssmain 盒子宽度为 980 像素,高度是455像素,位置距离左边 220px (margin-left ) ,给高度就不用清除浮动main 里面包含左侧盒子,宽度为 721像素,左浮动,focus 焦点图模块ma原创 2022-04-05 11:37:26 · 198 阅读 · 0 评论 -
ECharts数据可视化项目
可视化面板介绍 应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出。01-使用技术完成该项目需要具备以下知识:div + css 布局flex 布局Less原生js + jquery 使用rem适配echarts基础02- 案例适配方案设计稿是1920pxflexible.js 把屏幕分为 24 等份cssrem 插件的基准值是 80px插件-配置按钮—配置扩展原创 2022-04-05 11:36:55 · 2425 阅读 · 0 评论 -
移动端+京东移动端首页制作
一:移动端的viewport手机拥有了浏览器的初期,人们并没有专门为移动设备设计页面,造成的直接结果就是,访问的页面是直接将电脑页面进行缩放,操作起来有诸多不便,viewport就是用来解决这个问题的1.viewport的概念:移动设备上,用来显示网页的区域.a)如果把移动设备的浏览器(也有可能是app中的webview) ,当做相框的话b)viewport就相当于相框中的画,可能会比相框小,可能会比相框大,如果刚好一样大,那就皆大欢喜.2.修改viewport:我们可以通过meta标签去修改vi原创 2022-04-05 11:35:44 · 3562 阅读 · 5 评论 -
案例——微金所页面
1.效果图2.整体页面结构块<!--顶部通栏--><header class="wjs_header"></header><!--导航--><nav class="wjs_nav"></nav><!--banner轮播图--><div class="wjs_banner"></div><!--信息--><div class="wjs_info"></d原创 2022-04-05 11:34:07 · 1237 阅读 · 1 评论 -
品优购项目(上)
目标- 能够遵循品优购代码规范- 能够在品优购首页中引入 favicon 图标- 能够说出三大标签 SEO 优化- 能够在品优购首页中使用字体图标- 能够说出 LOGO 需要哪些 SEO 优化品优购项目规划网站制作流程原型图:页面的布局,告知我们开发人员,整个页面的结构是怎样的,说白了就是什么地方放什么内容效果图:告知我们开发人员,最终做出来的成品应该是什么样子,相比原型图,效果图里面包含内容,风格,字体大小等等品优购项目介绍项目名称:品优购项目.原创 2022-04-05 11:37:51 · 1018 阅读 · 0 评论 -
案例——京东三角+CSS三角形
案例:京东三角1.效果图2.代码参考<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="...原创 2022-04-04 16:25:08 · 206 阅读 · 0 评论 -
案例——淘宝轮播图和土豆网鼠标经过显示遮罩
综合案例 - 淘宝轮播图1 效果图5.2 布局分析3 步骤1. 大盒子我们类名为: tb-promo 淘宝广告2. 里面先放一张图片。3. 左右两个按钮 用链接就好了。 左箭头 prev 右箭头 next 左按钮样式(border-radius:左上,右上,右下,左下),右按钮定位,提取左右按钮共同的样式代码(并集选择器)4. 底侧小圆点ul 继续做。 类名为 promo-nav 中间长方形椭圆 ul的定位(水平居中,离...原创 2022-04-04 15:42:17 · 250 阅读 · 0 评论 -
学成在线页面制作
页面展示:学成在线,是典型的企业级网站。学习学成网的目的,是为了整体感知企业级网站布局流程一、前期准备素材- 学成在线PSD源文件- 开发工具 = PS(切图) + sublime(代码) + chrome(测试)二、 前期准备工作先把前期准备工作做好, 采取结构与样式相分离思想。1. 创建 study 目录文件夹 (用于存放我们这个页面的相关内容)。2. 用vscode打开study目录文件夹.3. study 目录内新建 images 文件夹,用于...原创 2022-04-04 14:54:20 · 1401 阅读 · 0 评论 -
案例——产品模块
产品模块的代码原创 2022-04-03 20:28:27 · 135 阅读 · 0 评论 -
案例——五彩导航
放在上面导航栏上进行变色原创 2022-04-03 20:03:47 · 797 阅读 · 0 评论