推荐阅读

淘宝店铺商品发布宝贝《第五张白底图发布规范》
下文发布于2016-6-24,是淘宝女装行业第五张白底图发布规范,内容笔者照搬,没有做任何的修改,如果你对白底图感兴趣,想要自己设计上传,建议仔细阅读,可能会与你认知有出入,下面先来看看原文内容: 各位女装卖家: 大家做了白底图之后有什么用?为什么一次一次的宣导大家去做白底图? 手淘首页上大部分商品会针对不同的用户需求推荐不同的宝贝入口图,千人千面并且所见所得,大家看到的商品都不同。 大家关注的重点渠道:有好货、必买清单、爱逛街、热门市场、猜你喜欢...... 如果想要在手淘首页的这些渠道获得展现机会,白底图是基础,是必须!如果没有符合要求的白底图,是不会在首页展现的,也就是说你这个商品是不可能在这些渠道的首页入口中被浏览到。你的损失是不是很大?!别人都做了,然而你还没有做,损失是不是更大了?! 用《有好货》进行举例: 例如:买家对女装比较感兴趣,那么手机淘宝首页这些产品的入口图就会尽量展现相关品类的入口图,同时为了保证所见所得,在点击各个商品进入详细页面后,入口宝贝都会在首屏有对应的推荐位。 所以,如果能够出现在手机淘宝首页,不只可以获取大量的精准曝光流量,同时还会获得产品内宝贝置顶的额外流量,买家是看到入口图吸引进来的,那么对应宝贝的点击购买转化可想而知会非常高! 那么问题来了,怎么样我的宝贝才会出现在手机淘宝首页呢?

CorelDRAW 12循序渐进(8)-对象的组织
Lesson 8 对象的组织 在编辑多个对象时,时常希望将图形页面中的对象整齐地、有条理地和美观地排列和组织起来。这就要用到 CorelDRAW 12所提供的对齐、分布、顺序及组织工具或命令。 一、对象的对齐 选中多个对象后,单击菜单命令“排列” /“对齐与分布”或按下属性栏中的(对齐与分布)按钮,即可打开“对齐与分布”)对话框。

职业模特儿如何拍出最美照片
这是个人人都可以做模特的年代吗?(就像买完相机就做摄影师?)来自英国的职业模特Jon Brook,分享了一系列作为模特的心得及小技巧。未必每个技巧都适用于所有人,但是作为参考是非常有价值。当然,有些超模例如Kate Moss就可以完全无视法则,因为她是超模嘛。不过对于有兴趣做模特,或需要拍摄模特的人来说,就很有意义了! 1) 多照镜子 镜子是你学习如何摆姿势的最佳工具,照镜子时要经常想像摄影师会怎样拍摄,并且想像身体什么部份会最接近镜头,这会大大影响出来的效果。 2) 在四肢与身体之间留空 一方面可以避免“挤出”你四肢上的脂肪,二来可以透过足够的身体阔度,来制造更苗条的视觉效果。 下图左边不如右边般纤瘦: 3) 了解多一点光线 找出主光源,然后学习如何摆pose。当你的手臂举高直接向着主光源时,强烈的反差会使令手臂太亮,而且手肘也可能会挡住光线,所以要把手肘拉后一点,如下图右: 4) 小心趋光本能

