博客秘书

自定义模块

模块内容加载中...

日志

· html代码常见的命令汇总

· 实用图文混排滚动代码

· Photoshop 去除图片中文字六个方法

· PS制作撕碎的照片效果

· Ps图片合成：夕阳中的山顶风景

html代码常见的命令汇总

2012-1-5 12:08:26 阅读0 评论0 52012/01 Jan5

html代码常见的命令汇总

标记	类型	译名或意义	作用	备注
文件标记
<HTML>	●	文件声明	让浏览器知道这是 HTML 文件
<HEAD>	●	开头	提供文件整体资讯
<TITLE>	●	标题	定义文件标题，将显示于浏览顶端
<BODY>	●	本文	设计文件格式及内文所在
排版标记
<!--注解-->	○	说明标记	为文件加上说明，但不被显示
<>	○	段落标记	为字、画、表格等之间留一空白行
<BR>	○	换行标记	令字、画、表格等显示于下一行
<HR>	○	水平线	插入一条水平线
<CENTER>	●	居中	令字、画、表格等显示于中间	反对
<RE>	●	预设格式	令文件按照原始码的排列方式显示
<DIV>	●	区隔标记	设定字、画、表格等的摆放位置
<STRONG>	●	加重语气	产生字体加粗 Bold 的效果
<B>	●	粗体标记	产生字体加粗的效果
<EM>	●	强调标记	字体出现斜体效果
<I>	●	斜体标记	字体出现斜体效果
<TT>	●	打字字体	Courier字体，字母宽度相同
<U>	●	加上底线	加上底线	反对
<H1>	●	一级标题标记	变粗变大加宽，程度与级数反比
<H2>	●	二级标题标记	将字体变粗变大加宽
<H3>	●	三级标题标记	将字体变粗变大加宽
<H4>	●	四级标题标记	将字体变粗变大加宽
<H5>	●	五级标题标记	将字体变粗变大加宽
<H6>	●	六级标题标记	将字体变粗变大加宽
<FONT>	●	字形标记	设定字形、大小、颜色	反对
<BASEFONT>	○	基准字形标记	设定所有字形、大小、颜色	反对
<BIG>	●	字体加大	令字体稍为加大
<SMALL>	●	字体缩细	令字体稍为缩细
<STRIKE>	●	画线删除	为字体加一删除线	反对
<CODE>	●	程式码	字体稍为加宽如<TT>
<KBD>	●	键盘字	字体稍为加宽，单一空白
<SAMP>	●	范例	字体稍为加宽如<TT>
<VAR>	●	变数	斜体效果
<CITE>	●	传记引述	斜体效果
<BLOCKQUOTE>	●	引述文字区块	缩排字体
<DFN>	●	述语定义	斜体效果
<ADDRESS>	●	地址标记	斜体效果
清单标记
<OL>	●	顺序清单	清单项目将以数字、字母顺序排列
<UL>	●	无序清单	清单项目将以圆点排列
<LI>	○	清单项目	每一标记标示一项清单项目
<MENU>	●	选单清单	清单项目将以圆点排列，如<UL>	反对
<DIR>	●	目录清单	清单项目将以圆点排列，如<UL>	反对
<DL>	●	定义清单	清单分两层出现
<DT>	○	定义条目	标示该项定义的标题
<DD>	○	定义内容	标示定义内容
表格标记
<TABLE>	●	表格标记	设定该表格的各项参数
<CAPTION>	●	表格标题	做成一打通列以填入表格标题
<TR>	●	表格列	设定该表格的列
<TD>	●	表格栏	设定该表格的栏
<TH>	●	表格标头	相等于<TD>，但其内之字体会变粗
图形标记
<IMG>	○	图形标记	用以插入图形及设定图形属性
连结标记
<A>	●	连结标记	加入连结
框架标记
<FRAMESET>	●	框架设定	设定框架
<FRAME>	○	框窗设定	设定框窗
<IFRAME>	○	页内框架	于网页中间插入框架	IE
多媒体
<BGSOUND>	○	背景声音	于背景播放声音或音乐	IE
<EMBED>	○	多媒体	加入声音、音乐或影像
其他标记
<MARQUEE>	●	走动文字	令文字左右走动	IE

