700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css的基本使用及常用选择器 学完了HTML还要学什么 – CSS – 前端 dw cs5 css3

css的基本使用及常用选择器 学完了HTML还要学什么 – CSS – 前端 dw cs5 css3

时间:2020-10-09 02:29:43

相关推荐

css的基本使用及常用选择器 学完了HTML还要学什么 – CSS – 前端 dw cs5 css3

三驾马车

偶在前面的回答里也强调过,如果想在前端开发发展,那么HTML,JavaScript和CSS作为前端的三驾马车是最最基础的入门语言,无论如何绕不开的。

据偶了解,除了计科相关的职位,有些设计专业也会学习HTML。(偶弟弟是学习设计的,就有一门选修课是用HTML写一个网页,偶教了他display什么的,让他觉得特别神奇。)也就是说,就算你未来不打算做网页开发的FE,而打算做网页设计的UI,对前端语言有所了解,也能对你的未来职业发展很有帮助,因为可以让你更专业的与FE和PM沟通你的设计稿。

如果题主已经学完了HTML,那么想必已经能写出简单的HTML网页框架了。在这里介绍一个小tip(也许你已经会了),可以让你平时看到喜欢的页面的时候就能看看当前页面的html,从而更好的指导自己使用HTML。那就是F12按键,这个快捷键可以快速调出当前页面的前端数据,是调试开发非常有用的工具。

不仅是看当前页面的html和css(上图elements),有时候前端要看点击了某个按钮后调用了哪些请求,携带了哪些参数的时候,也会用这个功能,点击右边红框network即可。就可以看到当前页面发送了哪些请求,request和response分别是什么,是前端开发者自偶调代码和查bug时候必不可少的工具。

如偶上面所说,学会了HTML之后,还要学习负责描述页面细节的CSS,和脚本语言JAVASCRIPT,这两者也都可以通过偶上面介绍的方式来调试。

学会了上述三驾马车之后,就可以根据你的个人情况决定下一步走向:是做一个前端开发的FE,还是做设计的UI呢。其实如果是一个大一大二的学生,就算不是专业设计专业,也是来得及现在学,未来从事UI的,大家UI团队有个妹子就是计算机专业毕业的,她和偶说她本科时候最喜欢去设计专业蹭课,硕士期间的课题是人工智能,但是也不影响人家追求人生真爱,做一个UI,而且由于她坚实的计算机知识基础,反而比其他UI更加受欢迎,升职速度也更快。

因此,题主如果现在还年轻,完全可以按照自己的真心热爱,好好的做一个选择。

偶是苏苏思量,来自bat的Java开发工程师,每日分享科技类见闻,欢迎关注偶,与偶共同进步。

有哪些好的工具推荐?

很高兴回答您的问题,希望偶的回答可以对您产生帮助。

配图网站:

免费无版权cc0图库

1、Pexels

2、Pixabay

/

3、Unsplash

免抠图PNG图片

3png

/

图标素材库

阿里巴巴矢量图标素材库(iconfont)

/

在线作图网站:

1、创客贴

2、稿定设计

3、图怪兽

/

微信公众号排版工具

速排小蚂蚁编辑器

/

字体网站

字由

追热点网站

今日热榜

https://tophub.today/

文案网站

TOPYS | 全球顶尖创意分享平台

/

思维导图网站

ProcessOn

/

数据分析网站

清博大数据

/

以上是小编工作中经常用到的一些工具,希望可以帮助到你哦~~

你的电脑上有哪些很好的软件或网站?

之前在偶的头条号和悟空问答社区给大家推荐过不少好用的软件,有APP的也有电脑端的。

今天看到这个问题就专门整理了一份电脑上好用的软件或者网站给大家,希望对你有用,帮助你提高学习和工作效率,如下:

1. 爱奇艺万能播放器

市面上播放器有很多,但跟其他相比爱奇艺万能播放器的最大亮点在于它有个很牛逼的功能,就是可以高速下载百度网盘的东西。大家知道网盘下载资料的速度很慢,但在爱奇艺万能播放器里面下载那速度比购买百度网盘的会员还快。

在相同网速下测试下载一个一百多兆的视频,在百度网盘正常下载只有几百kb/s,而在爱奇艺里面有5MB/S左右的速度,甩人家几条街。

