外贸推广,南京seo,法语翻译-北极狐 | 记录外贸工作经历,学习搜索引擎优化-提高法语水平-Pierre

InsaneJournal.com – Another site based on the Danga software that runs LiveJournal, offers free and paid accounts, paid benefits are only enhancements.

JorunalFen.net – Runs on the Danga platform, very much directed towards various “fandoms” (i.e. Harry Potter, various Television shows) and is meant for users 18 and older.

LiveJournal.com – One of the most well known of the blogging hosts. Offers multiple account types such as ad-supported and paid. The center of a few controversies recently.

Themed 国外免费博客列表

Blogabond.com – A site dedicated to travel blogs with map integration and more.

BlogCheese.com – A video blogging website.

BusyThumbs.com – A blog site specifically for your text messages and camera phone images.

Freevlog – Designed for video blogging and completely free.

Trippert.com – Create and share blogs of your travels.

Ufem.com – Blogging site specifically geared towards women. Offers multiple themes and plugins.

Word Count Journal.com – A new blogging format that is also part challenge. Write one word on the first day, two words on the second day and so on, at the end of the year you’ll have written 66,795 words.

Xanco.com – Another moblogging site for you to share all your mobile communications with friends and family.

WordPress 支持的国外免费博客列表

Blogetery.com – Offers multiple templates, anti-spam, free sub-domain and more.

BlogRox.com – Runs on WordPress and offers 50MB of free online space.

Blogsome.com – Based out of Ireland, this site uses the WordPress MU platform, large choice of themes.

Edublogs.com – WordPress powered blogging for educators.

WordPress.com – Not only can you install WordPress on your own sites, you can use the same software on their site and save yourself all of the technical work.

其他平台的国外免费博客列表

Blog.com – Offers free blog hosting with unlimited bandwidth for their free package, more benefits for paid members.

Blog Ladder.com – All blog entries show up on the main ladder as well as inside your own blog.

Blogger.com – A great starting site to get a taste of blogging, very easy to use.

Blogr.com – Allows you to blog, host photos & videos, and podcasts.

BlogSpirit.com – European based blogging site, offers 30-day trial and subscription thereafter, but offers quite a bit of storage.

Blogster.com – Offers free image hosting in addition to free blogs.

BlogYx.com – Blogging site with extras such as chat boxes so you can interact with your readers.

Bloki.com – Lets you build a blog site and even open it up for collaboration.

Bravenet.com – Free blog hosting with RSS feeds and more.

ClearBlogs.com – Free blog hosting and offers templates, friends only posts, IP-Banning and more.

Etribes.com – Based in Europe, allows you to create all sorts of websites including a blog.

Multiply.com – Mixes blogging and social networking, with photo galleries and more.

Netcipia.com – Free blog and wiki for private or public display with 2GB of storage.

Open Diary.com – Offers unlimited storage and posts, low cost subscription rates for advanced features.

ShoutPost.com – A platform for creating blogs with a focus on generating traffic.

SoulCast.com – Have something you want to talk about, but want to say it anonymously? This may be the blogging site for you.

Squarespace.com – Lets you build your blog with numerous themes, also allows you to add other site features.

Terapad.com – Offers blogs as well as features such as an integrated store.

Tooum.com – Fully integrated blog and forum which allows for seamless discussion between the two.

Tumblr.com – A blog platform with a focus on allowing media-rich posts.

Weebly.com – Allows you to create a site and blog, free hosting and change designs on the fly.

Windows Live Spaces – Free blogging with your MSN account, only drawback is readers have to have an account also.

Vox.com – Part of the SixApart family of blogging sites, very much geared towards the personal journal types of blogs.

Xanga.com – Part social network, part blogging, all free.

Yahoo 360 – Part of your Yahoo account and features easy publishing.

Zoomshare.com – Free blog hosting with 250MB of free storage.

更多

xhtml的几种常用布局

2008年5月29日
391 views
网站建设
没有评论

1.CSS布局常用的方法：
float : none | left | right

取值：
none : 默认值。对象不飘浮
left : 文本流向对象的右边
right : 文本流向对象的左边

它是怎样工作的，看个一行两列的例子

xhtml:

<div id=”warp”>
<div id=”column1″>这里是第一列</div>
<div id=”column2″>这里是第二列</div>
<div class=”clear”></div>
</div>

CSS:

#wrap{ width:100%; height:auto;}
#column1{ float:left; width:40%;}
#column2{ float:right; width:60%;}
.clear{ clear:both;}

position : static | absolute | fixed | relative

取值：