注：

● 表示该标记属围堵标记，即需要关闭标记如 </标记>。
○ 表示该标记属空标记，即不需要关闭标记。
IE 表示该标记只适用于Internet Explorer。
反对表示该标记不为W3C所赞同，通常这标记是 IE 或

NC自订，且己为众所支持，只是HTML标准中有其它同功能或更好的选择。
弃用表示该标记己为W3C所弃用，是过时的标记，但 HTML

具向下兼容的特性，不用担心新浏览器不支援旧标记。
新表示该标记是HTML4.0中新增的。

作者 | 2012-1-5 12:08:26 | 阅读(0) |评论(0) | 阅读全文>>

实用图文混排滚动代码

2012-1-5 11:57:41 阅读0 评论0 52012/01 Jan5

代码如下：

<marquee behavior="scroll" direction=left width="90%" height="100" scrollamount="2" scrolldelay="50" >
<TABLE cellSpacing=3 cellPadding=0 width=400 border=0>
<TBODY>
<TR align=middle>
<TD><A href="http://zhaohe162.blog.163.com/blog/static/38216797200811603423461/" target=_blank><IMG height=100 src="http://img1.qq.com/ent/pics/14496/14496410.jpg" width="100" height="0" border=0></A>
 <A href="http://zhaohe162.blog.163.com/blog/static/38216797200811603423461/" target=_blank>大S死不承认自己主持烂</A> </TD>

<TD><A href="http://zhaohe162.blog.163.com/blog/static/38216797200811604813863/" target=_blank><IMG height=100 src="http://img1.qq.com/ent/pics/14437/14437484.jpg" width="100" height="100" border=0></A>
 <A href="http://zhaohe162.blog.163.com/blog/static/38216797200811604813863/" target=_blank>范冰冰后台补妆更衣</A> </TD>

<TD><A href="http://zhaohe162.blog.163.com/blog/static/38216797200811604234418/" target=_blank><IMG height=100 src="http://img1.qq.com/ent/pics/14303/14303734.jpg" width="100" height="100" border=0></A>
 <A href="http://zhaohe162.blog.163.com/blog/static/38216797200811604234418/" target=_blank>秦海璐性感礼服秀美背</A> </TD>

<TD><A href="http://zhaohe162.blog.163.com/blog/static/38216797200810332742986/" target=_blank><IMG height=100 src="http://img.blog.163.com/photo/tjhNrp34rfqQIEqA4Izabw==/3699988568862025668.jpg" width="100" height="0" border=0></A>
 <A href="http://zhaohe162.blog.163.com/blog/static/38216797200810332742986/" target=_blank>杨丞琳发胖变嘟嘟脸</A> </TD>

<TD><A href="http://zhaohe162.blog.163.com/blog/static/3821679720081033343369" target=_blank><IMG height=100 src="http://img.blog.163.com/photo/gpIVB79iW57JdYxitHW7WA==/4518799276113810668.jpg" width="100" height="0" border=0></A>
 <A href="http://zhaohe162.blog.163.com/blog/static/3821679720081033343369/" target=_blank>陈紫函袁文康亲密写真</A> </TD>

<TD><A href="http://zhaohe162.blog.163.com/blog/static/38216797200810332913436/" target=_blank><IMG height=100 src="http://img.blog.163.com/photo/lECEtTqWRmzneHc9N4Mzbw==/4518799276113810672.jpg" width="100" height="0" border=0></A>
 <A href="http://zhaohe162.blog.163.com/blog/static/38216797200810332913436/" target=_blank>金巧巧复古华丽写真</A> </TD>

<TD><A href="http://zhaohe162.blog.163.com/blog/static/38216797200811603555907/" target=_blank><IMG height=100 src="http://pic.zdface.com/upload/20081126145847174.jpg" width="100" height="0" border=0></A>
 <A href="http://zhaohe162.blog.163.com/blog/static/38216797200811603555907/" target=_blank>身材丰满李湘为内衣犯愁</A> </TD>

