
ps切片后怎么用dw制作网页
2020-12-25 · 百度认证:云南新华电脑职业培训学校官方账号

云南新华电脑学校是经云南省教育厅批准成立的省(部)级重点计算机专业学校,采用三元化管理模式,教学设备先进,师资雄厚学生毕业即就业,学院引进了电商企业入驻,创建心为电商创业园区,实现在校即创业
向TA提问
关注

展开全部
小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。
请点击输入图片描述
2
然后打开网页设计图,一般都是psd格式的,小编这里以简单的JPG格式代替了。
请点击输入图片描述
3
然后点击左侧工具栏中的“切片”工具,就是那个小刀子形状的。
请点击输入图片描述
之后在图片上切出想要做网页的部分,小编演示的比较简单,将整个图片切为若干份,先切中整个图。
请点击输入图片描述
然后在图片上右击,划分切片,分成若干就行了。
请点击输入图片描述
最后保存一下,选择存储为web所用格式。
请点击输入图片描述
选择好格式之后点击存储,如果不是透明的一般选择jpg格式。
请点击输入图片描述
保存的时候选择保存所有用户切片。
请点击输入图片描述
再然后就是制作网页了,我们打开Dreamweaver CS6,新建一个html网页文档。
请点击输入图片描述
请点击输入图片描述
然后将图片和html网页保存于同一个文件夹下。
请点击输入图片描述
html代码和css如下。
请点击输入图片描述
最后预览一下效果,还是不错滴~
请点击输入图片描述
最后愿天下有情人终成眷属!
请点击输入图片描述

2024-09-19 广告
随着AI技术的飞速发展,如今市面上涌现了许多实用易操作的AI生成工具1、简介:AiPPT: 这款AI工具智能理解用户输入的主题,提供“AI智能生成”和“导入本地大纲”的选项,生成的PPT内容丰富多样,可自由编辑和添加元素,图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询