如何把做好的大图音画保存和上传发表到网站

来源:百度文库 编辑:神马文学网 时间:2024/04/16 11:59:05



阳光教室素材及学习路径-----

把鼠标移到画布上,点右键,划分切片如图1、图2所示:

阳光论坛点击进入

 

                             一、大图音画完成后,首先要进行切片,网站发表的音画大图,如果高度是7000PX,一般水平划分为10份就可以了,在PS工具栏里找到切片工具,鼠标右键找到切片工具,再

 

 

 

(图1)

(图2)

二、保存:点文件,存储为: (图3、图4、图5)

(图3)

(图4)

(图5)

三、保存之后得出两个文件,一个是网页文件,一个是图片文件夹(图6):网页文件要用2003代码编辑器来编辑音画的代码的文本文档,图片文件夹里面的十张图片要上传到网站,得到的图片地址把网页文件里的图片地址换掉
四、用2003代码编辑器来编辑音画代码:

1、我们要下载安装2003代码编辑器,有些是软件自带的,如果软件没自带的,需下载安装。

     2、点开始菜单,所有程序,找到我们安装的2003代码编辑器。点击打开,然后把里面的网页文件删除。(图6)

 

(图6)

   3、点文件,打开,找到我们保存好的网页文件,点蓝,然后点打开(图7)打开后看到的都是代码(如图8)

(图7)

 

(图8)

   4、点左下角的预览,看看大图的效果,预览完后,插入音乐,先点设计,鼠标再移到最上面的菜单栏点格式,打开背景,点常规,点浏览(图9),在文件名处粘帖音乐网址(图10)点打开,再点确定(图11)。音乐插好后,点左下角的预览,就可以听到音乐了。

(图9)

(图10)

(图11)

   5、插入FLASH:还是要点左下角的设计,在需要插入FLASH的的大图位置上点一下,再到最上面菜单栏点插入层,大图上就会出现一个蓝色的框(图12),再点插入---图片——FLSAH影片,在文件名处粘帖要添加的FLASH网址(图13)用鼠标左键在插入FLASH的小方块上点一下,周边出现小黑色方块时我们就可以对这个FLASH进行编辑,出现小黑色方块后,再点鼠标右键,找到FLASH影片属性,透明打上勾,把保持纵横比的勾点开,FLASH的宽度和高度根据FLASH的大小来调整,然后点确定(图14) 再把小方块移到所需要放的位置,其它的FLASH插入也是同样的方法,每插入完一个FLASH我们都点预览看效果,再点设计调好位置,插入第二个FLASH时也是点设计,然后插入图片、插入FLASH影片,方法同上,其他的FLASH插入都是一样的。

(图12)

(图13)

(图14)

    6。音乐和FLASH添加完成后,打开北方博客,上传切好的大图音画的图片(图15),得到图片地址来替换网页文件里的图片地址,点代码,把里面的图片地址选蓝(图16),换上在北方博客上传得到的十张图片地址,10张图片都上传完以后,我们点取链接,把2003编辑器里的10张图片地址选蓝全部换上上传好的图片地址。当然是要一张一张替换(图17)。

(图15)

(图16)

 

(图17)

     7、全部地址换完后,点代码,编辑,全选,复制,在桌面上点鼠标右键,新建一个文本文档,打开,点编辑,粘帖,点文件,保存,得到一个文本文件。然后上传。

   五、用2003代码编辑器编辑得到的文本文档,到网站上传(我喜欢的上传网站是北方博客:http://blog.enorth.com.cn),把编辑好的文本文档保存好,登录北方博客,点博客工具里的文件管理(如图18),点浏览,找到你要上传的文本文档(如图19),选择打开,上传。返回上一页,点文本文件,取链接(如图20)就可以复制得到你的大图音画的网址(http://moon3570066.blog.enorth.com.cn/attachment/txt/672814.txt


 

(图18)

 

(图19)

(图20)

   六、取得音画网址后,把网址粘帖到这个代码(选红的是音画网址

http://moon3570066.blog.enorth.com.cn/attachment/txt/672814.txt" target=_blank>点击全屏观看大图音画----《追春》



 

  七、登录网站或论坛(这里以阳光论坛为例),点论坛首页,找到图意画舫(如图21)打开,点发表话题(如图22)


 

(图21)

(图22)

发表话题打开后,先填写发表话题,然后点HTML,把代码

http://moon3570066.blog.enorth.com.cn/attachment/txt/672814.txt" target=_blank>点击全屏观看大图音画----《追春》


复制粘帖到文本框里面,然后点预览,看效果如何,然后再点设计(如图23),点最下面的发表话题就OK了(图24)!


 


(图23)

(图24)