<TD><A href="http://zhaohe162.blog.163.com/blog/static/3821679720081033265578/" target=_blank><IMG height=100 src="http://img.blog.163.com/photo/hqhrlMV_uK1rVlfFx3fGiA==/2044634230827232946.jpg" width="100" height="0" border=0></A>
 <A href="http://zhaohe162.blog.163.com/blog/static/3821679720081033265578/" target=_blank>赵薇精致妆容难掩脸上细纹</A> </TD>

<TD><A href="http://zhaohe162.blog.163.com/blog/static/38216797200811604659115/" target=_blank><IMG height=100 src="http://img1.qq.com/ent/pics/14444/14444612.jpg" width="100" height="0" border=0></A>
 <A href="http://zhaohe162.blog.163.com/blog/static/38216797200811604659115/" target=_blank>王雅捷写真长裙飘逸</A> </TD>

<TD><A href="http://zhaohe162.blog.163.com/blog/static/38216797200811605049562" target=_blank><IMG height=100 src="http://img1.qq.com/ent/pics/14504/14504646.jpg" width="100" height="0" border=0></A>
 <A href="http://zhaohe162.blog.163.com/blog/static/38216797200811605049562" target=_blank>赵薇与周迅扮姊妹</A> </TD>

<TD><A href="http://zhaohe162.blog.163.com/blog/static/38216797200811613823901/" target=_blank><IMG height=100 src="http://i3.sinaimg.cn/lx/zc/p/2008/1204/U1561P8T1D800654F914DT20081204063017.jpg" width="100" height="0" border=0></A>
 <A href="http://zhaohe162.blog.163.com/blog/static/38216797200811613823901/" target=_blank>黎明绯闻女友身材PK</A> </TD>

</TR></TABLE></marquee>

作者 | 2012-1-5 11:57:41 | 阅读(0) |评论(0) | 阅读全文>>

Photoshop 去除图片中文字六个方法

2009-4-21 0:56:23 阅读123 评论1 212009/04 Apr21

　　Photoshop 去除图片中文字六个方法

　　1、使用仿制图章工具去除文字。

　　这是比较常用的方法。具体的操作是，选取仿制图章工具，按住Alt键，在无文字区域点击相似的色彩或图案采样，然后在文字区域拖动鼠标复制以复盖文要注意的是，采样点即为复制的起

　　2、使用修补工具去除文字。

　　如果图片的背景色彩或图案比较一致，使用修补工具就比较方便。

　　具体的操作是，选取修补工具，在公共栏中选择修补项为“源”，关闭“透明”选项。然后用修补工具框选文字个性签拖动到无文字区域中色彩或图案相似的位置，松开鼠标就完成复制。

　　修补工具具有自动匹配颜色的功能，复制出的效果与周围的色彩较为融合，这是仿制图章工具所不具备的。

　　3 操作的方法与仿制图章工具相似。按住Alt键，在无文字区域点击相似的色彩或图案采样，然后在文字区域拖动鼠标复制以复盖文字。只是修复画笔工具与修补工具一样，也具有自动匹配颜色的功能，可根据需要

　　4、某些情况下，框选无文字区域的相似图形（或图案），按Ctrl+j键将其复制成新的图层，再利用变形工具将其变形，直接用以复盖文字会更为快捷。

　　5、对于一些透视效果较强的画面(如地板)，可以应用“消失点”滤镜进行处理。

　　图例中的操作的方法是，框选要处理的文字区域，（防止选区以外的部分也被覆盖）执行菜单命签令：滤镜→消失点，进入消失点滤镜编辑界面。

　　 ⑴ 选取左边工具栏中的创建面板工具，由地板砖缝交汇处开始，沿着缝隙，依次点四个点，连成一个有透视效果的矩形。然后拖动其边线向右方及下方扩展，令面板完全复盖文字。　 ⑵ 选取左边工具栏中的图章工具, 按住Alt键点击选取源图像点，绿色十字变红后，在文字区域拖动便完成复制。

　　6、某些背景色为垂直线性渐变颜色的图标，有一个方便的方法去除文字。

