1、網頁設計中最常用的字體有哪些
1、Georgia字體
基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。
2、Times字體
Times是為了報紙而設計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文,被罵得很慘之後換成了Georgia。
3、Arial字體
Helvetica的「克隆」,和Helvetica非常像,細節上比如R和G有小小差別。如果字型大小太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常。

4、Lucida Family字體
Lucida Grande是Mac OS UI的標准字體,屬於humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。
5、Verdana字體
專門為了屏顯而設計的字體,humanist風格,在小字型大小下仍可以清楚顯示,但是字體細節缺失嚴重,最好別做標題。
6、Tahoma字體
也是humanist風格,字體和Verdana有點像,但是略窄一些,counter略小,曾經是Windows的標准字體,Mac 10.5之後默認也有安裝。
2、設計一個Times類,屬性包括小時,分,秒,然後編寫含有main方法的類創建一個Timer對象
以下是Java代碼:
import java.lang.*;3、網頁設計原理:如何設計漂亮的網頁
邁阿密大學的藝術科學學院網頁通過細節的精心處理給人一種賞心悅目的視覺效果。最好的設計往往就是最簡單的設計:一個中心思想,一幅圖片,少量的文字,開放的空間。這種風格的設計清晰、漂亮,讓人印象深刻。但真實的生活並不經常是如此的簡單,更多的是雜事纏身。在設計一個項目時,往往需要將很多不同的信息同時放上去,一個都不能少,就象現在很多的網站一樣,信息密集,顯得非常擁擠復雜。 在本文中,我們將介紹邁阿密大學的藝術科學學院網站的版面,它之所以吸引我們的注意,是因為該網站雖然有很多信息,但卻給我們留下美好的印象。該網站通過兩個途徑實現這種效果:一,它盡可能地減少各種元素,只保留最重要的部分(其實仍然是「簡單的設計」思想在起作用),二,就是在處理各種細節時都經過精心處理。這種設計手法在技術上其實一點不難,讓我們進去看看:主頁雖然多達二十多個鏈接,但整體卻顯得溫和,協調一致。結構: 網站的頁面尺寸並沒有走極端,不會太長,大多數頁面上的內容不需要拖動就可以輕易瀏覽,是一種方便人們閱讀的屏幕尺寸。每個頁面由三個區域構成,每一個區域負責不同的信息,最上方及最下方的區域內容是固定的,改變的只是中間區域的內容。不同的顏色定義了不同的區域:白色區域是中心舞台,這個區域通過上方顏色較深的頁眉與下方較淺的頁腳而得到確定。固定內容的區域包含了各種最基本的元素:標志,鏈接,搜索等諸如此類的內容。中間白色區域的內容則是變化的,主要展示不同的事件信息、新聞簡訊等內容。從下方示意圖可以看出,這個頁面結構相當緊湊,可以有效組織各種內容,比起那種需要拖動滾動條的頁面更容易閱讀。緊湊,是其中的關鍵。頁眉:此外由兩個色帶構成:綠色及棕色。這兩種顏色構成了一個簡單堅實的頁眉並統領著這個網站。標志及鏈接文字則反轉成白色字體。為了柔和視覺效果,左方還使用了象是陽光照射所呈現的一個非常微弱的漸變面。 頁眉右方遠處有四個固定的鏈接,文字的顏色顯得相當低調,但由於處於頁眉的區域內,沒有人會忽視它的存在。主鏈接:第一級鏈接處於頁眉的標色色帶區域內。鏈接的字體、顏色及陰影與上方的標志呼應,使兩者之間產生視覺上的聯系。 綠色及棕色當然是兩種不同的顏色,但如果你將這兩種顏色變成灰度顯示,你可以發現他們的相同之處,其灰度色值是基本一樣的,這個隱藏的共同點使兩者在視覺上既有區別,又有聯系。下圖中,字母的間距比較寬松,與普通的字母間距相比,呈現一種輕松氣息,也傳達了一種從容及尊嚴。在屏幕顯示時,字母間距較大也更容易閱讀。次級鏈接: 當瀏覽者深入這個網站時,字體字母及顏色在細節上的變化都在暗示讀者這是另外的一些信息。但字體及尺寸仍然與主鏈接相同。中心舞台:在頁眉與頁腳之間的白色區域是我們的中心區域,也是這個網站的視覺焦點所在。在每一個頁面中的文章,都顯得相當簡短,而且象印刷的書本那樣的文字排版,行距非常大,採用襯線字體,整個頁面顯得清爽而不窒息。其書本氣息讓人能夠舒適閱讀。頁腳: 有效設計的頁腳是可以發揮很大的作用的。不要將頁腳想像成一條多出來的「尾巴」,而應該將它看作是一個支撐點,支撐著上述所有內容的一個區域。頁腳區域中放置的也是一些固定不變的內容,如鏈接、聯系信息及標志等。在設計中,層次感是非常重要的。上圖左,如果將頁眉與頁腳設計成相同的份量,給人的感覺就象奧利奧夾心曲奇餅,它分散了讀者的注意力,弱化了版面的力量感。相反,三個區域呈現層次感使到每個區域都能夠正確承擔起自己的任務。在腦海中一定要記住的是,讀者的眼睛永遠會集中在中心區域內,所以這里要放置最重要的信息。周圍所放置是支持性的內容。字體:這個網頁中,正文的字體全部採用Georgia字體,可以說是一種在屏幕上顯示的最佳襯線字體,當樣,Georgia作為印刷字體同樣表現良好。中國設計者在使用英文字體時更多會採用默認的Times字體。 讓我們看看Georgia字體與Times字體的區別,從這種區別中,也可以知道為什麼在屏幕上顯示時,Georgia字體會贏了這一回合。點擊上圖看大圖字母的間距與字母形狀一樣重要, Georgia字體用於正文時,整體顯得平滑、重復及具有節奏感。試比較以下兩者的觀看感覺。
4、網頁設計時間代碼
<%
' ============================================
' 格式化時間(顯示)
' 參數:n_Flag
' 1:"yyyy-mm-dd hh:mm:ss"
' 2:"yyyy-mm-dd"
' 3:"hh:mm:ss"
' 4:"yyyy年mm月dd日"
' 5:"yyyymmdd"
' ============================================
Function Format_Time(s_Time, n_Flag)
Dim y, m, d, h, mi, s
Format_Time = ""
If IsDate(s_Time) = False Then Exit Function
y = cstr(year(s_Time))
m = cstr(month(s_Time))
If len(m) = 1 Then m = "0" & m
d = cstr(day(s_Time))
If len(d) = 1 Then d = "0" & d
h = cstr(hour(s_Time))
If len(h) = 1 Then h = "0" & h
mi = cstr(minute(s_Time))
If len(mi) = 1 Then mi = "0" & mi
s = cstr(second(s_Time))
If len(s) = 1 Then s = "0" & s
Select Case n_Flag
Case 1
' yyyy-mm-dd hh:mm:ss
Format_Time = y & "-" & m & "-" & d & " " & h & ":" & mi & ":" & s
Case 2
' yyyy-mm-dd
Format_Time = y & "-" & m & "-" & d
Case 3
' hh:mm:ss
Format_Time = h & ":" & mi & ":" & s
Case 4
' yyyy年mm月dd日
Format_Time = y & "年" & m & "月" & d & "日"
Case 5
' yyyymmdd
Format_Time = y & m & d
End Select
End Function
function getweek()
week=WeekDay(date())-1
select case week
case 1 backfile="星期一"
case 2 backfile="星期二"
case 3 backfile="星期三"
case 4 backfile="星期四"
case 5 backfile="星期五"
case 6 backfile="星期六"
case 0 backfile="星期天"
end select
getweek=backfile
end function
%>
<%=Format_Time(date(),4)%> <%=getweek()%>
5、信息管理系統 WEB界面設計
dreanweaver可以實現呀 很簡單的 我主要是搞美工的
http://www.uitimes.com
http://www.chinaui.com/
http://www.worli.com/news.asp
都是很好的門戶網站
http://www.xfbbs.com/SoftShow/Plus_Soft_Show_825.html
這是你要的模板
6、網站界面設計應遵循的幾個原則
網站界面設計應遵循的原則主要有以下幾個:
1、用戶導向原則
設計網頁首先要明確到底誰是使用者,要站在用戶的觀點和立場上來考慮設計網站。要作到這一點,必須要和用戶來溝通,了解他們的需求、目標、期望和偏好等。網頁的設計者要清楚,用戶之間差別很大,他們的能力各有不同。另外,用戶使用的計算機機器配置也是千差萬別,包括顯卡、音效卡、內存、網速、操作系統以及瀏覽器等都會有不同。設計者如果忽視了這些差別,設計出的網頁在不同的機器上顯示就會造成混亂。
2、簡潔易操作原則
KISS原則就是"Keep It Sample And
Stupid"的縮寫,簡潔和易於操作是網頁設計的最重要的原則。畢竟,網站建設出來是用於普通網民來查閱信息和使用網路服務。沒有必要在網頁上設置過多的操作,堆積很多復雜和花哨的圖片。該原則一般的要求,網頁的下載不要超過10秒鍾;盡量使用文本鏈接,而減少大幅圖片和動畫的使用;操作設計盡量簡單,並且有明確的操作提示;網站所有的內容和服務都在顯眼處向用戶予以說明等。
3、布局控制
關於網頁排版布局方面,很多網頁設計者重視不夠,網頁排版設計的過於死板,甚至照抄他人。如果網頁的布局凌亂,僅僅把大量的信息堆集在頁面上,會干擾瀏覽者的閱讀。一般在網頁設計上所要遵循的原理有:
(1)Miller公式。一個人一次所接受的信息量為 7±2
比特。這一原理被廣泛應用於網站建設中,一般網頁上面的欄目選擇最佳在5~9個之間,如果網站所提供給瀏覽者選擇的內容鏈接超過這個區間,人在心理上就會煩躁,壓抑,會讓人感覺到信息太密集,看不過來,很累。
(2)分組處理。上面提到,對於信息的分類,不能超過9個欄目。但如果你的內容實在是多,超出了9個,需要進行分組處理。如果,你的網頁上提供幾十篇文章的鏈接,需要每隔7篇加一個空行或平行線做以分組。如果你的網站內容欄目超出9個,如微軟公司的網站,共有11個欄目,超過了9個。
4、視覺平衡
網頁設計時,也要各種元素(如圖形、文字、空白)都會有視覺作用。根據視覺原理,圖形與一塊文字相比較,圖形的視覺作用要大一些。所以,為了達到視覺平衡,在設計網頁時需要以更多的文字來平衡一幅圖片。另外,按照中國人的閱讀習慣是從左到右,從上到下,因此視覺平衡也要遵循這個這個道理。
例如,你的很多的文字是採用左對齊〈Align=left〉,需要在網頁的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下,每張網頁都會設置一個頁眉部分和一個頁腳部分,頁眉部分常放置一些Banner廣告或導航條,而頁腳部分通常放置聯系方式和版權信息等,頁眉和頁腳在設計上也要注重視覺平衡。
同時,也決不能低估空白的價值。如果你的網頁上所顯示的信息非常密集,這樣不但不利於讀者閱讀,甚至會引起讀者反感,破壞該網站的形象。在網頁設計上,適當增加一些空白,精煉你的網頁,使得頁面變的簡潔。
5、色彩的搭配和文字的可閱讀性
顏色是影響網頁的重要因素,不同的顏色對人的感覺有不同的影響,例如:紅色和橙色使人興奮並使得心跳加速;黃色使人聯想到陽光,是一種快活的顏色;黑顏色顯得比較莊重,考慮到你希望對瀏覽者產生什麼影響,為網頁設計選擇合適的顏色(包括背景色、元素顏色、文字顏色、鏈節顏色等)。
為方便閱讀網站上的信息,可以參考報紙的編排方式將網頁的內容分欄設計,甚至兩欄也要比一滿頁的視覺效果要好。另一種能夠提高文字可讀性的因素是所選擇的字體,通用的字體(Arial,CourierNew,Garamond,Times
NewRoman,中文宋體)最易閱讀,特殊字體用於標題效果較好,但是不適合正文。
6、和諧與一致性
通過對網站的各種元素(顏色、字體、圖形、空白等)使用一定的規格,使得設計良好的網頁看起來應該是和諧的。或者說,網站的眾多單獨網頁應該看起來像一個整體。網站設計上要保持一致性,這又是很重要的一點。
一致的結構設計,可以讓瀏覽者對網站的形象有深刻的記憶;一致的導航設計,可以讓瀏覽者迅速而又有效的進入在網站中自己所需要的部分;一致的操作設計,可以讓瀏覽者快速學會在整個網站的各種功能操作。破壞這一原則,會誤導瀏覽者,並且讓整個網站顯的雜亂無章,給人留下不良的印象。
當然,網站設計的一致性並不意味著刻板和一成不變,有的網站在不同欄目使用不同的風格,或者隨著時間的推移不斷的改版網站,會給瀏覽者帶來新鮮的感覺。
7、個性化
(1)符合網路文化
整個互聯網的文化是一種休閑的、非正式性的、輕松活潑的文化。在網站上使用幽默的網路語言,創造一種休閑的、輕松愉快、非正式的氛圍會使網站的訪問量大增。
(2)塑造網站個性
另外,網站的整體風格和整體氣氛表達要同企業形象相符合並應該很好的體現企業文化,進而形成風格。
7、網頁設計應該考慮哪些因素?
網頁的布局主要考慮兩個方面:
1、用戶體驗:一個網站說到底是給用戶看的,如果做得不人性化,不符合人們的審美習慣或者缺少某些功能的話就會嚴重影響用戶體驗,那這個網站的質量就大大下降。
2、搜索引擎優化方面:就是網站優化方面,一個網站要想得到更多的曝光那麼優化是必須的,不優化是不可能有很好的排名的,在布置網頁結構的時候就要注意搜索引擎的搜索習慣,搭建最符合搜索引擎的網站架構。
一個網站存在的意義就在於曝光和排名,做好這兩樣就沒問題了。希望能幫到你。
8、網頁設計 ,什麼英文字體好看?
所用的字體就是國外網站設計師經常用的一些英文網站字體。
國內做的英文網站是大多數給老外看的,進入網站的第一眼就是字體,符合經常看的英文網站字體,就有興趣看下去,比如中文經常用到的 宋體,楷體。
而外國人習慣看到的字體則是Tahoma、Arial、Verdana,有時候也用Times New Roman。
一般來說,國外安裝的PC系統中常有的英文網站字體有Arial, Times New Roman, Verdana,字體大小用11px字型大小就很好看了。
所以不能用國內的字體來當作英文網站使用,這樣的話,做的英文網站就是失敗的。 看上去就很業余。當然並不是用了 Tahoma、Arial、Verdana。這些常用的字體就算用的很專業了。
9、程序員教你如何快速製作一個有漂亮大氣的網站?
像我這樣的程序員來說經常被設計這個詞嚇到,因為我是一名程序員而不是設計師,雖然只是一名程序員,但我還是想讓自己的網站看起來更加吸引人。雖然比不上真正由設計師操刀做出來的效果,但對像我這種沒有設計能力的人來說還是很有幫助的。可是程序員如何快速製作一個漂亮大氣的網站呢?一、色調在有著設計師存在網站,設計師都會負責進行網站色調的調整,為了保證網站的一致性,所有按鈕和導航一般是三到四種顏色。二、紋理知道如何讓一個網站看起來更加高雅優雅一些嗎?是的,紋理。但是這些紋理效果應該去哪裡尋找呢?設計師Atle Mo 的Subtle Patterns網站是個不錯的去處,我們接下來就使用這個網站上的Cream Dust紋理。點擊下載,將紋理圖片保存到本地,然後放到根目錄下的/img/ 目錄文件夾中,最後到CSS 樣式表中加入代碼body { background: url (/img/cream_st.png) repeat 0 0;} 即可。三、字體修改網頁字體是讓網站看起來更有特色、有現代感的捷徑,我們可以去谷歌的字體服務(免費正版)中隨意挑選自己喜歡的字體,但是要注意字體間的搭配。在網頁頭部中加入此代碼:在CSS 樣式表custom.css 中加入以下代碼:h1, h2, h3, h4, h5, h6 {font-family: 'Corben',Georgia, Times, serif;} p, div {font-family: 'Nobile',Helvetica, Arial, sans-serif;}添加完後刷新即可查看效果了,現在我們的網站樣式已經變了,看起來比默認好多了。此外,除了谷歌的字體服務外還可以使用像Fontdeck或Typekit字體服務,它們的字體更多。四、背景圖片首先需要下載背景圖片,然後放到/img/ 文件目錄中去。1、將此圖片設置為的背景圖(background-image): $.backstretch (/img/winter.jpg);2、加入背景圖後網頁主題部分會產生遮擋,所以可以讓其透明,這樣網站效果看起來會更加現代、有設計感。這里可以使用這個技巧將網站變得透明,代碼見右邊,.container-narrow {background: url (/img/cream_st_transparent.png) repeat 0 0;}五、CSS將上面都搞定後接下來要做的就是再加點CSS特效了,如果時間不夠的話簡單的添加上盒陰影box-shadow和字體陰影text-shadow就可以讓網站增色不少,CSS 代碼如下。h1 { text-shadow: 1px 1px 1px #ccc; } .div-that-you want-to-stand-out { box-shadow: 0 0 1em 1em #ccc; }如果經歷過了上面所說的流程的話,相信你已經可以在比較短的時間內製作出了一個還能拿得出手的網站了。