仓酷云

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

[DIV+CSS] 来谈谈:静态CSS换肤手艺

[复制链接]
精灵巫婆 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:14:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和Flash,所以我一直建议一个提交按钮就不要用图片带代替了。
罕见的例子就是:一个站点上有多个页面款式供应扫瞄者选择。
同时,在选择了某款式后,再次翻开该页面时,将仍旧坚持该款式。
天然会想到了Cookie手艺
上面是HTML代码部分(别的再加必要的CSS文件就能够利用了):
<HTML>

<HEAD>
<linkID="skin"rel="stylesheet"type="text/css">
<TITLE>换肤手艺</TITLE>
<SCRIPTLANGUAGE=javascript>
<!--
functionSetCookie(name,value){
varargv=SetCookie.arguments;
varargc=SetCookie.arguments.length;
varexpires=(2<argc)?argv[2]:null;
varpath=(3<argc)?argv[3]:null;
vardomain=(4<argc)?argv[4]:null;
varsecure=(5<argc)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":(";expires="+expires.toGMTString()))+((path==null)?"":(";path="+path))+((domain==null)?"":(";domain="+domain))+((secure==true)?";secure":"");
}
functionGetCookie(Name){
varsearch=Name+"=";
varreturnvalue="";
if(document.cookie.length>0){
offset=document.cookie.indexOf(search);
if(offset!=-1){
offset+=search.length;
end=document.cookie.indexOf(";",offset);
if(end==-1)
end=document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset,end));
}
}
returnreturnvalue;
}
varthisskin;
thisskin=GetCookie("nowskin");
if(thisskin!="")
skin.href=thisskin;
else
skin.href="css.css";
functionchangecss(url){
if(url!=""){
skin.href=url;
varexpdate=newDate();
expdate.setTime(expdate.getTime()+(24*60*60*1000*30));
//expdate=null;
//以下设置COOKIES工夫为1年,本人任意设置该工夫..
SetCookie("nowskin",url,expdate,"/",null,false);
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<P>请选择上面的下拉菜单测试换肤效果</P>
<ahref=#>css.css</a>
<ahref=#>css1.css</a>
<ahref=#>css2.css</a>
<ahref=#>css3.css</a>
<br>
<selectonchange="changecss(this.value)">
<option>选择款式单文件</option>
<scriptlanguage="javascript">
varcsss=newArray();
csss[0]="css.css";
csss[1]="css1.css";
csss[2]="css2.css";
csss[3]="css3.css";
vari;
for(i=0;i<4;i++)
if(thisskin==csss[i])
document.write("<optionvalue=""+csss[i]+""selected>"+csss[i]+"款式单文件</option>");
else
document.write("<optionvalue=""+csss[i]+"">"+csss[i]+"款式单文件</option>");
</script>
</select>
</BODY>
</HTML>
</p>
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
莫相离 该用户已被删除
沙发
发表于 2015-1-18 05:47:18 | 只看该作者
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
灵魂腐蚀 该用户已被删除
板凳
发表于 2015-1-25 20:24:42 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
不帅 该用户已被删除
地板
发表于 2015-2-4 00:07:04 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
冷月葬花魂 该用户已被删除
5#
发表于 2015-2-9 08:17:12 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
分手快乐 该用户已被删除
6#
发表于 2015-3-8 23:46:34 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
若相依 该用户已被删除
7#
发表于 2015-3-16 20:05:59 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
变相怪杰 该用户已被删除
8#
发表于 2015-3-23 07:00:07 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-4-27 22:22

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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