尚硅谷前端基础 (87)

好，那么有关于我们这个京东这个练习呢，我们就先说到这儿，然后呢，呃，文字啊，文本相关的一些样式，我们就说完了，然后接下来往下的话，我们就开始说我们这个背景啊，背景景颜色呀，诶背景图片相关的一些东西，但是在说背景之前呢，我们要先讲一个别的东西，因为我们现在涉及到图片了，你像我们之前去对这个图片进行编辑的话。哎，呃，量图片的一些尺寸呀，编辑图片的一些这种颜色什么东西，我们都是通过我们这些图片的很简单的一个图片工具，但是作为我们这个前端开发来讲，其实那些工具啊，包括之前用的些截图工具啊，呃，什么这个这这个取色器啊，这些东西它实际上并不是那么好用，或者说并不是那么专业，功能比较的弱，所以往往我们还需要安装一些功能比较强大的一个呃软件啊，来帮助我们完成这些功能，那这里边呢，我们要用的一个一个软件，就是我们说的一个叫做Photoshop啊Photoshop，呃，Photoshop呢，在这儿我已经给你提供好那个安装包是吧，你在哪看到视频可以找一下那个下载链接啊安装包，那这个Photoshop呢，它本身是Adobe公司出的一款这个图片处理软件，它本身是收费的，而且收费的话还还挺贵的，对吧，还挺贵的，但是还好我们现在只是处于一个学习阶段，它会有一个这个七天的免费试用，所以我们就直接哎先试用一下是吧，看看它这个功能我们先。

学习一下啊，如果觉得好的话，我们再诶看看有什么渠道我们用购买一个这个可以正常使用的版本，对吧？当然可能据说网上会有一些版本是吧，可以免费使用，那这个东西你就需要自己去开发一下了，那我们现在呢，我们就用一个免费的一个试用版本啊，那这个压缩包呢，直接打开，打开以后你需要解压一下啊，我直接解压过去啊，它这个压缩包，它这个文件稍微有点大，我能解压的时候需要稍微花费一点时间啊，不用着急，然后的话，你的安装的时候，你也可以直接通过这个，哎，网上去安装，就是你上他的官网去搜一下，它也会有一个安装包，那样它可能是一个最新版，那这个版本可能呃，现在是最新的，可能你看到视频的时候，可以它不一定就是最新的了，对吧？诶那这样我们解压完了以后，以后的话，它会出现这么一个文件夹，我们直接打开它里边有一个文件叫做一个setup.exe我们安装的话直接双击，诶问你是否点击是那它的这个安装的话，它会有一点点的麻烦，因为也不知道。

现在都走了是吧，我要装个软件，它必须得要求我去注册什么呢？注册这个会员啊，注册会员当然你看我这儿，我一双击它就直接安装了，对吧，自动就安装了，但是你那个它可能会先显示一个登录的页面，让你填写用户名，填写页面那个密码才能安装，那你可能没有没有怎么办？没有点那玩意儿注册一下它也不麻烦啊，注册一个Adobe的会员，然后登录一下就会自动的安装了啊，你就可以看到我这么一个界面了啊，所以你那个装的时候，哎，你自己就看一下它并不难啊，并不难，我们稍微等一下，你看整体来说安装速度的话还是还是很快的，对吧，还是很快的，现在已经装到百分之哎96已经装完了，对吧？诶说话过程当中就已经装完了，然后的话，装完了以后，实际上它会有一个这个七天的免费试用啊，免费试用你说在这个七天当中，你这个软件你可以随便的去用啊，随便去用也并不会收费啊，你看我这是不是还可以试用七天呀，诶所以这七天我们就放心的用。

就完事了啊，然后以后如果还需要再使用啊，我们再想办法再找一些别的版本是吧，尝试上网上搜一下，诶可能有意想不到的惊喜也说不定对吧？那这里边我们这个软件装完了，我们要怎么用呢？哎，那首先这个东西就是用来去用操作图片的，对吧？所以个时候我们需要先打开图片，那比如说软件已经打开了，我可以把一个图片呢，直接拖进去，那这样的话，我们就会直接用我们这个Photoshop去打开一个图片，那这个的话，我们安装完了以后，我们说一下它的基本的一个设置啊，基本的一个设置首先呢，在左边这个是我们Photoshop的一堆这种，呃，这种叫做一个这个呃工具栏啊工具栏你点一下这个箭头，它就可以按两排显示，你点回来就是一个单排显示，我一般希希望是两排的对吧，所以我给它点出来啊，我它点出来，然后还有一个问题，就是我们现在这这这没这这没啥用，给它给它关掉就行了。

它关掉就行啊，这是啥，直接给它关掉啊，然后还有一个就是我们的单位的问题，我们Photoshop的话，在这儿它默认单位它并不是像素，但是我们你看这还是多少多少厘米，多少多少厘米，对吧，它写的是一个厘米，但是我们在写网页的时候，我们看到单位是不是都是最好都是像素啊，所以这个时候我们要调整一下单位，把它的单位修改成像素怎么改，单位在右侧这个位置，我们直接诶在这有一个右键，有一个界面选项是吧，你点这个玩意儿有一个界面选项，界面选项在这儿会有一个这个单位。单位跑哪去了，工具工具工具工具，哎，单位与标尺，你看现在标尺是厘米文字是不是点啊，哎，我们需要把这些单位全都改成什么呢？全都改成像素，改成像素以后再显示大小就是多少多少像素了，那我们用起来就会比较方便啊，比较方便了，然后还有一个是我们的叫做一个CTRLRCTRLR什么效果呢？CTRLRR就是ruler尺子的意思，对吧？CTRL加R可以把我们这个Photoshop这个标尺给显示出来，就上面这个标尺，那通过这个标尺的话，我们可直接看一下我们图片这个大小，并且在标尺上你可以直接往下拖，拖什么呢？拖出我们这个辅助线来，诶，通过辅助线可以对我们这个网页的一个布局做一个这个参考，你再往回拖，可以给他拖回去啊，这些都是一些最基本的操作啊，后边我们涉及到的时候，我们还要去，还要去说现在你要做的事儿，其实主要就是先把这个Photoshop给它安装上，安装上以后啊，把这单位改了，然后后边我们。

会随着用，随着去解释这个Photoshop要怎么去用啊，怎么用好，我们先说这么多。