static : 默认值。无特殊定位，对象遵循HTML定位规则
absolute : 将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义
fixed : 未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范
relative : 对象不可层叠，但将依据 left ， right ， top ， bottom 等属性在正常文档流中偏移位置

它来实现一行两列的例子

xhtml:

<div id=”warp”>
<div id=”column1″>这里是第一列</div>
<div id=”column2″>这里是第二列</div>
</div>

CSS:

#wrap{ position:relative;/*相对定位*/width:770px;}
#column1{ position:absolute; top:0; left:0; width:300px;}
#column2{position:absolute; top:0; right:0; width:470px;}

他们的区别在哪?

显然，float是相对定位的，会随着浏览器的大小和分辨率的变化而改变，而position就不行了，所以一般情况下还是float布局！

2.CSS常用布局实例

一列
单行一列

body { margin: 0px; padding: 0px; text-align: center; }
#content { margin-left:auto; margin-right:auto; width: 400px;}

两行一列

body {   margin: 0px;    padding: 0px;    text-align: center;}
#content-top { margin-left:auto;    margin-right:auto; width: 400px; }
#content-end {margin-left:auto; margin-right:auto;   width: 400px; }

三行一列

body {   margin: 0px; padding: 0px;   text-align: center;   }
#content-top {   margin-left:auto;   margin-right:auto;   width: 400px;}
#content-mid { margin-left:auto; margin-right:auto;   width: 400px;}
#content-end { margin-left:auto; margin-right:auto; width: 400px;   }

两列
单行两列

#bodycenter { width: 700px;margin-right: auto; margin-left: auto;overflow: auto; }
#bodycenter #dv1 {float: left;width: 280px;}
#bodycenter #dv2 {float: right;width: 410px;}

两行两列

#header{ width: 700px; margin-right: auto;margin-left: auto; overflow: auto;}
#bodycenter { width: 700px; margin-right: auto; margin-left: auto; overflow: auto; }
#bodycenter #dv1 { float: left; width: 280px;}
#bodycenter #dv2 { float: right;width: 410px;}

三行两列

#header{     width: 700px;margin-right: auto; margin-left: auto;   }
#bodycenter {width: 700px; margin-right: auto; margin-left: auto;   }
#bodycenter #dv1 {   float: left;width: 280px;}
#bodycenter #dv2 { float: right;   width: 410px;}
#footer{      width: 700px;   margin-right: auto; margin-left: auto;   overflow: auto;   }

三列
单行三列
绝对定位

#left { position: absolute; top: 0px; left: 0px; width: 120px; }
#middle {margin: 20px 190px 20px 190px; }
#right {position: absolute;top: 0px; right: 0px; width: 120px;}

float定位

xhtml:

<div id=”warp”>
<div id=”column”>
<div id=”column1″>这里是第一列</div>
<div id=”column2″>这里是第二列</div>
<div class=”clear”></div>
</div>
<div id=”column3″>这里是第三列</div>
<div class=”clear”></div>
</div>

CSS:

#wrap{ width:100%; height:auto;}
#column{ float:left; width:60%;}
#column1{ float:left; width:30%;}
#column2{ float:right; width:30%;}
#column3{ float:right; width:40%;}
.clear{ clear:both;}
float定位二

xhtml:

<div id=”center” class=”column”>
   <h1>This is the main content.</h1>
</div>
<div id=”left” class=”column”>
   <h2>This is the left sidebar.</h2>
</div>
<div id=”right” class=”column”>
   <h2>This is the right sidebar.</h2>
</div>

CSS:

body {margin: 0;padding-left: 200px;padding-right: 190px;min-width: 240px;}
.column {position: relative;float: left;}
#center {width: 100%;}
#left {width: 180px; right: 240px;margin-left: -100%;}
#right {width: 130px;margin-right: -100%;}

两行三列

xhtml:

<div id=”header”>这里是顶行</div>
<div id=”warp”>
<div id=”column”>
<div id=”column1″>这里是第一列</div>
<div id=”column2″>这里是第二列</div>
<div class=”clear”></div>
</div>
<div id=”column3″>这里是第三列</div>
<div class=”clear”></div>
</div>

CSS:

#header{width:100%; height:auto;}
#wrap{ width:100%; height:auto;}
#column{ float:left; width:60%;}
#column1{ float:left; width:30%;}
#column2{ float:right; width:30%;}
#column3{ float:right; width:40%;}
.clear{ clear:both;}

三行三列

xhtml:

