Quantcast
Channel: 教程
Browsing latest articles
Browse All 50 View Live

如何增加一个网站的外链

网站 外链多少给对网站有一个评估。大体分享一下我的外链做的几个方式: 1.最常见就是博客 和论坛。 2.网络收藏夹 3.行业的网站的原创文章带自己的链接 4.分类信息和行业的信息发布。 5。做好友情链接。 常见就是这几个方式。

View Article



SEOwhy最近内部培训资料

seowhy国内知名seo论坛,内部培训资料曝光: 培训目录如下: 搜索引擎优化入门教程 中国SEO 培训第一品牌SEOWHY 总目录 第一章 SEO 入门...................................................................................3 第二章 关键词优化...........

View Article

html { padding:0; margin:0;}的含义

html { padding:0; margin:0;}的含义

View Article

windows服务器dede目录安全设置方法

dede挺好的免费开源cms ,但因为开源 很多心怀鬼胎的人 都想法入侵你的网站,如何防范呢 : 打开IIS中站点,在站点uploads目录、data目录以及静态html生成目录点击右键,菜单中选择属性,在目录属性面板选择执行权限为无即可。

View Article

如何修改dede跳转页面的版权信息(如图)

如何修改dede跳转页面的版权信息 在include/common.func.php中通过查找命令查找提示信息,将查找结果(两处182行和215行)前的DEDECMS更改即可。 $htmlhead = htmlrnheadrntitleDedeCMS提示信息/title rnmeta http-equiv=Content-Type content=text/html; ch

View Article


不用table的纯css网页表单form设计教程

本教程介绍了如何用干净的CSS唯一的标签和输入标签,以模拟一个HTML表结构的设计与设计的一种好形式。您可以使用所有的CSS / HTML元素来设计您的自定义窗体为您的Web 项目: 第一步:html代码书写: form div class = box h1 ContactForm: / h1 label span F

View Article

明信片背景风格的form表单制作教程

明信片背景风格的form表单演示 制作教程开始 在Photoshop中进行必要的图像 1。 下载一个老明信片照片 首先第一件事情。 获取一个古老的明信片照片:)本教程中使用的照片,可以从 这里 下载。 现在在Photoshop中打开它。 2。 调整它的大小 这样的照片通常是非

View Article

CSS3和HTML5表单制作教程

CSS3和HTML5表单制作教程 演示地址

View Article


css技巧:避免 内联式/嵌入式 代码

css技巧:避免 内联式/嵌入式 代码

View Article


css技巧:样式在上,脚本在下

css技巧:样式在上,脚本在下

View Article

css技巧3:压缩你的html

为了保持代码的可读性,最好的方法是在代码中添加注释和使用缩进。 但是对于浏览器来说,这些都是不重要的。正因为如此,通过自动化工具压缩你的HTML是非常有用的。 通过移除多余的空白符、注释和一些与内容结构无关的的不需要的字符,能够节省一些字节。 结

View Article

css技巧4:尝试使用async

为了解释这个属性对于性能优化是多么有用,我们应该先明白,当不使用它时会发生什么。 scriptsrc= example.js /script 使用上面这种方式时,页面会在这个脚本文件被完全下载、解析、执行完后才去渲染之后的HTML,在这之前会一直处于阻塞状态。这就意味着会增

View Article

css技巧4:尝试使用async

为了解释这个属性对于性能优化是多么有用,我们应该先明白,当不使用它时会发生什么。 scriptsrc= example.js /script 使用上面这种方式时,页面会在这个脚本文件被完全下载、解析、执行完后才去渲染之后的HTML,在这之前会一直处于阻塞状态。这就意味着会增

View Article


css技巧6:压缩你的样式表

为了保持代码的可读性,最好的方法是在代码中添加注释和使用缩进: . center { width : 960px ; margin : 0 auto ; } /*---Structure---*/ .intro{ margin : 100px ; position : relative ; } 但是对于浏览器来说,这些都是不重要的。正因为如此,通过自动化

View Article

css技巧7:合并多个css文件

css技巧7:合并多个css文件

View Article


css技巧8:使用 <link> 标签而不是 @import

css技巧8:使用 link 标签而不是 @import

View Article

css技巧:压缩你的脚本javascript

css技巧:压缩你的脚本javascript

View Article


网页减肥jquery篇

总是使用最新版本jquery jQuery的核心团队通过改进代码的可读性、加入新的函数和优化现有的算法,不停地改进着这个库。 正因为如此,请总是使用最新版本的jQuery。访问下面的地址,你总会得到最新的jQuery。 http://code.jquery.com/jquery-latest.js 但是

View Article

网页减肥之image篇

网页减肥之image篇

View Article

网页优化减肥之SERVER篇

网页优化减肥之SERVER篇

