Monday, July 09, 2007

<>網頁設計使用CSS需要注意的地方與設計的技巧

[書名]for Web Standard Specification
本書24組超過100個的完整HTML與CSS範例原始碼

原著:E BISCOM TECH LAB
翻譯: 賴虹燕
編製:阿彬工作室

以下為此書的讀後心得整理,可以參閱。
1. 網頁的設計中需要在網頁周圍保持空白的環繞。
2. 表單的呈現需要考慮到列印時呈現的輸出效果。
3. 以下為範例參考的雛形程式
[














*/
4. 以下為必需注意不能混用的元素
align => caption, applet, iframe, img, input, object, legend, table, hr, div, h1~h6,p, body.
alink => body
background => body
bgcolor => table, tr, td, th, body
border => img, object
clear => br
compact => dir, dl, menu, ol, ul
height => td, th, applet
hspace => img, object, applet
language => script
5. 以下為盡量不要使用的元素
applet
is index
basefont
menu
center
s
dir
strike
font
u
6. 群組化CSS的定義方式


........
.......


CSS端
.contents {
border = solid ipx # 5e8eab;
}

7. 網頁中一定要有聯絡我們的相關資訊
8. 網頁中上方建議要有公司的圖示與公司的名稱
9. 網站的架構需要明確的畫出上下階層的組織圖表
10. 在網頁設計中
盡量少用
11. 網頁的基本操作功能鈕中,需要有最基本的start, contents, prev, next
12. 讀入外部樣式表的範例
13. 取消css的片段程式碼,
14. 可以使用rel屬性指定的值
start => 指定首頁或長篇文章中的第一頁
contents => 指定目錄
next => 指下一頁
prev => 指定上一頁
index => 指定索引頁
up => 指定上一層網頁
first => 指定第一頁
last => 指定最末頁
glossary => 指定專有名詞解說頁
help => 指定說明頁
copyright => 指定有關著作權網頁
author => 有關作者網頁
search => 指定搜尋頁
chapter => 指定章
section => 指定節
subsection => 小節
appendix => 指定的附錄頁
bookmark => 指定書籤
15. 一般網頁配置使用三個格狀
上方為公司圖示與公司名稱
左方為應用選單
右中方為表單或查詢文件的主體

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home