百度搜索「爱奇艺万能播放器」进入官网直接下载即可。

下载安装好之后,打开软件在右上角找到「百度网盘」的图标点击打开。第一次打开有个功能初始化提示,关掉弹窗等个十几秒再次点击就可以了。

打开登录自己的百度网盘,然后选择要下载的资源直接下载即可,速度贼快。

当然除了下载网盘资料,你还可以使用它播放视频、音频,查看图片等,真的是万能。

2. 方片收集

大家每个人都有碎片知识收集的需求,看到一句优美的话、一张动人的图片、一个视频或者一个想法,想快速记录下来。如果打开笔记软件或者记事本这些工具来记录往往显得笨重而繁琐。但使用方片收集这款利器可以助你高效完成收集,官网宣传一点都不吹嘘。

下载安装好插件后,将你需要收集的资料(图片/文字/网址/视频)向左拖拽或点击就能完成收集,超级方便和快速。

方片收集还有android和iOS APP,内容多端同步,实时云端保存,可以随时查看编辑。偶已不止一次推荐它了,真的好用到爆。

3. precessOn

PrecessOn是一个强大的在线绘图平台,无需下载,直接线上使用。支持思维导图、业务流程图、原型图、组织架构图等十多种图形绘制,界面设计简洁,易操作上手。

同时它提供项了目管理、财务、电商等多种脑图模板。

说实话,有了precessOn这款绘图集合工具,真的不需要去下载类似 Xmind 这样笨重的客户端,占用电脑内存,precessOn足够满足你的日常需求,而且使用体验也非常不错。

4. 优品PPT

优品PPT是一家专注于分享高质量的免费PPT模板下载网站,无需注册登录,所有PPT模板及相关素材免费下载,并无次数限制,另外还提供了PPT背景、教程、字体库等相关有用素材。

5. 阿里巴巴矢量图标库

大家在做PPT的时候,往往需要图标来辅助设计,图标可以让大家纯文字的PPT变得简洁形象,增强美感的同时也提升了可读性,看起来更加直观。阿里巴巴矢量图标库是阿里旗下一个免费提供丰富图标的网站。网站设计简约,功能实用,用户体验非常好。

选中一个下载,你可以任意修改图标颜色和大小。

6. islide

iSlide是一款百宝箱级别的PPT插件,资源极其丰富,功能很强大智能,获得过多数PPT相关自媒体的推荐好评,用过的人都知道。可能是目前最好用的PPT插件工具了吧。

7. Teambition

Teambition 是一款容易上手功能又强大的团队管理软件,不论从设计美学或功能性来看都非常棒。它可以轻松让你在项目管理、敏捷研发、产品设计、战略管理等场景下与他人高效协作。

8. 虫部落

一个万能的聚合搜索工具,你可以通过它快速搜索学术、音乐、地图、购物、设计素材、动漫电子书等等。没有它搜不到的,只有你想不到的。

9. 石墨文档

一款轻便、简洁的在线协作文档工具,PC端和移动端全覆盖,支持多人同时对文档编辑和评论,让你与他人轻松完成协作撰稿、方案讨论、会议记录和资料共享等工作。

10. Snipaste

一个超级好用的截图神器,但是知道的人并不多,用了之后保证你不再会想到QQ截图。

11. 高质量免费无版权图片网站

去哪里找到好看又不用担心版权又免费的图片,关于找图可以去看偶头条号专门整理的一篇分享,题目是《这6个免费无版权的高质量图片网站能满足你99%的找图需求》

以上是偶电脑上经常用到的软件或者网站,都是很好用的良心产品,推荐大家都去试试。

有哪些的实用网站推荐?

偶只推荐一个免费的小网站!但是这个网站足足包含了125个必备网站,搞定你PPT设计中的所有难题!

这是一个小众的PPT导航网站,每个上面都是精品!而且完全免费,无广告!

好吧,不装了,偶承认,偶是一名PPT设计师,做了5年了,每次都有读者一直在公众号后台,问偶要各种网站:

邵大,PPT背景图去哪里找?邵大,PPT图标有好网站推荐吗?邵大,你上次推荐的那个配色网站,叫啥来着………..