光,雾,水,电教你如何拍摄好
1.光线 图片来源于网络 毫无疑问,光线虽然无处不在,但是却是看得见摸不着的物质。光线是自然环境中的重要组成部分,同时摄影可以说是一种光线的艺术。虽然光线很难捕捉,但是要在画面中留下痕迹还是很容易控制的,所以只要稍加利用,光线就能转化出令人赞叹的杰作,哪怕是在单调的画面中。最容易捕捉的光线,是太阳入射角很低的时候,地面上的景物会被拉出光影,更加立体,形成较大的画面反差。 光线让人感觉温暖,同时也增加了画面的饱和度,成为作品吸引人的关键。 2.风暴云 图片来源于网络 多变的层次,复杂而拥有戏剧性的光线效果,伴随着随时要落下的雨水或者冰雹,虽然具有梦幻般的色彩,但是却同样具有相当的危险性,实在是考验了摄影师的勇气。太阳在乌云的遮盖中越来越弱,逐渐形成了风暴,这时候原本耀眼的天空可能会变得暗淡,但是如果拍摄你会发现,天空仍然会和地面拥有较大的光比,如果让天空正确曝光,地面就会曝光不足。这时候可以加上中灰渐变滤镜,它主要用来平顺刺眼或明暗反差强烈的光线——通过增加暗部细节和保持天空的色彩(否则就太亮或者完全变白了)。使用后天空部分会被压暗,减少和地面部分的反差。 根据云层的形式,你可能在后期制作时加强对比度,使天空层次更丰富,同时还可以加强清晰度让画面更立体。 3. 闪电 图片来源于网络
最新发布

两分钟做个xhtml+css的网站首页
xhtml+css网站重构web标准等等之类的文章太多了,我就不重复了,发个最简单的制作xhtml+css页面的方法,方法虽然很简单,但真不一定有几个人知道.... 起码google搜索没搜索到。 开始吧: 1、打开photoshop cs2 ,打开设计出的网站首页。用切片工具切好。 图: 2、点 文件-》存储为web所用格式 快捷键为ctrl+alt+shift+s ,点右上倒三角的小图片,选择Edit output settings 图: 3、见图,在第二个下拉中选择 Slices,选择Generate CSS ,然后在后面的下拉中选By ID 图:

如何实现HTML页面地址栏参数传递与获取
我们知道,在服务器端asp程序可以接受html页面上的form传来的参数,那么,可不可以传递参数给html页面呢,也就是说在html后面加问号?答案是可以。 下面是javascript的一种实现方法, 这个函数是通过window.location.href中的分割符获得各个参数。 有了这个函数,就可以在页面之间传递参数了。

采用XHTML和CSS设计可重用可换肤网页
XHTML具有两大目标: 使用XHTML标准的好处是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如,在按照标准生成以后,页面在Internet Explorer、Mozilla Firefox、Netscape Navigator、Opera、Camino 和 Safari)中以相同的方式显示,而无需完成任何额外的工作。并且XHTML标准可以使 Web 站点更易于为智能手机、残疾人电脑等设备访问。 由于XHTML标准要求在在文档结构和表示形式之间创建更明显的分离。因此使用CSS样式表是必不可少的。CSS在网页中占着极重要的地位,它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写,译为“层叠样式表单”。 在1997年W3C颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后,又在1998年5月发布了CSS2版本。 CSS 的发明者的目的是除去表示性元素,即应该根据内容所表示的东西来标记内容,而样式表应该用于美化内容。而这一点与XHTML分离文档结构和表示形式的目标是一致,(在XHTML 2.0将除去b 、 i 和 img 标记(以及 big 、 small 和 tt ),甚至不赞成使用 br ,准备从将来的发行版中除去它。原因在于大多数标记都是表示性的。它们的唯一目的就是给予浏览器指令,规定有关其内容应该如何显示,但却完全未提供有关其内容是什么的信息。) 因此它们成了最好的合作伙伴。更多关于XHTML2.0的资料,请参见:http://www-128.ibm.com/developerworks/cn/xml/x-wa-xhtml/index.html CSS过去经常被用来定义字体的属性,而现在新标准中我们将用它来控制整个页面的显示。然而,我们必须需要做一些不同于以往的处理来适应这种新的变化,如:使用div来布局而不是表格,使用结构化、语义化的标记等等。由于采用新的处理方式,我们现在可以轻松地设计出可重用的CSS(同一个样式文件多个WEB站点中使用)以及可换肤的WEB站点(一个站点使用多种不同风格的样式)。 随着XHTML的逐渐推广流行,HTML 在许多场合已经显得过时。World Wide Web Consortium (W3C) 于 2000 年 6 月 26 日发布了 XHTML 的第一个版本作为推荐标准。XHTML 标准的目标是取代 html。按照 W3C 的说法,“XHTML 是 html 的继承者”(http://www.w3.org/MarkUp/)。 XHTML具有两大目标: 使用XHTML标准的好处是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如,在按照标准生成以后,页面在Internet Explorer、Mozilla Firefox、Netscape Navigator、Opera、Camino 和 Safari)中以相同的方式显示,而无需完成任何额外的工作。并且XHTML标准可以使 Web 站点更易于为智能手机、残疾人电脑等设备访问。 由于XHTML标准要求在在文档结构和表示形式之间创建更明显的分离。因此使用CSS样式表是必不可少的。CSS在网页中占着极重要的地位,它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写,译为“层叠样式表单”。 在1997年W3C颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后,又在1998年5月发布了CSS2版本。 CSS 的发明者的目的是除去表示性元素,即应该根据内容所表示的东西来标记内容,而样式表应该用于美化内容。而这一点与XHTML分离文档结构和表示形式的目标是一致,(在XHTML 2.0将除去b 、 i 和 img 标记(以及 big 、 small 和 tt ),甚至不赞成使用 br ,准备从将来的发行版中除去它。原因在于大多数标记都是表示性的。它们的唯一目的就是给予浏览器指令,规定有关其内容应该如何显示,但却完全未提供有关其内容是什么的信息。) 因此它们成了最好的合作伙伴。更多关于XHTML2.0的资料,请参见:http://www-128.ibm.com/developerworks/cn/xml/x-wa-xhtml/index.html

