ps切片后怎么用dw制作网页

 我来答
云南新华电脑学校
2020-12-25 · 百度认证:云南新华电脑职业培训学校官方账号
云南新华电脑学校
云南新华电脑学校是经云南省教育厅批准成立的省(部)级重点计算机专业学校,采用三元化管理模式,教学设备先进,师资雄厚学生毕业即就业,学院引进了电商企业入驻,创建心为电商创业园区,实现在校即创业
向TA提问
展开全部
  • 小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件

    请点击输入图片描述

  • 2

    然后打开网页设计图,一般都是psd格式的,小编这里以简单的JPG格式代替了。

    请点击输入图片描述

  • 3

    然后点击左侧工具栏中的“切片”工具,就是那个小刀子形状的。

    请点击输入图片描述

  • 之后在图片上切出想要做网页的部分,小编演示的比较简单,将整个图片切为若干份,先切中整个图。

    请点击输入图片描述

  • 然后在图片上右击,划分切片,分成若干就行了。

    请点击输入图片描述

  • 最后保存一下,选择存储为web所用格式。

    请点击输入图片描述

  • 选择好格式之后点击存储,如果不是透明的一般选择jpg格式。

    请点击输入图片描述

  • 保存的时候选择保存所有用户切片。

    请点击输入图片描述

  • 再然后就是制作网页了,我们打开Dreamweaver CS6,新建一个html网页文档。

    请点击输入图片描述

    请点击输入图片描述

  • 然后将图片和html网页保存于同一个文件夹下。

    请点击输入图片描述

  • html代码和css如下。

    请点击输入图片描述

  • 最后预览一下效果,还是不错滴~

    请点击输入图片描述

  • 最后愿天下有情人终成眷属!

    请点击输入图片描述

博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景。ai生... 点击进入详情页
本回答由博思aippt提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式