这样的问题,每天都有很多,加上偶自己也要做PPT设计,经常会用到一些网站,于是偶便自己学了一些小技巧,找了一个建站的小工具,做了这个PPT的小导航网站,方便使用!

先声明,偶承诺,永久免费,无广告!且持续更新!

要是你觉得,偶比较良心,点个赞就行!

网站比较简陋,放个图,大家瞅瞅:

这125个网站全部是偶精选的,PPT设计相关网站,分为8个大类:图库网站,插件工具,审美灵感,优质字体,图标资源,配色网站,效果样机,元素素材。

随便举一些例子,大家就知道这个小导航网站有多赞!

这个偶自己整理的小网站,偶也给你准备好了!收藏偶网站的,要记得点赞哈~

这个网站的获取方式就在下方:

01 图库网站

市面上的图库网站有很多,这个小导航网站,偶只放进去了16个常用的,基本能满足所有需求!

并且,偶会对网站进行一些简单标注,是够免费,是什么类型的网站,都有简单写入简介中!

比如,大家做美食类的PPT,可以直接打开:foodiesfeed

随便选择一张图,用在PPT中都超赞:

如果你想要做一些插画风的PPT,直接打开openpeeps。生成你想要的任何插画素材:

想要做一些超酷的科技风PPT,找不到好看的背景图,打开:NASA

所有超级炫酷的太空背景,都有:

随便一张,用作PPT背景,科技风十足:

每一个网站都有自己的作用,方便设计使用!

02 插件工具

这个部分,你PPT设计,或者设计中遇到的一些问题,工具都可以帮你解决!

比如辛苦找了一张图,但图片太小,不够清楚,可以用图片无损放大网站:

自己不会PS,但是想要抠图做出这样的PPT效果:

超简单,打开这个网站,点击抠图网站,就能一键搞定抠图了:

或者想过要把自己辛苦找到额PDF文件,转化成PPT,点击下在线文件转化网站,轻松GET:

这样超好用的工具,太多了,不一一介绍了!总之,每一个都不浪费,你都能用到!

03 审美灵感

收集了偶个人超喜欢逛的,9个灵感设计网站!

真的就是那就话,设计要想做的好,没事一定要多看优秀作品!

这里想跟大家推荐下,偶最近比较喜欢的小众网站:

这是跟花瓣类似的一个网站,同样也提供采集插件,而且,与花瓣不同的是,在这里,有很多从国外采集的设计灵感:

另外,体验很好的一点是,它支持双语搜索,你可以使用中文,也可以使用英文。至于网站里的案例质量,比如大家随便搜一个『data 数据』,来看一下效果:

再比如大家搜索『食物』,来挑些灵感看一下:

超多不同的国外展示作品!很值得一看!

这个偶自己写的导航网站,偶也给你准备好了,获取方式就在下方:

04 优质字体

收录了11个字体网站,解决字体查找的相关问题.

下次找不到商用字体时,直接看看,就能搞定!

如果帮别人做单的时候,自己用了一款字体,但不知道侵权了没有,这时候,打开这个网站,查询下,避免纠纷:

05 图标资源

收录了15个常用的图标网站,基本能找到你需要的所有LOGO以及图标!

比如你想要做一些可爱风的PPT,可以再这个小众图标网站上,找到很多可爱的图标:

如果你想要做一些剪纸小人的PPT,图标可以用这个网站的:

上面很多图标都可以更改和处理:

总之哈~你要的图标都能满足!

06 配色网站

收录了10个超级实用的配色网站!

遇到配色搞不定的情况,可以直接打开!

比如,你做中国风的PPT,就可以直接打开中国色网站:

轻松GET一页PPT:

还有这个超好用的成组渐变色网站:

当然,最好用的,还是Adobe Color工具:

如果不会配色,答应偶,一定要试试这个网站!

好了,其他的板块就不一一介绍了,大家自己可以看看,很实用的!

样机的部分,直接点开就能做出不错的样机页:

不行,不能多说了,好的东西大家自己看吧!

希望偶这个简陋的小网站,能对你有帮助哈,尤其是帮你解决与PPT设计相关的问题!

网站的获取方式,就在下方:

如果这个网站对你有帮助的话,记得点赞哦~

也可以关注偶的头条号,@旁门左道PPT。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。