新手入门:XHTML DHTML SHTML的区别
XHTML DHTML SHTML,学习网站制作会经常看到这三种名词,又很少有文章将其做很详细的解释,在这篇文章里为大家进行一下整理了解一下其区别。 XHTML: HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。 2000年底,国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。 (1)XHTML解决HTML语言所存在的严重制约其发展的问题。HTML发展到今天存在三个主要缺点:不能适应现在越多的网络设备和应用的需要,比如手机、PDA、信息家电都不能直接显示HTML;由于HTML代码不规范、臃肿,浏览器需要足够智能和庞大才能够正确显示HTML;数据与表现混杂,这样你的页面要改变显示,就必须重新制作HTML。因此HTML需要发展才能解决这个问题,于是W3C又制定了XHTML,XHTML是HTML向XML过度的一个桥梁。 (2)XML是web发展的趋势,所以人们急切的希望加入XML的潮流中。XHTML是当前替代HTML4标记语言的标准,使用XHTML 1.0,只要你小心遵守一些简单规则,就可以设计出既适合XML系统,又适合当前大部分HTML浏览器的页面。这个意思就是说,你可以立刻设计使用XML,而不需要等到人们都使用支持XML的浏览器。这个指导方针可以使web平滑的过渡到XML。 (3)使用XHTML的另一个优势是:它非常严密。当前网络上的HTML的糟糕情况让人震惊,早期的浏览器接受私有的HTML标签,所以人们在页面设计完毕后必须使用各种浏览器来检测页面,看是否兼容,往往会有许多莫名其妙的差异,人们不得不修改设计以便适应不同的浏览器。 (4)XHTML是能与其它基于XML的标记语言、应用程序及协议进行良好的交互工作。 (5)XHTML是Web标准家族的一部分,能很好在无线设备等其它用户代理上。 (6)在网站设计方面,XHTML可助你去掉表现层代码的恶习,帮助你养成标记校验来测试页面工作的习惯。 DHTML:

