在线客服
热线电话
0592-5910159

Dreamweaver淘宝美工教学设计

发布时间: 2013-08-07 发布者:xuelema 人气数:47468 来源:厦门电脑培训

  网页里的文字内容与图片文件是分开保存的,所以为了方便管理,要将图片与网页代码保存到同一文件夹下面,关于这个操作,DW提供了一个站点管理功能来解决。所以建议大家,用DW制作时首先进行站点管理。

  1、为什么要用8.0版本,而不是CS5版本?

  dreamweaver是一款网页设计软件,它的用途是网页设计,而不是专门针对淘宝美工,淘宝旺铺装修只支持部分dreamweaver语法,比如,淘宝只支持行内CSS样式,而DW默认的格式定义是采用内嵌式CSS。所以我们用淘宝主要是用它的table表格定位排版功能,CS4、5以后的版本,默认采用CSS为定位方式,表格操作功能被忽视了,用起来很不方便,所以建议使用DW8.0。

  2、DW站点管理

  网页里的文字内容与图片文件是分开保存的,所以为了方便管理,要将图片与网页代码保存到同一文件夹下面,关于这个操作,DW提供了一个站点管理功能来解决。所以建议大家,用DW制作时首先进行站点管理。

  3、表格定位与嵌套方式

  虽然理论上DW表格可以任意拆分,但是不建议象WORD那样对表格进行随意划分,DW里我们还是偏向于使用表格嵌套的功能进行定位。

  关于表格定位的操作,应老师列出几个关键点,大家在练习时多加留意。

  (1)表格宽度要用绝对宽度,而不是用相对宽度,插入表格后稍微拖动一下竖线就可以实现表格宽度的绝对定位。

  (2)单元格插入嵌套表格前,先将单元格的对齐方式设置为“水平居中,垂直顶部”,这样有利于后面的高度调整操作。

  (3)表格嵌套表格时,插入的表格不应超出单元格宽度。

  (4)装饰图片建议做为背景置入,这样单元格里还可以添加文字或图片。

  (5)大面积的单色,不要用图片,改为设置背景色。

  (6)一般外层表格框架以“一行多列”为原则,内层表格嵌套以“多行一列”为原则。

  (7)如果,需要在单元格内一个特定位置插入内容,可以用“左对齐、顶对齐”的“2*2”表格定位。

  4、表格的背景

  dreamweaver特性决定了利用“背景填色”或“背景图的平铺功能”功能可以实现更小的文件容量,有利于优化网页打开速度。

  5、新窗口打开链接

  制作或插入超链接时,建议在新窗口打开链接,而不是在原有窗口打开,因为在原窗口打开,很可能使某一用户不小心关闭窗口时,就不容易找回到原来的页面。

  6、用DW调整PS导出的网页

  比如:将图片改为背景(因为原有的PS导出网页图片是插入形式);设置超链接;将本地图片地址替换成图片网络空间地址;插入嵌套表格;添加特效代码(如:客服、滚动字幕、收藏)。

  7、不要在DW里设置文字格式

  因为DW采用CSS定义格式,淘宝暂不支持内嵌CSS风格,导致了DW设置的文字格式在淘宝里无效,建议大家在淘宝编辑器里设置文字格式。

  除了掌握淘宝编辑器里的设置文字格式,大家还要掌握在淘宝编辑器里替换图片、设置超链接等操作。

我要评论

游客

关于我们 | 机构加盟 | 机构登录 | 服务条款 | 联系我们 | 友情链接 | 网站地图 | 全部城市

©2010-2018 学了吗培训网(http://xm.xuelema.com/)版权所有  厦门知我者网络科技有限公司 闽ICP备11027244号-1  客服QQ:800009133