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

繼續閱讀