![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
实战
文章平均质量分 56
...
Anbelin
现在不想写网上能直接找得到的
展开
-
【前端】PS图层切图
PS有很多的切图方式,例如:图层切图、切片切图、PS插件切图等。PS切图是前端人员的必备技能之一。准备工作首先用PS打开PSD文件,打开后如下图所示接下来对PSD图片稍作调整,选择缩放工具选择填充屏幕PSD文件就自适应屏幕了。图层切图上用鼠标选择左侧工具栏的移动工具,如下图所示:用鼠标点击PSD中想要切图的图片,例如点击文件中的“快乐编程”,如下图所示:此时,右侧图层栏会有一个图层被选中,如下图所示:为了检验这个图层155是否对应于我们的快乐编程图片,点击图层15.原创 2020-09-24 11:08:54 · 514 阅读 · 0 评论 -
【HTML CSS】PS切片切图
用切图工具选中要导出的图片原创 2020-09-25 18:14:47 · 222 阅读 · 0 评论 -
【前端项目实战—品优购】网站TDK三大标签SEO优化
SEO(Search Engine Optimization) 优化汉译为搜索引擎优化,是一种利用搜索引擎规则提高网站在有关搜索引擎内自然排名的方式。SEO的目的是对网站进行深度优化,从而帮助网站获取免费的流量,进而在搜索引擎上提升网站的排名,提高网站的知名度。页面必须有三个标签来符合SEO优化:<titile>、<description>、<keyword>。一、title网站标题title具有不可替代性,是我们页内的第一个重要标签,是搜索引擎了解网页的入口和对原创 2020-09-30 16:06:44 · 211 阅读 · 0 评论 -
【前端项目实战—品优购】网站favicon图标制作
favicon.ico一般用于作为缩略图的网站标志,它显示在浏览器的地址栏或者标签上,如下图所示。目前主要的浏览器都支持favicon.ico图标。一、制作favicon图标把品优购图标切成png图片。(具体切图过程请见之前的文章,PSD文件需要可以在评论留言)把png图片转换成ico图标,这需要借助于第三方转换网站,例如比特虫:https://www.bitbug.net/。二、favicon图标放到网站根目录下保存到网站根目录下后,改名。三、HTML页面引入favicon图原创 2020-09-30 16:09:23 · 436 阅读 · 0 评论 -
【前端项目实战—品优购】logoSEO优化
1、logo里面首先放一个h1标签,目的为了提权,告诉搜索引擎,这个地方很重要。2、h1里面再放一个链接,可以返回首页的,把logo的背景图片给链接即可。3、为了搜索引擎收录我们,我们链接里面要放文字(网站名称),但是文字不要显示出来。方法1:text-indent移动盒子外面(text-indent: -9999px),然后overflow: hidden,淘宝的做法。方法2: 直接给font-size: 0;就看不到文字了,京东的做法4、最后给链接一个title属性,这样鼠标放到logo上原创 2020-09-30 16:12:52 · 197 阅读 · 0 评论 -
【HTML CSS】PC端品优购项目 效果图和代码
品优购 首页品优购 列表页品优购 注册页【index.html】<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>品优购商城-正品低价、品质原创 2020-11-04 17:55:41 · 1599 阅读 · 0 评论 -
【HTML CSS】笔记6日 PC端品优购项目
一、品优购项目规划品优购项目整体介绍(制作首页、列表页、注册页三个页面)。品优购项目学习目的(里面包含技术较多,能极大锻炼我们布局技术)。开发工具以及技术栈(切图用PS、代码用VScode、测试用Chrome、大量使用HTML5+CSS3)。1.1 品优购整体项目介绍项目名称:品优购项目描述:品优购是一个电商网站,我们要完成pc端首页,列表页,注册页的制作。1.2 品优购项目的学习目的电商类网站比较综合,里面需要大量的布局技术,包括布局方式,常见效果以及周边技术。品优购项目能复原创 2020-11-16 12:06:28 · 518 阅读 · 0 评论 -
VUE管理系统 笔记贰日
到目前为止,我们初始化了一个VUE前端项目。前端项目要想正常开发,必须要依赖一个后台接口项目才行。接下来介绍如何配置后台项目,从而支持前端项目开发。安装MySQL数据库安装Node.js环境:后台API项目依赖于node.js才可以正常运行配置项目相关信息:安装后台API项目的相关依赖包启动项目使用Postman测试后台项目接口是否正常安装MySQL初次运行MySQL API 服务器进入vue_api_server目录,打开PowerShell,运行npm install下载node第三原创 2021-03-02 11:30:37 · 57 阅读 · 0 评论 -
VUE管理系统 笔记壹日
安装NODE安装VUE脚手架通过VUE脚手架创建项目配置Element-UI组件库配置 axios 远程仓库初始化git远程仓库原创 2021-01-06 15:06:18 · 73 阅读 · 0 评论