htm、html、shtm、shtml四种文件格式
每一个网页或者说是web页都有其固定的后缀名,不同的后缀名对应着不同的文件格式和不同的规则、协议、用法,最常见的web页的后缀名是.html和.htm,但这只是web页最基本的两种文件格式,今天我们来介绍一下web页的其它一些文件格式。 首先介绍一下html与htm 关于HTML,HTML(HyperTextMark-upLanguage)即超文本标记语言,是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。 关于HTM,实际上HTM与HTML没有本质意义的区别,只是为了满足DOS仅能识别8+3的文件名而已,因为一些老的系统(win32)不能识别四位文件名,所以某些网页服务器要求index.html最后一个l不能省略。MSIE能自动识别和打开这些文件,但编写网页地址的时候必须是完全对应的,也就是说index.htm和index.html是两个不同的文件,对应着不同的地址。值得一提的是UNIX系统中对大小写敏感,不吻合的话就可能报没有文件或者找不到文件。 其次介绍一下shtml和shtm 关于shtml,shtml是一种基于SSI技术的文件,也就是Server Side Include--SSI 服务器端包含指令,一些Web Server如果有SSI功能的话就会对shtml文件特殊招待,服务器会先扫一次shtml文件看没有特殊的SSI指令存在,如果有的话就按Web Server设定规则解释SSI指令,解释完后跟一般html一起调去客户端。 关于shtm,shtm与shtml的关系和htm与html的关系大致相似,这里就不多说了。 html或htm与shtml或shtm的关系是什么 html或者htm是一种静态的页面格式,也就是说不需要服务器解析其中的脚本,或者说里面没有服务器端执行的脚本,而shtml或者shtm由于它基于SSI技术,当有服务器端可执行脚本时被当作一种动态编程语言来看待,就如asp、jsp或者php一样。当shtml或者shtm中不包含服务器端可执行脚本时其作用和html或者htm是一样的。

什么是 XHTML?
XHTML是一系列当前和将来的文档类型和程序块,它由HTML 4 [HTML]再生和扩展而来,HTML 4是其子集。XHTML系列文档基于XML,最终被设计用来与基于XML的用户代理程序一起工作。XHTML家族的详情及其发展过程在未来趋势一节中详述。 XHTML 1.0(本规范书)是XHTML家族的第一个文档。它是将3种HTML 4文档类型应用到XML 1.0 [XML]之后重新形成的。其意图是,作为一种语言,它的内容既符合XML,并且如果依照一些简单的指导方针,也能被HTML4用户代理程序识别。开发者将它们的文档移植成为XHTML 1.0,会得到以下好处: XHTML文档遵从XML。这样,用标准的XML工具很容易查看,编辑和检验它们。 XHTML文档可以在现有的HTML4代理用户程序中使用,也可以在新的XHTML用户代理程序中使用,在后者中可以达到与前者同样或更好的效果。 XHTML 文档中使用的应用程序(如script 和 applet) 可以是HTML 的文档对象模型(Document Object Model) ,也可以是 XML 的文档对象模型 [DOM]。 随着 XHTML 家族的发展,遵从XHTML 1.0的文档更有可能运用在各种XHTML环境中。 XHTML家族是Internet发展的下一步。 将现在将文档移植成XML,开发者在确保他们的文档向前后兼容的同时,还能享有进入XML世界带来的好处。 什么是HTML 4? HTML 4 [HTML] 是SGML (Standard Generalized Markup Language) 的一个应用,遵从国际标准ISO 8879,被广泛的当作 World Wide Web上的标准出版语言。 SGML是一种描述标记语言,特别是那些用于电子文档交换,文档管理和文档发布语言的语言。HTML是SGML定义的语言的一个实例。

XHTML的标准定义
因为XHTML是XML的一个应用,一些在基于SGML的HTML 4中完全合法的习惯在XHTML中必须改变。 文档必须是编排良好的 编排良好性Well-formedness是[XML]引入的一个新概念。从本质上说,这意味着元素必须有结束标签,或者必须以特殊方式书写(在下面说明)。 元素必须嵌套,尽管SGML规定层叠非法,但现有的浏览器普遍允许层叠。 正确:嵌套元素。<p>here is an emphasized <em>paragraph</em>.</p> 不正确:层叠元素。<p>here is an emphasized <em>paragraph.</p></em> 元素和属性名必须小写 对所有HTML元素和属性名,XHTML 文档必须使用小写。 因为XML是大小写敏感的,所以这个差别是必须的。如 <li> 和 <LI> 是不同的标签。