　　方法是，用矩形选框工具在无文字区域中作一个选区，选区不宜太宽，高度应高于文字。然后按住Ctrl+Alt键，连续按方向键（→或←），直至完全复盖文字则可。

作者 | 2009-4-21 0:56:23 | 阅读(123) |评论(1) | 阅读全文>>

PS制作撕碎的照片效果

2008-9-18 22:19:59 阅读144 评论0 182008/09 Sept18

每当看到相册中的照片，我们都能够很快地回忆起当时美好的场景，然而有时候却在不经意间将照片撕碎了，随之美好的记忆也破碎了。今天我们就来使用photoshop制作撕碎的照片效果。

使用的素材

处理后的效果

第一步：在Photoshop CS3中打开一张背景素材和一张人物素材，然后使用“移动”工具处理好它们的位置，如图1所示。

第二步：单击菜单栏中的“编辑→描边”命令，打开的“描边”对话框，设置好其中的参数，如图2所示。

第三步：进入到“通道”面板，并单击其下方单击“创建新的通道”按钮，创建一个新的通道Alpha1,然后使用“多边形套索”工具，在Alpha1通道上任意绘制出一个选区，如图3所示。

第四步：接着设置前景色为黑色，背景色为白色，并按Ctrl+Delele键填充选区。然后再单击菜单栏中的“滤镜→像素化→晶格化”命令，设置好“单元格大小”参数，如图4所示。

第五步：返回到图层面板，选中图层1。选择菜单栏中的“选择→载入选区”命令，在“载入选区”对话框中的“通道”下拉列表中选择“Alpha1”，如图5所示。

第六步：使用“自由变换”命令调节图像的位置、方向，如图6所示。

第八步：接着单击菜单栏中的“选择→修改→扩展”命令，设置“扩展量”为4个像素，用白色来填充。并使用橡皮擦工具和移动工具对白边进行适当的修饰，如图8所示。

第九步：按照上面的方法，多制作出几个撕边效果，最后为照片添加上阴影，如图9所示。

这样就完成了撕碎的照片效果，如图10所示。

作者 | 2008-9-18 22:19:59 | 阅读(144) |评论(0) | 阅读全文>>

Ps图片合成：夕阳中的山顶风景

2008-9-18 22:16:19 阅读114 评论0 182008/09 Sept18

本文用Photoshop将一幅清晨的风景照片和一张夕阳照片天衣无缝地合成在一起，大家可以从中了解Photoshop合成图片的基本方法。

　　素材

Photoshop合成漂亮的夕阳风景1_天极设计在线转载

　　素材

Photoshop合成漂亮的夕阳风景2_天极设计在线转载

　　Photoshop合成过程：

Photoshop合成漂亮的夕阳风景3_天极设计在线转载

Photoshop合成漂亮的夕阳风景4_天极设计在线转载

Photoshop合成漂亮的夕阳风景5_天极设计在线转载

Photoshop合成漂亮的夕阳风景6_天极设计在线转载

Photoshop合成漂亮的夕阳风景7_天极设计在线转载

　　最终效果

Photoshop合成漂亮的夕阳风景8_天极设计在线转载

作者 | 2008-9-18 22:16:19 | 阅读(114) |评论(0) | 阅读全文>>

查看所有日志>>

页脚

公司简介 - 联系方法 - 招聘信息 - 客户服务 - 隐私政策 - 博客风格 - 手机博客 - VIP博客 - 订阅此博客

近期心愿	把自己想作的事做完
博客等级	加载中...
今日访问	加载中...
总访问量	加载中...

最后登录	加载中...

导航

收藏模块

收藏模块

收藏模块

自定义模块

最近访客

收藏模块

收藏模块

关于我

留言

收藏模块

收藏模块

收藏模块

收藏模块

收藏模块

收藏模块

收藏模块

日志

html代码常见的命令汇总

实用图文混排滚动代码

Photoshop 去除图片中文字六个方法

PS制作撕碎的照片效果

Ps图片合成：夕阳中的山顶风景

最新评论

页脚