手机版
手机扫一扫打开网站

扫一扫打开手机网站

公众号
微信扫一扫关注我们

微信扫一扫关注我们

帖子详情

相关文章推荐
  • 20-25元/时,有电脑即可做的线上兼职!批改作业~
  • 【远程兼职】今天仅需40人,男女不限!
  • 请问一下有没有摄像师有南充嘉舟丽港的航拍素材,有报酬
  • 本科学历可报!图文数据标注,月入4-6千!在校大学生线上可做~
  • 招募授课老师 每周只需授课3.5天保底年薪12w-18w,周末住宿打车报销~
  • 80-200元/时,n次方教育招募精品课堂授课教师,保底年薪12w-18w,有打车费用报销,周末上课酒店住宿全包!
  • wx视频号 发视频、发图文
  • 杭州晟纬文化艺术工作室
  • 擁有多年經驗!!因車禍腳傷而轉職接案
  • 招募发型模特

    招募发型模特

    2024-06-29
  • 设计兼职 工资周结,100-300元/单提成!
  • 市桥街有现场招聘会
  • 需要一名女演员
  • 【设计兼职】工资周结,100-300元/单提成!
  • 北京互勉拍摄中式证件照➕美式证件照
  • 线上兼职,内容发布简单,每天10到20分钟,可月入500+
  • 修改错字,日结
  • 你好我们机构是教育局属下的正规教育机构。现正在招能长期的兼。职助教老师24年2月20日∽24年7月中小学生放假止。
  • 个人自由设计师,可约稿
  • 超简单两个兼职,手机也可操作!
  • 全国收  拍摄地:杭州或者广州
  • 北京跟组

    北京跟组

    2024-01-21
  • 招募线上分销代理,时间地点不限,自己利用空闲时间赚零花钱!!
  • 广州8号替身fitting
  • 有类似这种感觉的演员私我发资料
  • 悬疑片招募演员
  • 【线上兼职】英语作文老师招募!120-250元/千单词,长期招募!
  • 找人做这种图

    找人做这种图

    2023-12-12
  • 《沧海扬帆》中国首部说唱舞台剧,还有大量角色未定,欢迎各位老师踊跃报名
  • Fireworks图片分割教程 [其它]

    Fireworks图片分割教程 [其它]

    

    黯影 超级版主

    影值: -106 银子: -37

    2020-11-18 10:39:27 | 显示全部 返回 收藏收藏

      本教程将利用FWMX2004做一个分割图片以及在DW中如何排版的示范,希望能帮到一些对分割图片还存有疑问的人。教程中如有什么不妥之处,请各位指证。

    图片分割主要用在两个方面,第一是把较大的图像分割成小图,意在减少浏览者下载图片的时间,第二是把图像分割后要在其中的某一部分录入文字,或者是之 前做了整页设计现在要分割开来填入具体的内容。对于第一种分割比较简单,而第二种分割除了要考虑第一种分割时将大图化小的要求之外,还要注意分割要填内容 的部分并且要保证在网页中输入预想的内容时不会变形。由于第一种包含在第二种之中了,今天我就以第二种分割为例举个例子。

    大家首先看这一幅底稿,这就是要分割的图片,目标是要把这幅图片分割之后在虚线框内能输入文字内容,而且无论文字有多少行、一行有多少字都保持虚线框完整不变形:

    Fireworks图片分割教程-1.gif
      ①在FWMX2004中打开图片,选择工具,将图片分割如下:

    Fireworks图片分割教程-2.jpg
      
    注意图中的ABCD四个部分,分割时必须将图片的四个角分开,在网页中我们将把ABCD四个部分作为背景图片,以保持虚线框不变形。

    ②分割好之后,就是导出图片了。选择“文件”>“导出”,或者导出按钮,弹出“导出”对话框,选择保存的位置和名称(这里为topic.htm),请按图中设置:

    Fireworks图片分割教程-3.jpg
      ③在HTML后面点击“选项”,“常规”中选择“Dreamweaver HTML”,在“表格”一项中,分别设置为“嵌套表格,无间格符”和“无”。“文档特定信息”中可以指定图片的命名规则和Alt信息:

      ④设置完成后确定,再在“导出”对话框中点击“保存”。在FW中的工作已经完成了。下面我们进入Dreamweaver,看看怎么利用导出的图片。在DW中,在要插入刚才的图片的表格中点击 Fireworks图片分割教程-5.jpg 按钮,在弹出的对话框中“浏览”选择刚才导出的topic.htm文件,点击确定:

       ⑤现在先切换到代码视图,按下Ctrl+F,将代码中的 border=undefined cellpadding=undefined cellspacing=undefined全部替换为 border=0 cellpadding=0 cellspacing=0,这个代码是FWMX2004生成的表格代码,如果不改这里,在网页预览的时候将会产生变形。(在FWMX中都没有出现这 种情况,不知道为何2004中会出现,目前为止除了在DW中修改之外我还没有发现在FW2004中的设置方法,如果哪位仁兄发现了还请告诉小弟):

      (如果只是第一种分割,也就是只需要把大图割小的,到这一步已经完成了。)

    ⑥先选择中间作文字背景的图片,记下它的宽和高,这里是283、191:

    Fireworks图片分割教程-8.jpg
      
    点击标签选择器中前面的标签,将属性中的宽和高修改为283、191,这样把这个图片换作背景之后表格也不会变形。然后将这个图片删除并在单元格的背景中添加这个图片的地址:

      

    ⑦然后将之前图中ABCD四个部分都重复第⑥步的步骤,不过A和D两个地方的图片删除了之后,背景要加在中。这里有一点要注意,要将表格的右上和右下两个角上的单元格的对齐方式改为右对齐,这样右上角和右下角的图片才会一直靠右。

    ⑧现在,你可以在中间的单元格中输入文字测试一下,看看是不是表格就算被撑大了虚线框仍然没有变形?





    上一篇:photoshop视频教程:什么是智能对象及智能滤镜
    下一篇:PHOTOSHOP中蒙板使用指南



    灵活就业-技能/资源雇佣平台
    您需要登录后才可以回帖 登录 | 注册

    
    

    主页

    需求大厅

    互动

    技能物语

    教程/投稿

    更多+

    
    发帖
    快速回复 返回顶部 返回列表