HTML基础:标签属性和元素
尽管HTML的基础是纯文本,但我们还是需要多一些东西才能使纯文本文件变成合法的HTML文件。 标签 HTML基本的构成包含标签,标签围绕着内容,赋予内容某些意义。 按照下面改进你的文件: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <body> 这是我的第一个网页 </body> </html> 保存文件,回到浏览器界面和选择“刷新”(这会重新装载网页)。 网页的外观没有任何改变,HTML的目的是表达内容,而不是表达表现,这个例子现在已经定义了网页一定的基本元素。 第一行以<!DOCTYPE..开始是为了让浏览器知道你到底要做什么。你可能还不知道自己在做什么,但接受它很重要。如果你不这样做,浏览器将用“quirks”(奇怪的)模式来表现你的网页。现在还不必担心,当然你需要了解或者学习的话可以看看 HTML高级教成的 进一步学习“文档类型”。当前,只需要记住把这一行放在文件的顶端就可以了。 言归正传,<html>是隔开其他内容的起始标签,它告诉浏览器,位于自己与闭合标签</html>之间的就是是HTML文档。在<body>和</body>之间的是这个文档展示在浏览器上的主要内容。 闭合标签 </body>和</html>关闭他们各自的标签。所有的HTML标签都要关闭。尽管老版本的HTML允许某些标签不关闭,但最新的标准要求所有的标签都要关闭。无论如何,闭合标签是一个好习惯。

HTML基础:HTML字体标记及属性
我们在这里将要谈的是有关文字的标记,包括字体大小、颜色、字型...等变化,适当的应用可以增加页面的美观! 常用字体标记 如 : <H2> 标题 </H2> 如 : <B> 粗体字 </B> 粗体字 如 : <I> 斜体字 </I> 斜体字 如 : <U> 加底线 </U> 加底线 如 : <DEL> 横线 </DEL> 横线 如 : <TT> 打字体 </TT> 打字体 如 : 字体 <SUP> 上标字 </SUP> 字体 上标字

HTML基础:HTML表格标记及属性
常用表格标记 相关属性 : ・ ALIGN 调整 ・ BGCOLOR 背景颜色 ・ BORDER 边框 ・ HEIGHT 高度 ・ WIDTH 宽度 <CAPTION>...</CAPTION> 表格标题 。 相关属性 : ・ ALIGN 调整 <TR>...</TR> 表格列 ( </TR>可省略 ) 。 相关属性 : ・ ALIGN 调整 <TH>...</TH> 表格栏标题 ( 表头 ) 粗体字 ( </TH>可省略 ) 。 相关属性 : ・ ALIGN 调整 ・ COLSPAN 栏宽 ・ ROWSPAN 栏高 <TD>...</TD> 表格栏资料 ( 储存格 ) ( </TD>可省略 ) 。 相关属性 : ・ ALIGN 调整 ・ BGCOLOR 背景颜色 ・ HEIGHT 高度 ・ WIDTH 宽度 ・ COLSPAN 栏宽 ・ ROWSPAN 栏高 举例 <TABLE BORDER=1 ALIGN=CENTER BGCOLOR=#CCCCFF> <CAPTION>表格标题</CAPTION> <TR><TD><TH COLSPAN=2>行标题 1 <TH COLSPAN=2>行标题 2 <TR><TH ROWSPAN=2>列标题 1 <TD>A <TD>A <TD>A <TD>A <TR><TD>B <TD>B <TD>B <TD>B <TR><TH ROWSPAN=2>列标题 2 <TD>C <TD>C <TD>C <TD>C <TR><TD>D <TD>D <TD>D <TD>D </TABLE> 看了以上的例子,应该了解表格的基本写法吧!