前端工程师和美工配合的那些事 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课程介绍利用 FireWorks Photoshop 进行切图,以及转换 SVG 成 icon-font 和 Dreamweaver 的一些操作。

    1.和美工配合的那些事课程概要 00:00:44

    本课时介绍一下和美工配合那些事的课程概要。

    2.图片理论基础 00:07:47

    本课时主要介绍 JPEG PNG GIF SVG的区别和优缺点。 GIF/PNG 和 JPG 这三种格式的图片被广泛应用在现今的互联网中,gif 曾在过去互联网初期慢速的情况下几乎是做到了大一统的地位,而现如今随着互联网技术应用和硬件条件的提高,png 和 jpg 格式的图片越来越多的被应用。

    3.Adobe FireWorks切图和SVG的处理 00:08:05

    本课时主要介绍一下 fireworks 切图和 SVG 的应用。

    4.Adobe Photoshop 切图 00:08:16

    本课程介绍 Adobe Photoshop 切图。

    5.Adobe Dreamweaver 处理基本网页 00:08:29

    本课时介绍 Adobe Dreamweaver 的一些可以辅助我们开发 HTML 的方便功能。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

前端工程师和美工配合的那些事

5课时,33分钟2015-04-21
Ijason_zj
Ijason_zj

极客学院金牌布道师

课程背景:
前端开发人员在跟 UI (用户界面设计工程师) UE (用户体验工程师)配合的过程中,需要我们把绚丽的图片切成我们所需要的图片,这个时候就要掌握字体转换,图片格式,以及将 PSD 转换成一张张小图片供我们使用。这就是俗称的切图。


核心内容:
1.图片基础理论
2.Adobe FireWorks 切图
3.Adobe Photoshop 切图
4.Adobe Dreamweaver和总结


软件环境:Photoshop、FireWorks、Dreamweaver


是否提供资料:


课程等级:中级


适合人群:
有一定基础的 HTML 和 CSS 同学。

  • 技术问答
  • 1

    和美工配合的那些事课程概要

    00:44

    本课时介绍一下和美工配合那些事的课程概要。

  • 2

    图片理论基础

    07:47

    本课时主要介绍 JPEG PNG GIF SVG的区别和优缺点。 GIF/PNG 和 JPG 这三种格式的图片被广泛应用在现今的互联网中,gif 曾在过去互联网初期慢速的情况下几乎是做到了大一统的地位,而现如今随着互联网技术应用和硬件条件的提高,png 和 jpg 格式的图片越来越多的被应用。

  • 3

    Adobe FireWorks切图和SVG的处理

    08:05

    本课时主要介绍一下 fireworks 切图和 SVG 的应用。

  • 4

    Adobe Photoshop 切图

    08:16

    本课程介绍 Adobe Photoshop 切图。

  • 5

    Adobe Dreamweaver 处理基本网页

    08:29

    本课时介绍 Adobe Dreamweaver 的一些可以辅助我们开发 HTML 的方便功能。

相关课程

  • Photoshop 软件工作界面

    本课程将对 Photoshop 的应用领域做一个简单的介绍,为大家讲解 Photoshop 的基础界面功能布局,并解释一些相关的基础常识。

    4课时 22分钟
    初级
    16047人学习
  • Photoshop 的窗口和视图

    本课程将介绍 Photoshop 的显示工具和与显示相关的菜单命令,讲解窗口、视图菜单,以及首选项设置。

    4课时 27分钟
    初级
    9224人学习
  • CSS动画—页面特效

    本课讲解2D、3D以及过渡的动画效果,并且了解多列的设计。

    5课时 38分钟
    初级
    50612人学习
  • HTML与CSS简单页面效果实例

    本课讲解使用HTML和CSS,制作一些初级的页面效果。

    1课时 24分钟
    初级
    41852人学习