View Article

网页减肥之css篇

网页减肥之css篇

View Article


网页减肥之html篇

网页减肥之html篇

View Article


清除浮动的css方法

清除浮动的css方法

View Article

常用PHP运算类型介绍与应用

1、算术运算 就是我们所说的算术运算 比如 5 * 6 - 12 2*(28+1) 注:算术运算遵循数学运算规则 从左到右,先算乘除后算加减,遇到括号先算括号内 .2、赋值运算 把一个值写入一个变量 例: $a=1; 把变量1赋值1 $a+=2; 含义是 变量a +2后再赋值给a 。如果 a原

View Article

7个PHP开发人员有用的代码片段

当开发的网站,应用程序或博客,代码片段可以是一个真正的节省时间。 今天,我分享,我已经收集了过去几个月的超级有用的PHP代码片段。 享受! 1 怎么知道你发的广告邮件是否被查阅 ?error_reporting(0);Header(Content-Type: image/jpeg);//Get IPif (!empt

View Article


如何给上传图片加水印的php代码

php开发中要给我们上传的图片加水印,防止别人盗用你的图片 分享php自动水印的方法 function watermarkImage( $SourceFile , $WaterMarkText , $DestinationFile ){ list( $width , $height )= getimagesize ( $SourceFile ); $image_p =imagecreatetruecolo

View Article

简单三步实现响应式的网站设计

响应网页设计无疑是一个很大的事情了。 如果您还不熟悉响应式设计,可以搜索一下响应式的网站案例了解。 为了新手, 响应式设计可能听起来有点复杂,但它实际上是比你想象的简单。 为了帮助您快速上手响应式设计,制作这个快速教程。 我保证,你可以通过下面

View Article

seo网站页面关键词布局技法

关键词优化是一个众所周知的战略,帮助人们找到你的内容,无论是通过搜索引擎和网站在搜索时。我们如何一个页面更符合搜索引擎的seo的要求。就是网页的关键字是怎么布局的直接关系到你的这个网页能否在搜索引擎中有好的权重。下面简单的说明一下 我们的每个

View Article

Viewport 在非响应式网站设计的妙用

我知道大家都使用viewport meta标签来做响应式设计 ,但你可知道,viewport 标签,在无响应的设计非常有用吗? 如果你的网站设计还没有想到转化为还响应的时候,你应该看看这篇文章介绍如何使用viewport标签,以提高你的设计在移动设备上的外观。 一般使用vi

View Article



响应式的网站设计的断点设置法则

首页说明一下什么断点,因为现在访问网站的设备多,尺寸不一 导致网页在不同设备 中显示的布局不一样。断点就是更加设备的尺寸来来判断显示什么样的格局。 最近,我写很多关于响应式设计 。 今天,我想谈谈在响应式设计设置断点(根据屏幕的尺寸来判断显示的

View Article

Word-Wrap强制文本换行的css属性讲解

今天我要谈一个很少被使用,但非常有用的CSS属性:自动换行。您可以强制长(不间断)文本通过指定突破单词与单词换行属性来包装在一个新行。例如,你可以用它来防止文本延伸出的框中,打破了布局。当你有一个长的URL在侧边栏或评论列表这普遍发生。自动换行

View Article

Overflow的妙用:清除浮动

我们使用float布局的时候,父包裹容器不扩展到子浮动元素的高度。 有很多解决方案来解决,可以在浮动元素后添加一个空div标签或对父标签添加clearfix的包属性。 但是你不一定知道,你也可以使用overflow属性来解决这个问题? 这不是一个新的CSS技巧。 今天,

View Article

Min & Max宽度在响应式网站设计中应用

最大宽度属性允许你设置元素的最大宽度。最大宽度的目的是为了防止元素延伸到边界外面。 最大宽度容器 在下面的例子中,我指定的容器大小是800px,但最大宽度不超过800px的90%。 .container{ width : 800px ; max-width : 90% ; } 这样设置目的随着屏幕宽度

View Article


css中ie判断语句解析

现在ie浏览器的版本过多,造成网页设计的中的更多兼容性的问题 ,下面可以通过ie的判断语句来让浏览器输入不同的css 和js 。下面解析一下ie判断语言 ie判断语言的使用规范 ie判断语句的缩略字解析

View Article

盒子模型中margin加倍和叠加解决方案

现在网站制作都是div+css的,但使用盒子模型有浏览器兼容性的问题 其中margin在ie 6. 7.0 8.0 表现不同。如何解决呢? 1.第一种情况就是上下盒子模型 的叠加问题 上下都有margin 都不浮动时候。 html代码 div id = a / div div id = b / div css如下; *{ ma

View Article

网页中如何使用图标字体

为什么要使用图标字体? 图标字体正在迅速成为一个网页设计趋势,为什么呢?创建的图标字体能够狠轻松实现一些字体效果和动画。创建两个不同的图标图像翻转的效果的日子已经过时。现在,我们可以很容易地改变颜色,大小,甚至是动画图标,就像我们使用html代

View Article


用纯css3制作tab内容框教程

随着CSS3已经开始获得更多的人气和更多的浏览器都开始支持它,你会期望从使用JavaScript创建的一个网站,许多常见的交互现在被改为纯CSS解决方案。今天,我将向您展示如何只使用CSS来创建动画内容标签。 演示地址 源文件下载 下面看看html代码 下面是css代码

View Article


一个纯css二级下拉菜单教程

演示地址 下载地址 下面看看如何制作纯css的下拉二级菜单 先看看html代码 ul id = nav li class = submenu a href = # Yachtdesigns / a ul li a href = # Sloops / a li a href = # Ketches / a li a href = # Yawls / a li a href = # Schooners...

View Article

创建CSS3媒体查询响应式的网站布局

什么是媒体查询响应式的网站布局? 就是采用@media的 方式 通过浏览器判断 尺寸 然后决定选择什么css。这样就是媒体查询式的网站布局。 先看看演示效果 演示文档下载 1 首选创建 html5文档 2.css如下:

View Article

另一个html5 css重置代码分享

网页css 重置 reset是必要 ,以前的css有好多重置代码 如 Eric Meyers CSS reset 比较好用,今天修改成html5的 reset重置代码分享一下。 html,body,div,span,object,iframe, h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 ,p,blockquote, pre , abbr,address,cite, code , d

View Article

css3媒体查询 制作响应式网页布局的教程

现在,用户使用手机,小型笔记本电脑,平板设备,如iPad或者剧本来访问网络。 因此,传统的固定宽度的设计行不通了。 网页设计需要适应。 布局需要进行自动调整,以适应所有的显示分辨率和设备。 本教程将告诉你如何用html 媒体查询创建一个跨浏览器的响应式

View Article


css3的基本知识:认识css3

今天说一下css3的基本知识 ,包括文字阴影,盒阴影和边界半径。 这些CSS3属性通常用来增强布局和很好的了解html5网页特性。 RGBA 前三个值是RGB颜色值和最后一个值是透明度的级别(0 =透明,1 =不透明)。 RGBA RBGA可以应用于与颜色,如字体颜色,边框颜色

View Article

css3渐变按钮制作教程(翻译教程)

1

View Article


用css3创建inset字体

制作inset字体我们以前都是用photoshop来做的 ,但css3出来之后,我们就可以用css3制作漂亮的inset字体了 先看看最后效果 下面开始我们的教程 1.先看看htmldaim 2.制作文字的背景 css代码如下 效果如下 3.定义字体样式 效果如下 4.加上inset 样式css 最后效果

View Article

css3制作Polaroids宝丽来图片效果教程

这是教程的最终效果图 下面看看 演示效果 具体怎么制作 查看原作者教程 。

View Article


用photoshop和css制作凸版文字效果

什么是凸版文字效果 看看下面图片就知道了 下面先看看用photoshop如何制作这个文字效果 在Photoshop中打开新的文件大小为535250。 步骤2:背景 创建新图层在背景图层,然后选择矩形工具,并选择整个区域。 选择油漆桶工具,前景色#fff7f7,然后给1px的噪点。

View Article

纯css制作letterpress效果文字

演示地址 制作这样的文字特效很简单,下面简单说明一下 html 代码 !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns = http://www.w3.org/1999/xhtml head meta http-equiv =...

View Article

如何在自己的网站上调用google字体

客户端的字体库决定你 网页是否能显示原理的设计时所采用的样子。这样google就开发字的在线字体库,我们可以直接网址调用即可,那如何调用呢?下面简单说明一下 1 打开google字体网址 Google Web Fonts 进入谷歌字体服务,选择您想要的字体,然后点击右下角

View Article

css最佳书写规范和坏习惯的避免

创建一个良好的CSS代码的是一个挑战。 随着技术的发展,它不是真正说来容易,如果你不良书写规范会影响你的网站的兼容性。 通过实践,你应该能够避免CSS错误。 所以我们列出了下面的CSS最佳做法遵循,以及不良生活习惯避免的。 所以,做好准备,让我们开始吧

View Article


如何设置PrestaShop的前后台的语言

安装完成后,就是要对PrestaShop的前后台的语言进行设置 设置后台语言的为中文的方法 进入后台点击右上角的 My Preferences 里面设置language设置为中文即可。 前台的语言设置方法 从菜单栏进入Localization-Localization,在Configuration栏,Default langu

View Article

Browsing latest articles
Browse All 50 View Live




Latest Images