仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 525|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:CssGaga教程:主动同步文件和悲悼日网站一键变灰

[复制链接]
若相依 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:15:06 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。
破洛洛文章简介:CssGagaC主动同步文件,悲悼日网站一键变灰.
CssGaga–主动同步文件

撑持同步的文件范例css/jpg/png/gif/cur/ico
主动登录同步服务器

主动登录剧本安排在autorun目次中
注:CssGaga启动时即主动登录服务器
同步文件并天生提单文件列表



  • 须设置当地路径与目标路径的对应干系
    1. <addkey="pathSource"value="E:isd_webrebuild_repqzonev5_proj        runkqzonestyle"/>
    复制代码
    1. <addkey="pathDest1"value="172.25.32.72imgcacheqzonestyle"/>
    复制代码
  • 须设置当地路径与提测格局的对应干系
    1. <addkey="pathSource"value="E:isd_webrebuild_repqzonev5_proj        runkqzonestyle"/>
    复制代码
    1. <addkey="pathReport"value="/usr/local/imgcache/htdocs/qzonestyle"/>
    复制代码
    天生的提测文件列表格局以下:
    1. /usr/local/imgcache/htdocs/qzonestyle/img/1.png/usr/local/imgcache/htdocs/qzonestyle/img/2.png/usr/local/imgcache/htdocs/qzonestyle/img/3.png
    复制代码
注:同步路径可在设置中变动显现称号
  1. <addkey="pathDest1Name"value="拷到72"/>
复制代码
CssGaga&ndash;悲悼日网站一键变灰

勾选往色
css往色

将css中的色值(包含rgb、rgba、英文单词色值如red等)转为口角,天生文件名
  1. *.source.cs→*.gray.css
复制代码
图片往色

可处置css/jpg/png/gif
图片天生地位:以后目次下的gray文件夹
  1. *.jpg→gray/*.jpg
复制代码
一键变灰

同时勾选往色及抽取图片,将css拖拽出去便可
抽取图片功效详见CssGaga&ndash;抽取图片
此操纵后:
天生变灰的css
  1. *.source.cs→*.gray.css
复制代码
天生变灰的图片并交换css中的路径
  1. url(原地点)→url(img-css文件名/gray/)
复制代码
若同时利用同步功效则主动同步至相干服务器并天生提单文件列表
网站页面变灰则只需在悲悼日改动css的文件名为*.gray.css,并上传gray目次的图片,悲悼往后改回原文件名便可
CssGaga&ndash;悲悼日一键变灰http://static.slidesharecdn.com/swf/playerv.swf?doc=gray-110224061300-phpapp01-video&stripped_title=cssgaga-7042943&autoplay=0&userName=ytzongViewmorevideosfromytzong
</p>
Table中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div更能体现样式和结构相分离,结构的重构性强。
小女巫 该用户已被删除
沙发
发表于 2015-1-25 08:48:53 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
不帅 该用户已被删除
板凳
发表于 2015-2-2 21:43:44 | 只看该作者
可以使用 CSS 检查工具进行设计。
若相依 该用户已被删除
地板
 楼主| 发表于 2015-2-8 07:45:48 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
谁可相欹 该用户已被删除
5#
发表于 2015-2-25 02:10:32 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
乐观 该用户已被删除
6#
发表于 2015-3-7 16:10:41 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
再现理想 该用户已被删除
7#
发表于 2015-3-15 09:39:06 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
若天明 该用户已被删除
8#
发表于 2015-3-22 01:07:59 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-11-16 02:04

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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