<div id=”header”>这里是顶行</div>
<div id=”warp”>
<div id=”column”>
<div id=”column1″>这里是第一列</div>
<div id=”column2″>这里是第二列</div>
<div class=”clear”></div>
</div>
<div id=”column3″>这里是第三列</div>
<div class=”clear”></div>
</div>
<div id=”footer”>这里是底部一行</div>

CSS:

#header{width:100%; height:auto;}
#wrap{ width:100%; height:auto;}
#column{ float:left; width:60%;}
#column1{ float:left; width:30%;}
#column2{ float:right; width:30%;}
#column3{ float:right; width:40%;}
.clear{ clear:both;}
#footer{width:100%; height:auto;}

PS:这里列出的是常用的例子，而非研究之用，对一每个盒子，我都没有设置margin,padding,boeder等属性，是因为我个人觉得，含有宽度定位的时候，最好不好用到他们，除非必不得已，因为如果不是这样的话，解决浏览器兼容问题，会让你头疼，而且产生一系列CSS代码，我觉得这样的效率和效果都不好！

更多

xhtml中的DD,DT,DL标签

2008年5月29日
642 views
网站建设
没有评论

我们平时常用的是< ul>< li>标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块列表什么的可以使用它来排版。

< dl>< /dl>< dt>< /dt>< dd>< /dd>
< dl>< /dl>用来创建一个普通的列表,< dt>< /dt>用来创建列表中的上层项目，< dd>< /dd>用来创建列表中最下层项目，< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。看一下下边的例子您就会明白了：

dl ——define list——定义列表
dt ——define list title——用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。
dd——define list define——用于生成定义列表各列表项的说明文字段，重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解
以下为源代码：
<html>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<title>无标题文档</title>
<style type=”text/css”>
<!–
dt {
          float: left;
          width: 60px;
          margin: 0px;
          padding: 0px;
}
dd {
          float: left;
          clear: none;
          width: 290px;
          margin: 0px;
          padding: 0px;
}
dl {
          width: 350px;
          font-size: 9pt;
          line-height: 1.5em;
          position:relative;
          margin: 0px;
          padding: 0px;
          left:15px;
}
.red {
          color: #FF3300;
}
#box {
          width: 500px;
          background-color: #F1F1F7;
}
#box #content {
          padding-top: 10px;
          padding-right: 10px;
          padding-bottom: 10px;
          padding-left: 20px;
}
–>
</style>
</head>
<body>
<div id=”box”>
<div id=”content”>
<img src=/Article/UploadFiles/200704/20070412091408274.gif align=”left”/ >
<dl>
          <dt>商品名称：</dt>
          <dd><strong>[好大的一只啊] </strong>忧惠：<span class=”red”><em>8.5折</em></span></dd>
          <dt>商品简介：</dt>
          <dd>商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称……[<span class="red";>详细介绍</span>]</dd>
          <dt>店铺地址：</dt>
          <dd>商品名称</dd>
          <dt>联系电话：</dt>
          <dd>0000-12345678 87654321 </dd>
</dl>
</div>
</div>
</body>
</html>

更多

今天你去献血了吗？

2008年5月14日
487 views
工作生活
没有评论

今天相应公司号召，去新街口献血，12：30到了新街口的东方商城，一直到了傍晚6点，下一个就到我了，开始宣布南京昨天和今天采集的血液已经饱和了，因为血液有35的保存期，过了35天，就不能用了，昨天就已经运送了21万cc到了四川绵阳，今天电话联系暂时不需要运送了，而今天新采集的血液就够南京的所有医院1个多月用了，为了不使宝贵的资源浪费，只能暂停采集新血液，只能留下联系方式，等待通知。
虽然白白的排了快6小时队，而且没有献血成功，但心情很好，看到了献血现场有非常多的人排名，大部分还是我们年轻人。中国，虽然还有很长的路要走，但希望就在我们手中。

更多

汶川地震,我们能做些什么?

2008年5月13日
468 views
工作生活
没有评论

