毕业论文 校园活动 入党 考试

留学 励志 校园爱情 大学 高考

实习实践 简历大全 就业指导

职业规划 自荐 面试 应聘 鉴定

电脑学习 网店 销售 电话营销

市场营销 电子商务 成功创业

总结 报告 计划 体会 方案 党团

材料 发言 行政 合同 礼仪 演讲

热点专题: 大学专业介绍 高校网址 人生格言 人生感悟 留学签证 世界名校 公务员考试 计算机四级考试 考研试题 自学考试 大学英语四级考试 大学英语六级考试 职业规划 校园活动策划 社团活动策划 教育论文 管理论文 大学生入党 求职信 应聘信 自我评价 团日活动 社团活动总结 实习报告 实习周记 大学实习 社会实践 暑假社会实践
搜大学资料:
搜营销资料:
全站搜索:
当前位置:大学生无虑网营销文章网上开店网店装修手把手教你用photoshop和Dreamweaver做公告栏» 正文

手把手教你用photoshop和Dreamweaver做公告栏

[02-04 18:08:17]   来源:http://www.dxs56.com  网店装修   阅读:85
概要:打开要用作公告栏的图片。 首先,利用切片工具将图片切成自己所需要的各个分片,按自己想要写公告的地方与其它地方分开.如图 然后就可以保存了,这里要选择保存为WEB格式,并选择图片和HTML一起保存。如图 保存后得到以下一个文件夹和一个文件。 现在就可以打开HTML文件在本机上一下效果。如图 是不是觉得只是一张图片没什么特别,其实它是由多张图片组成的。哈哈然后利用Dreamweaver打开HTML文件(如果你懂一些网页编程语句的话,可以用文本文档打开,自己修改),如图 打开后如图所示,先选中当中的各张图片,可以看到已经是跟PHOTHOSHOP中的一样。 先中要添加文字的图片,将其图片地址复制下来 然后按Delete把图片删除如图所示 记下图片所显示的大小。再按一下Delete键。选中单元格并设置其大小跟图片大小一致。 继续选中单元格,设置背景图片为刚才复制的图片图片地址现在就可以自己输入文字啦。 然后就是把images的图片上传,这样才能在网上显示. 然后进入选中要更改图片地址的地方,把图片属性中的源文件改成网络地址。源文件:那里
手把手教你用photoshop和Dreamweaver做公告栏,标签:淘宝网店装修教程,淘宝网店装修,http://www.dxs56.com

打开要用作公告栏的图片。

 



首先,利用切片工具将图片切成自己所需要的各个分片,按自己想要写公告的地方与其它地方分开.如图

 

 

然后就可以保存了,这里要选择保存为WEB格式,并选择图片和HTML一起保存。如图

 


保存后得到以下一个文件夹和一个文件。

 


现在就可以打开HTML文件在本机上一下效果。如图

 



是不是觉得只是一张图片没什么特别,其实它是由多张图片组成的。哈哈

然后利用Dreamweaver打开HTML文件(如果你懂一些网页编程语句的话,可以用文本文档打开,自己修改),如图

 

 


打开后如图所示,先选中当中的各张图片,可以看到已经是跟PHOTHOSHOP中的一样。

 

 


先中要添加文字的图片,将其图片地址复制下来

 

 


然后按Delete把图片删除
如图所示

 

 


记下图片所显示的大小。再按一下Delete键。选中单元格并设置其大小跟图片大小一致。

 

 




继续选中单元格,设置背景图片为刚才复制的图片图片地址
现在就可以自己输入文字啦。

 

 


然后就是把images的图片上传,这样才能在网上显示.

 


然后进入选中要更改图片地址的地方,把图片属性中的源文件改成网络地址。

源文件:那里

 

 

 

 

这样就基本上完成啦。最后进入代码模式


把代码复制了下来。然后打开心爱的淘宝,我的店铺,我来了。选择编辑源文件,如图:

 

 


进入编辑源文件,插入代码,有时候看上次会对不齐,但你预览一下是正常的。
这样就可以随时更改公告栏咯。

 

 




Tag:网店装修淘宝网店装修教程,淘宝网店装修网上开店 - 网店装修