DIV+CSS布局入门教程(六)

这半个月以来今天是头一天在20:00左右下班,想起关于这个教程一直没有完成,心里感觉非常不踏实。两个月前刚辞职,本想把教程全部完成,但是由于一次不幸,导致硬盘中的数据大部分丢失,本写了一半的教程也随之灰飞烟灭。但最近有许多的网友通过博客、QQ、MSN、E-MAIL等途径与我联系,希望能继续更新这个教程,甚至有网友居然拨打我的手机(我不知道大家是如何知道我的号码的,,哎~~)被大家所感动,时间虽然很紧,但还是抽点时间来尽量完成这个教程吧~~就像鲸鱼叔叔所说的,时间就是奶,越挤就越多~~

首先,有些东西需要说明一下。对于之前的文章,由于为了让大家更好的区分各层的关系,教程中不少地方使用了大写的CLASS或者ID,其实这样做是不推荐的,我推荐的方法是使用单词之间增加下划线,或者单词拼接的方法。因为CSS是区分大小写的。大家可以看到,我提供给大家的下载文件中全部都是使用小写来处理的。

我们先来处理sidebar的样式,经过分析,我们可以得知,sidebar有四个部分,我们将这四个部分分为四个层:

继续阅读

Div+CSS布局入门教程(五)

四、页面制作(1)—-用好border和clear

  由于找工作找房子的原因,隔了这么久才能开始写教程,心里感觉很对不起一直在关注本站的朋友,今天是找到房子的第二天,于是赶快继续写教程。
  这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性。

继续阅读

Div+CSS布局入门教程(一)

转自http://www.tblog.com.cn

一、页面布局与规划

好久没有认真写点东西了,想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题,其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧…

在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图。
01.JPG

继续阅读

WP搜索引擎优化

http://theundersigned.net/2006/06/wordpress-and-seo/看到这篇介绍Wordpress如何进行搜索引擎优化(SEO)的文章,内容相当不错。做了一个翻译给大家,版权归原作者所有。

1)设置永久链接
使用永久链接结构,确认文章标题使用了永久链接。在WordPress里,可以进入控制面板-〉选项-〉Permalinks,然后选择一种永久链接的结构,或者自己定制一种,比如我用的就是/%year%/%monthnum%/%postname%/(也就是”/年/月/文章名/”)

2) 文章标题
网站名字(”Title“,就是一般显示在浏览器标题栏的文字)应该显示在当前访问的文章或者页面里。比如我的文章标题就该是这样,”WordPress SEO,WP搜索引擎优化 | 孩子气☆孙秀楠宝宝“,在样式设置里可以这样定制,

3)Headers HTML文本标记
搜索引擎对于headers(比如h1,h2,h3等等)要比内容更看重。所以写一个好的包含关键字的文章标题很重要,当然关键字要和文章内容匹配。最好是每页只用一两个h1的HTML标记,比如用在Blog的名字上或者最新的文章上。

4)Alt图像HTML标记
给图片加上alt标记,并且确认这些标记和显示的内容匹配,这会帮助google图像搜索引擎或者其它图像搜索引擎更好工作。

继续阅读

平面设计常用的制作尺寸列表

正度纸张:787×1092 mm
开数(正度) 尺寸 单位(mm)
全开 781×1086
2开 530×760 3开 362×781
4开 390×543 6开 362×390
8开 271×390
16开 195×271
注:成品尺寸=纸张尺寸-修边尺寸

大度纸张:850×1168 mm
开数(正度) 尺寸 单位(mm)
全开 844×1162
2开 581×844 3开 387×844
4开 422×581 6开 387×422
8开 290×422
注:成品尺寸=纸张尺寸-修边尺寸

常见开本尺寸:
787 x 1092 mm
开数 尺寸 单位(mm)
对开:736 x 520
4开:520 x 368
8开:368 x 260
16开:260 x 184
32开:184 x 130

继续阅读

SEO工具,站长必备

内容与结构工具

搜索引擎抓取内容模拟器

可以模拟蜘蛛抓取指定网页Text,Link,Keywords及Description信息
http://www.webconfs.com/search-engine-spider-simulator.php
相似页面检测工具

检验两个页面的相似度.如果相似度达80%以上,将可能受到惩罚
http://www.webconfs.com/similar-page-checker.php

Google Sitemaps 在线创建
在线创建 Google Sitemaps 网站地图文件

中文:
http://www.xinqj.com/sitemap/sitemap.asp

英文:
http://www.xml-sitemaps.com/

Google Sitemaps Builder .Net
Google Sitemaps 创建软件, 可以很方便的创建网站的Sitemaps
http://www.seobbs.net/read.php?tid=10620

继续阅读