四川的汶川发生的7.8级地震，牵动着千千万万的中华儿女的心，不管出于什么背景，事情发生了就要去面对，在现在这个阶段，灾区人民最需要的不是金钱，而是血液，建议有条件的朋友近日可以去献血，为灾区人民献一份爱心。同时，如果有想捐款的，也不要听信网上有些人的骗局，很多都是钓鱼网站，我今天在天涯贴吧已经发现好几个钓鱼站了，据说在百度贴吧也有，真不知他们这些人的良心何在，人格何存？
下面是经过验证的中国红十字会总会信息：
网址http://www.redcross.org.cn/
中国红十字会总会救灾专用账号和热线
　　开户单位：中国红十字会总会
　　人民币开户行：中国工商银行北京分行东四南支行
　　人民币账号：0200001009014413252
　　外币开户行：中信银行酒仙桥支行
　　外币账号：7112111482600000209
　　热线电话：(8610)65139999
　　捐款有如下几种途径：
　　银行汇款：账号见上文
　　邮局汇款：
　　地址：北京市东城区北新桥三条8号
　　邮编：100007
　　网上捐款:登陆中国红十字会总会网站：www.redcross.org.cn，点击捐款热线栏目进行在线捐款。
　　（通过银行、邮局和网上捐款在捐款时请注明捐款人姓名、通信地址、捐款意向如：四川地震捐款等信息，以便邮寄捐赠收据和感谢信）
　　通过短信捐款：中国移动、中国联通手机用户以及中国电信、中国网通小灵通用户均可编辑短信1或2，发送至1069999301，即向“红十字救援行动”捐款1元钱或2元钱。
　　通过短信咨询：中国移动、中国联通手机用户以及中国电信、中国网通小灵通用户均可编辑短信“中国红十字会”，发送至12114，即可了解中国红十字会有关情况。

　　中国红十字基金会同时也接受社会各界捐赠：
　　地址：北京市东城区东单北大街干面胡同53号
　　邮编：100010
　　银行汇款：
　　户名：中国红十字基金会
　　开户银行：中国银行北京分行
　　账号： 800100921908091001
　　开户银行：中国工商银行北京东四南支行
　　账号：0200001019014483874
　　开户银行：中国建设银行北京朝内大街支行
　　账号：11001070300059000427
　　外币开户银行：中国银行
　　账号： 800100086608091014
　　捐款热线电话： 010-65124154 010-65129947 010-65599176

淘宝支付宝捐款方式：http://www.taobao.com/cn/theme/site/scdz_080512.php
我们都应该团结起来，共同应付着突如其来的灾难，灾区的人民背后有着亿万的中华儿女！
为你们祈祷和祝福，坚持就是胜利！

更多

地震,你感觉到了吗?

2008年5月12日
455 views
工作生活
没有评论

下午2点多一点，正在紧张的工作中，突然感觉到头晕，起来摇了摇头，还是头晕，然后起来准备到点水喝一下，刚出办公室门，发现同事就问我头晕吗，一时间大家都头晕了，然后才意识到有问题了，赶紧拿了钥匙和手机，把门锁上，包包也顾不上了，直接冲下楼，我在40楼，楼梯口到处都是人，还好都比较有秩序，花了10多分钟的时间到了楼下，已经全部是人了。
原来，四川的汶川发生了7.6级的地震，北京，湖北，陕西等地都有大小不等的余震。
在路上呆了会，直接回家了，公司电脑也没有关，回家上线一看，同事的msn都属于离线状态，只有远在北京的同事msn上写了“奇怪，一会怎么人都不见了？”
今天的你，感觉到地震了吗？

更多

在小语种搜索引擎中的英文关键词优化

2008年5月11日
611 views
seo
没有评论

很多人在做英文seo的时候，会关注在英文google上的排名，其实，在除了美国的很多国家，有很多客户都是通过本地的google来搜索英文关键词，如何提高在这些小语种Google上的关键词排名呢？是专门为该小语种建立一个独立的网站？还是为他们建立一个独立的目录？还是在英文google中的排名高了，在其他语种的google上的排名就自然会高？
前段时间有个客户的网站，是英文站，但是在新闻栏目里面放了很多由google翻译的各个语言版本的产品新闻介绍，虽然有些翻译实在是惨不忍睹，但不久以后，竟然发现其英文关键词在很多小语种google上的排名很不错，同样的关键词在英文google上并没有很靠前。同样，如果在相关的小语种网站上做好相关关键词的外链，那应该也可以提高在该语种google上的排名。
其实，也就是不管是内链还是外链，瞄文字的作用都不可低估。同时，外链和内链的本身的语言也对google的排名起到一定的影响力。

更多

国外高pr博客目录

2008年5月9日
1,831 views
seo
5 评论

偶尔去里面做几个链接还是有点效果的，等下发几个法语的资源上来

更多

国外博客网站免费申请列表

国外免费博客列表

xhtml的几种常用布局

xhtml中的DD,DT,DL标签

今天你去献血了吗？

汶川地震,我们能做些什么?

地震,你感觉到了吗?

推荐2个轻量级的cms

在小语种搜索引擎中的英文关键词优化

国外高pr博客目录

分类

友情链接

存档

Meta

随机文章

最新评论

标签云