1、網頁設計中TABLE參數含義?
ID = "Table3"
ID是標簽,供其他腳本如javascript或CSS識別這個表。
class = tabframe
class是調用CSS定義的名為「tabframe」的樣式。
2、網頁設計
怎樣設計網頁
在網頁設計的認識上,許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁製作軟體,就能搞好網頁設計了……
在網頁設計的認識上,許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁製作軟體,就能搞好網頁設計了。
其實網頁設計是一個感性思考與理性分析相結合的復雜的過程,它的方向取決於設計的任務,它的實現依賴於網頁的製作。正所謂「功夫在詩外」,網頁設計中最重要的東西,並非在軟體的應用上,而是在我們對網頁設計的理解以及設計製作的水平上,在於我們自身的美感以及對頁面的把握上。
首先,我們要弄清楚網頁設計的任務。
一、設計的任務
設計是一種審美活動,成功的設計作品一般都很藝術化。但藝術只是設計的手段,而並非設計的任務。設計的任務是要實現設計者的意圖,而並非創造美。
網頁設計的任務,是指設計者要表現的主題和要實現的功能。站點的性質不同,設計的任務也不同。從形式上,可以將站點分為以下三類。
第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在設計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。然而就現狀上來看,這類網站有粗製濫造的嫌疑。
第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然,這只是從整體上來看,具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點,那就是客戶的要求,它也屬於設計的任務。
明確了設計的任務之後,接下來要想的就是如何完成這個任務了。
二、設計的實現
設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制,這一部分可以在紙上完成。第二部分為網頁的製作,這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯,這裡面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外,軟體也是必需的。不能簡單地說一個軟體的好壞,只要是設計者使用起來覺得方便而且能得心應手的,就可以稱為好軟體。當然,它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,這些都是很不錯的軟體。 接下來我們要做的就是通過軟體的使用,將設計的藍圖變為現實,最終的集成一般是在Dreamweaver里完成的。雖然在草圖上,我們定出了頁面的大體輪廓,但是靈感一般都是在製作過程中產生的。設計作品一定要有創意,這是最基本的要求,沒有創意的設計是失敗的。在製作的過程中,我們會碰到許多問題,其中最敏感的莫過於頁面的顏色了。
三、色彩的運用
色彩是一種奇怪的東西,它是美麗而豐富的,它能喚起人類的心靈感知。一般來說,紅色是火的顏色,熱情、奔放;也是血的顏色,可以象徵生命。黃色是明度最高的顏色,顯得華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長,象徵安寧和平與安全,如綠色食品。紫色是高貴的象徵,有莊重感。白色能給人以純潔與清白的感覺,表示和平與聖潔。
我們知道,顏色是光的折射產生的,紅、黃、藍是三原色,其它的色彩都可以用這三種色彩調和而成。換一種思路,我們可以用顏色的變化來表現光影效果,這無疑將使我們的作品更貼近現實。
色彩代表了不同的情感,有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題,它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義,和不同的顏色搭配,它所表現出來的效果也不同。比如綠色和金黃、淡白搭配,可以產生優雅,舒適的氣氛。藍色和白色混合,能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同,配色方案也隨之不同。考慮到網頁的適應性,應盡量使用網頁安全色。
但顏色的使用並沒有一定的法則,如果一定要用某個法則去套,效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色,然後根據具體的需要,應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體,以達到和諧、悅目的視覺效果。
四、造型的組合
在網頁設計中,我們主要通過視覺傳達來表現主題。在視覺傳達中,造型是很重要的一個元素。拋去是圖還是文字的問題,畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡,是需要點、線、面的共同組合與搭配來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交*、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。在設計中應根據具體情況,選擇最適合的表現手法,這樣有利於主題的表現。
通過點、線、面的組合,可以突出頁面上的重要元素,突出設計的主題,增強美感,讓觀者在感受美的過程中領會設計的主題,從而實現設計的任務。
造型的巧妙運用不僅能帶來極大的美感,而且能較好地突出企業形象,而且能將網頁上的各種元素有機的組織起來,它甚至還可以引導觀者的視線。
五、設計的原則
設計是有原則的,無論使用何種手法對畫面中的元素進行組合,都一定要遵循五個大的原則:統一、連貫、分割、對比及和諧。
統一,是指設計作品的整體性,一致性。設計作品的整體效果是至關重要的,在設計中切勿將各組成部分孤立分散,那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。
連貫,是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應,並注意整個頁面設計風格的一致性,實現視覺上和心理上的連貫,使整個頁面設計的各個部分極為融洽,猶如一氣呵成。
分割,是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣可以使觀者一目瞭然。在信息量很多時為使觀者能夠看清楚,就要注意到將畫面進行有效的分割。分割不僅是表現形式的需要。換個角度來講,分割也可以被視為對於頁面內容的一種分類歸納。
對比就是通過矛盾和沖突,使設計更加富有生氣。對比手法很多,例如:多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時候應慎重,對比過強容易破壞美感,影響統一。
和諧是指整個頁面符合美的法則,渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合,那麼作品將不但沒有「生命感」,而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式,而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通,產生心靈的共鳴。這是設計能否成功的關鍵。
六、網頁的優化
在網頁設計中,網頁的優化是較為重要的一個環節。它的成功與否會影響頁面的瀏覽速度和頁面的適應性,影響觀者對網站的印象。
在資訊類網站中,文字是頁面中最大的構成元素,因此字體的優化顯得尤為重要。使用css樣式表指定文字的樣式是必要的,通常我們將字體指定為宋體,大小指定為12px,顏色要視背景色而定,原則上以能看清且與整個頁面搭配和諧為准。在白色的背景上,我們一般使用黑色,這樣不易產生視覺疲勞,能保證瀏覽者較長時間地瀏覽網頁。
圖片是網頁中的重要元素。圖片的優化可以在保證瀏覽質量的前提下將其size降至最低,這樣可以成倍地提高網頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊,分別進行優化。輸出的格式可以為gif或jpeg,要視具體情況而定。一般我們把有較為復雜顏色變化的小塊優化為jpeg,而把那種只有單純色塊的卡通畫式的小塊優化為gif,這是由這兩種格式的特點決定的。
表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設定表格的寬度、高度、邊框、背景色、對齊方式等參數。很多時候,我們將表格的邊框設為0,以此來定位頁面中的元素,或者籍此確定頁面中各元素的相對位置。我們知道:瀏覽器在讀取網頁html原代碼時,是讀完整個table才將它顯示出來的。如果一個大表格中含有多個子表格,必須等大表格讀完,才能將子表格一起顯示出來。我們在訪問一些站點時,等待多時無結果,按"停止"按鈕卻一下顯示出頁面就是這個原因。因此,我們在設計頁面表格的時候,應該盡量避免將所有元素嵌套在一個表格里,而且表格嵌套層次盡量要少。在使用Dreamweaver製作網頁時,會自動在每一個td內添加一個空字元「 」。如果單元格內沒有填充其它元素,這個空字元會保留,在指定td的寬度或高度後,可以在源代碼內將其刪去。
網頁的適應性是很重要的,在不同的系統上,不同的解析度下,不同的瀏覽器上,我們將會看到不同的結果,因此設計時要統籌考慮。一般我們在800*600下製作網頁,最佳瀏覽效果也是在800*600解析度下,在其它情況下只要保證基本一致,不出現較大問題即可。
說了這么多,只是希望能對做「網頁設計」的人有所幫助,希望他們在做網頁的時候能夠從整體著眼,無愧於「設計」這兩個字。
★建設自己的網站較好的步驟☆
必須注意的是:建立自己的網站是一件浩大的工程,一般比較麻煩。所以應當按照一定的步驟一步步來。
我覺得建站可以按照以下步驟進行:
1、先在本地設一個文件夾,作為網站存儲的地方。名字最好取「My Sites」。
2、在網站文件夾裡面建立一些文件夾,包括「images」等(存儲圖片、文件等),並且按照網頁內容,再建立幾個文件夾。(也可以把存儲圖片、文件的文件夾在每個內容文件夾裡面各搞一些)
3、打開你的網頁編輯程序(例如FP、Dreamwear等),新建網頁,保存為「index」(主頁),重復以上步驟,在網站文件夾裡面建立「search」(查找)、「map」(站點地圖)、「index02」(網站簡介等)。
4、按照上面步驟,再在網站分類文件夾裡面建立許多網頁(接著還要把內容輸入網頁)
5、已經做到了這么多,我們該准備內容了吧。在硬碟上面再建立一個文件夾「File」,把准備好的文檔、圖片、程式、文件和網頁特效等放進去。(可以加入一些動態網頁)
6、慢慢把這些文件一個不漏的放進網頁裡面(要掌握技巧)
7、把網站充實了,就差不多了。這時應該申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。
8、把網站上傳至空間裡面,刪了准備文件,就OK了!
不過也可以這樣使用FP建站:
1、在FP裡面選擇新建站點。
2、然後在【導航】裡面設置網頁名稱以及標題。
3、准備好文檔、圖片、程式、文件和網頁特效等,把它們都充實進網站裡面。
4、申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。
5、把網站上傳至空間裡面,刪了准備文件。完畢。
如果使用Dreamwear來建站,那就更加高級啦!Dreamwear的功能很強大,安裝了它的朋友們可以研究研究。
在網站設計中,純粹HTML格式的網頁通常被稱為「靜態網頁」,早期的網站一般都是由靜態網頁製作的。靜態網頁的網址形式通常為:www.example.com/eg/eg.htm,也就是以.htm、.html、.shtml、.xml等為後後綴的。在HTML格式的網頁上,也可以出現各種動態的效果,如.GIF格式的動畫、FLASH、滾動字母等,這些「動態效果」只是視覺上的,與下面將要介紹的動態網頁是不同的概念。
在《網路營銷基礎與實踐》第二版第3章「網路營銷導向的企業網站建設」中,提出了採用靜態網頁對搜索引擎的影響,書中對於靜態網頁本身的介紹比較少,尤其對於靜態網頁的特點沒有做專門的介紹。 網路營銷教學網站(www.wm23.com)將靜態網頁的特點簡要歸納如下:
(1)靜態網頁每個網頁都有一個固定的URL,且網頁URL以.htm、.html、.shtml等常見形式為後綴,而不含有「?」;
(2)網頁內容一經發布到網站伺服器上,無論是否有用戶訪問,每個靜態網頁的內容都是保存在網站伺服器上的,也就是說,靜態網頁是實實在在保存在伺服器上的文件,每個網頁都是一個獨立的文件;
(3)靜態網頁的內容相對穩定,因此容易被搜索引擎檢索;
(4)靜態網頁沒有資料庫的支持,在網站製作和維護方面工作量較大,因此當網站信息量很大時完全依靠靜態網頁製作方式比較困難;
(5)靜態網頁的交互性交叉,在功能方面有較大的限制。
網頁製作軟體的選擇
u 選擇一個適合自己的網頁編輯工具
了解了網頁的類型及相關技術之後,下一步,就是要選擇一個適合自己的網頁編輯工具。
Frontpage
Frontpage 是 Microsoft 出品的,可能是最簡單、最容易,卻又功能強大的網頁編輯工具。採用典型的 Word 界面設計,只要你懂得使用 Word,就差不多等於已經會使用 Frontpage。就算你不懂 Word 也沒關系,"所見即所得"的操作方式會讓你很快上手,而且你無須學習 HTML 語法。
但 Frontpage 的也有其不足之處:首先是瀏覽器兼容性不好,做出來的網頁,用 Netscape 往往不能正常顯示;其次,生成的垃圾代碼多,也會自動修改代碼,導致在某些情況下極為不便;再次,對DHTML的支持不好。但不管怎麼說,Frontpage 的確是最好的入門級網頁編輯工具。
常見的版本為 Frontpage98 和 Frontpage2000。
Dreamweaver
Dreamweaver 是 Macromedia 公司的產品的另一款"所見即所得"的網頁編輯工具,或稱網頁排版軟體。與 Frontpage 不同,Deamweaver 採用的是 Mac 機浮動面版的設計風格,對於初學者來說可能會感到不適應。但當你習慣了其操作方式後,就會發現 Dreamweaver 的直觀性與高效性是 Frontpage 所無法比擬的。
Dreamweaver 對於 DHTML 的支持特別好,可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver 與 Flash、Firework 並稱為 Macromedia 的網頁製作三劍客,由於是同一公司的產品,因而在功能上有著一個非常緊密的結合。而最新推出的 Dreamweaver UltraDev 更支持 Asp,Jsp。因此,說Dreamweaver 是高級網頁製作的首選並不為過。
常見的版本為 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0
flash
flash也是 Macromedia 公司的產品,Flash 是互動式矢量圖和 Web 動畫的標准。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。相信凡是見過 Flash 技術的人,沒有一個不想掌握它的。它不但易學、易用,而且可以做出有很多動畫的網站,並且聲色結合,是一種很有前途的網頁製作技術。
firework
firework也是 Macromedia 公司的產品,是真正的網頁作圖軟體。Fireworks 與 Dreamweaver 結合很緊密,只要將 Dreamweaver 的默認圖像編輯器設為 Fireworks ,那麼在 Fireworks 里修改的文件將立即在 Dreamweaver 里更新。另一個功能是可以在同一文本框里改變單個字的顏色。當然,Fireworks 可以引用所有的 Photoshop的濾鏡,並且可以直接將 PSD 格式圖片導入。它是用來畫圖用的,它相當於結合了Photoshop ( 點陣圖處理 ) 以及CorelDRAW (繪制向量圖)的功能。網頁上很流行的陰影、立體按鈕...等等的效果,也只需用滑鼠點一下,不必再靠什麼KPT 之類的外掛濾鏡。而且 Fireworks很完整的支持網頁16進制的色彩模式,提供安全色盤的使用和轉換,要切割圖形、做影像對應(Image Map)、背景透明,要圖又小又漂亮,在Fireworks 中做起來都非常方便,修改圖形也是很容易的 。不需要再同時打開Photoshop和CorelDRAW...等等各類軟體,切換來切換去的了。
Dreamweaver、Flash、Firework稱為網頁製作三劍客,將三個軟體配合起來使用,會製作出非常精美的網頁
gifanimator
Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 動畫工具,它在一個軟體包中提供了頂級的功能,用於動畫 編排、編輯、特效和優化。 GIF Animator 差不多支持每個主要的文件格式,包括視頻文件,並允許輸出為 Windows AVI、QuickTime 電影、Autodesk 動畫或圖像序列。用戶可以生成適當的 HTML 代碼,以便將動畫嵌入到網頁中,並且可以將動畫打包成獨立的 EXE 文件,以便通過電子郵件發布和在任何地方來查看。
u 製作主頁
製作主頁無非是添加文字、添加圖片、添加鏈接,跟用word沒什麼區別,經過簡單的學習後,你就會製作主頁了!但是,要作出高水平的主頁那要學的東西就太多了,不過總結起來就是html,圖形製作,動畫製作,頁面特效製作和後台程序製作幾個部分。
u 申請的主頁空間,把你製作的主頁傳上去
我們製作的頁面放在我們自己的計算機上,別人是不能看見的。為了讓別人看見我們製作的頁面,我們必須將他們放到一台和internet一直連接的計算機(伺服器)上。你可以到提供空間服務的站點申請主頁空間。有空間以後就可以利用響應的FTP(文件傳輸協議)工具軟體將我們製作的頁面傳上去。這樣,就可以讓大家來分享我的精彩頁面了。
常見的FTP工具軟體有cuteFTP、leapFTP等,其功能和使用方法都比較類似,具體使用方法可參見本站想應的文章。
可能你開始的主頁只是非常簡單, 但是這是你的第一步,也是良好的開端,然後再一步步學習:如何把網頁製作漂亮一些?如何製作動畫?對於新手,千萬不要一下子就想:我看到某某某網頁這么漂亮,它是怎樣做出來的?我很想馬上做出來,於是馬上就去研究復雜的網頁,這樣你會發現網頁製作很難,學兩下就放棄了,這樣永遠學不會製作主頁。想當初,我對於我的網頁能產生鏈接也高興了半天,於是產生了更大的興趣。記住:一步一步來,不要一下子想成為高手,否則很難成為高手。
3、請問 網頁設計 styl 的 一些參數 什麼意思?
a是超鏈接
a:hover是滑鼠滑鼠放到超鏈接上的時候,鏈接的樣式
hidden是隱藏,是display屬性值的一種
focus是獲取焦點
4、網路結構設計和參數選擇
9.2.2.1 拓撲結構
SOFM網路一般有三種拓撲結構:六角形(hextop)結構、矩形(gridtop)結構和隨機拓撲(randtop)結構。
(1)六角形拓撲結構
神經元分布在六邊形格點。如,hextop(2,3)=[0 1 0.5 1.5 0 1;0 0 0.866 0.8661.7321 1.7321],其拓撲結構如圖9.4所示。
圖9.4 六角形拓撲結構
(2)矩形拓撲結構
生成一個格點陣列拓撲結構。如,gridtop(2,3)=[0 1 0 1 0 1;0 0 1 1 2 2],其拓撲結構如圖9.5所示。
圖9.5 矩形拓撲結構
(3)隨機拓撲結構
神經元排列格式為隨機格點。如,randtop(2,3)=[0 0.8338 0.6732 1.47170.2030 0.6577;0.1940 0 0.7208 0.8619 1.3867 1.6807],其拓撲結構如圖9.6所示。
圖9.6 隨機拓撲結構
9.2.2.2 距離函數
SOFM網路有四種距離計算方式:
1)Boxdist:兩個位置向量之間的距離。運算原理為d(i,j)=max‖pi-pj‖,其中,d(i,j)表示距離矩陣中的元素,pi表示位置矩陣的第i列向量;
2)Dist:兩個神經元之間的歐幾里得距離。其計演算法則是D=sqrt(sum(x-y)2),其中x和y分別為列向量;
3)Linkdist:兩個神經元之間的路徑的步數和環節數,用於對給定神經元計算神經元之間的距離;
4)Mandist:計算神經元之間的曼哈頓距離,D=|x1-x2|+|y1-y2 |,其中xi,yi為點坐標。
9.2.2.3 學習函數
1)Learnk函數:kohonen權值學習函數,通過給定的神經元的輸入P、輸出A和學習率LR,該函數按照dw=LR*(P′-W)計算權值變化;
2)learnsom:自組織映射權值學習函數,對於給定的神經元輸入P、激活因子A2和學習率LR,通過dw=LR*A2 *(P′-W)調整權值;
3)learnis函數:instar權值學習函數,對於給定神經元的輸入P、輸出A和學習率LR,按照dw=LR*A*(P′-W)調整權值;
4)learnos函數:outstar權值學習函數,對於給定神經元的輸入P、輸出A和學習率LR,按照dw=LR*(A-W)*P′調整權值。
9.2.2.4 學習次數
學習次數對網路訓練結果的影響最直接,學習次數太少,易出現網路訓練不足,達不到精度的情況,學習次數太多,又會出現過擬合的現象,使訓練精度下降。
9.2.2.5 神經元個數
一般來講,根據所分類的問題去設置神經元個數,而且對於SOFM網路而言,神經元個數要大於分類問題的類別數,但神經元個數又不能太大,否則,會使得聚類結果的判別變得繁瑣。
5、網站製作技術參數如何設置
網站製作通俗的來說就是網站通過頁面結構定位、合理布局、圖片文字處理、程序設計、資料庫設計等一系列工作的總和,也是將網站設計師的圖片用HTML(標准通用標記語言下的一個應用)方式展示出來。
網站製作屬於前台工程師的一項任務,前台工程師任務包括:網站設計、網站用戶體驗、網站JAVA效果、網站製作等工作。網站製作是策劃師、網路程序員、網頁設計等崗位,應用各種網路程序開發技術和網頁設計技術,為企事業單位、公司或個人在全球互聯網上建設站點,並包含域名注冊和主機託管等服務的總稱。
6、網頁設計代碼
7、網頁上怎麼製作輸入參數大小來決定線段長短
首先,用哪個滑鼠點擊要繪制的圖形和或線段的圖標(也可以用快捷鍵)然後,在繪圖區域用滑鼠左鍵點擊一下,向右拖動,然後用鍵盤輸入相應的數據就可以了例如,你繪制一個圓。1、點圓繪制圖標(或快捷鍵C)2、用滑鼠左鍵在繪圖區域點一下
8、網站運營需要注意哪些參數
網站運營需要注意的參數有:
1、網站轉換率 Take Rates(Conversions Rates)
指標意義:衡量網站內容對訪問者的吸引程度以及網站的宣傳效果
2、回訪者比率 Repeat Visitor Share
指標意義:衡量網站內容對訪問者的吸引程度和網站的實用性,你的網站是否有令人感興趣的內容使訪問者再次回到你的網站。
3、積極訪問者比率 Heavy User Share
指標意義:衡量有多少訪問者是對網站的內容高度的興趣
4、忠實訪問者比率 Committed VisitorShare
指標意義:和上一個指標的意義相同,只是使用停留的時間取代瀏覽頁數,取決於網站的目標,你可以使用兩個中的一個或結合使用。
5、忠實訪問者指數 Committed VisitorIndex
指標意義:指的是每個長時間訪問者的平均訪問頁數,這是一個重要的指標,它結合了頁數和時間。
6、忠實訪問者量 Committed VisitorVolume
指標意義:長時間的訪問者所訪問的頁面占所有訪問頁面數的量
7、訪問者參與指數 Visitor EngagementIndex
指標意義:這個指標是每個訪問者的平均會話(session),代表著部分訪問者的多次訪問的趨勢。
8、回彈率(所有頁面)Reject Rate/Bounce Rate
指標意義:代表著訪問者看到的僅有的一頁的比率
9、回彈率(首頁)Reject Rate/Bounce Rate
指標意義:這個指標代表所有從首頁開始的訪問者中僅僅看了首頁的訪問者比率
指標意義:這個指標是所有內容型指標中最重要的一個,通常我們認為首頁是最高的進入頁面(當然,如果你的網站有其他更高的進入頁面,那麼也應該把它加入到追蹤的目標中,如推廣廣告等)。對任意一個網站,我們可以想像,如果訪問者對首頁或最常見的進入頁面都是一掠而過,說明網站策劃時在某一方面有問題。如果針對的目標市場是正確的,說明是訪問者不能找到他想要的東西,或者是網頁的設計上有問題(包括頁面布局、網速、鏈接的文字等等);如果網站設計是可行易用的,網站的內容可以很容易地找到,那麼問題可能出在訪問者的質量上,即市場問題。
10、瀏覽用戶比率 Scanning VisitorShear
指標意義:這個指標一定程度上衡量網頁的吸引程度。
指標用法:大部分的網站都希望訪問者停留超過一分鍾,如果這個指標的值太高,那麼就應該考慮一下網頁的內容是否過於簡單,網站的導航菜單是否需要改進。
11、瀏覽用戶指數 Scanning VisitorIndex
指標意義:一分鍾內的訪問者平均訪問頁數
指標用法:這個指數也接近於1,說明訪問者對網站越沒興趣,他們僅僅是瞄一眼就離開了。這也許是導航的問題,如果你對導航系統進行了顯著的改進,應該可以看到這個指數在上升;如果指數還是下降,應該是網站的目標市場及使用功能有問題,應該著手解決。將瀏覽用戶比率和瀏覽用戶指數結合起來使用,可以看出用戶是在瀏覽有用的信息還是厭煩而離開。
12、瀏覽用戶量 Scanning VisitorVolume
指標意義:在一分鍾內完成的訪問頁面數的比率
指標用法:根據網站的目標的不同,這個指標的高低有不同的要求,大部分的網站希望這個指標降低。如果是搞廣告驅動的網站,這個指標太高對於長期的目標是不利的,因為這意味著盡管你通過廣告吸引了許多的訪問者,產生很高的訪問頁數,但是訪問者的質量卻是不高的,所能帶來的收益也就會受到影響。
9、急求!!!網頁設計 HTML代碼大全
HTML標記_HTML大全_HTML標記大全_超文本標記語言
網頁(WebPage)文件主要是用超文本標記語言(HyperText Markup Language,簡稱HTML)語句來寫成。您可以通過IE瀏覽器的「查看」菜單中的「源文件」看到該頁的HTML代碼。HTML語言由一系列元素(element)組成,用於組織文件的內容和指導文件的輸出格式。元素名稱不分大小寫。一個元素可以有多個屬性,屬性及其屬性值不分大小寫。屬性名=屬性值合起來構成一個完整的屬性,一個元素可以有多個屬性,各個屬性用空格分開。元素又由標記(tag)的構成,大多數標記是成對出現的,分起始標記< >(start tag)和結尾標記</ >(end tag),以便和頁面的內容區分開來。其寫成的文件是標準的ASCII文件,不同於一般的編程語言,故稱為腳本(Script)更准確一點。其實也很簡單,特別是在專門的HTML編輯器的幫助下,您可以迅速地學會HTML,並能很快寫出有自己特色的Homepage來。
需要說明的是:各種瀏覽器對html元素及其屬性的解釋不完全一樣,如NC與IE是有區別的。
標 簽 內 容 備 注
基 本 標 簽 所有HTML文件都有的
<html>……</html> 表示文件類型為HTML文檔
<head>……</head> 設置文檔描述及其他不在WEB網頁上顯示的信息
<body>……</body> HTML文檔的主體(頁面的實際內容)
標 題 標 簽
<title>……</title> 在標題欄中顯示的題目(放在<head></head>內)
擴 展 屬 性 標 簽
<base>
基址標簽,為解決相對編址作參考值
<META>
將HTTP命令發給CONTENT=number;url允許,描述不包含在標准HTML里的文檔信息。使用詳解
<link>
提供將現行文檔與其它文檔或實體關聯起來的信息
<ISINDEX> 指明在伺服器上提供文檔的可以檢索的索引
<style>……</style> 允許包含樣式表(CSS)信息
頁 面 屬 性 標 簽 <body>……</body>標簽的擴展屬性。使用詳解
<body bgcolor=#……> 設置背景顏色,用名字或十六進制值
<body text=#……> 設置文本文字顏色,用名字或十六進制值
<body link=#……> 設置鏈接顏色,用名字或十六進制值
<body vlink=#……> 設置已使用的鏈接的顏色,用名字或十六進制值
<body alink=#……> 設置正在被擊中鏈接的顏色,用名字或十六進制值
文 本 標 簽
<pre>……</pre> 創建預格式化文本
<h1>……</h1> 創建最大的標題
<h6>……</h6> 創建最小的標題
<b>……</b> 創建黑體字
<i>……</i> 創建斜體字
<tt>……</tt> 創建打字機風格的字體
<cite>……</cite> 創建一個引用,通常是斜體
<em>……</em> 加重(通常是斜體加黑體)
<strong>……</strong> 強調(通常是斜體加黑體)
<font size=value></font> 設置字體大小,從1到7
<font color=……></font> 設置字體的顏色,使用名字或十六進制值
鏈 接
<a href="/URL"></a> 創建一個超鏈接
<a href="mailto:EMAIL"> </a> 創建一個自動發送電子郵件的鏈接
<a name="NAME"></a> 創建一個位於文檔內部的靶位
<a href="#NAME"></a> 創建一個指向位於文檔內部靶位的鏈接
格 式 排 版
<p> 創建一個新的段落
<p align=……> 將段落按左、中、右對齊
<br> 插入一個回車換行符
<blockquote>……</blockquote> 從兩邊縮進文本
<dl>……</dl> 創建一個定義列表
<dt> 放在每個定義術語詞之前
<dd> 放在每個定義之前
<ol>……</ol> 創建一個標有數字的列表
<li> 放在每個數字列表項之前,並加上一個數字
<ul>……</ul> 創建一個標有圓點的列表
<li> 放在每個圓點列表項之前,並加上一個圓點
<div align=……> 一個用來排版大塊HTML段落的標簽,也用於格式化表
圖 形 元 素
<img src="/name"> 添加一個圖像
<img src="/name" align=value> 排列對齊一個圖像:左中右或上中下
<img src="/name" border=value> 設置圍繞一個圖像的邊框的大小
<hr> 加入一條水平線
<hr size=value> 設置水平線的大小(高度)
<hr width=value> 設置水平線的寬度(百分比或絕對像素點)
<hr noshade> 創建一個沒有陰影的水平線
表 格
<table>……</table> 創建一個表格
<tr>……</tr> 開始表格中的每一行
<td>……</td> 開始一行中的每一個格子
<th>……</th> 設置表格頭:一個通常使用黑體居中文字的格子
表 格 屬 性
<table border=value> 設置圍繞表格的邊框的寬度
<table cellspacing=value> 設置表格格子之間空間的大小
<table cellpadding=value> 設置表格格子邊框與其內部內容之間空間的大小
<table width=value 或 %> 設置表格的寬度-用絕對像素值或文檔總寬度的百分比
<tr align=……> 設置表格格子的水平對齊(左中右)
<tr valign=……> 設置表格格子的垂直對齊(上中下)
<td colspan=value> 設置一個表格格子應跨占的列數(預設為1)
<td rowspan=value> 設置一個表格格子應跨占的行數(預設為1)
<td nowrap> 禁止表格格子內的內容自動斷行回卷
窗 框
<frameset>……</frameset> 放在一個窗框文檔的<body>標簽之前,也可以嵌在其他窗框文檔中
<frameset rows="value,value"> 定義一個窗框內的行數,可以使用絕對像素值或高度的百分比
<frameset cols="value,value"> 定義一個窗框內的列數,可以使用絕對像素值或寬度的百分比
<frame> 定義一個窗框內的單一窗或窗區域
<noframes>……</noframes> 定義在不支持窗框的瀏覽器中顯示什麼提示
窗 框 屬 性
<frame src="/URL"> 規定窗框內顯示什麼HTML文檔
<frame name="name"> 命名窗框或區域以便別的窗框可以指向它
<frame marginwidth=value> 定義窗框左右邊緣的空白大小,必須大於等於1
<frame marginheight=value> 定義窗框上下邊緣的空白大小,必須大於等於1
<frame scrolling=value> 設置窗框是否有滾動欄,其值可以是"yes","no","auto",預設時一般為"auto"
<frame noresize> 禁止用戶調整一個窗框的大小
表 單 對於功能性的表單,一般需要運行一個CGI小程序,HTML僅僅是產生表單的表面樣子。
<form>……</form> 創建所有表單
<select multiple name="NAME" size=value>………</select> 創建一個滾動菜單,size設置在需要滾動前可以看到的表單項數目
<option> 設置每個表單項的內容
<select name="NAME">……</select> 創建一個下拉菜單
<textarea name="NAME" cols=value rows=value>……</textarea> 創建一個文本框區域,列的數目設置寬度,行的數目設置高度
<input type="checkbox" name="NAME"> 創建一個復選框,文字在標簽後面
<input type="radio" name="NAME" value="x"> 創建一個單選框,文字在標簽後面
<input type=text name="……" size=value> 創建一個單行文本輸入區域,size設置以字元計的寬度
<input type="submit" value="NAME"> 創建一個submit(提交)按鈕
<input type="image" border=0 name="NAME" src="/name.gif"> 創建一個使用圖象的submit(提交)按鈕
<input type="reset"> 創建一個reset(重置)按鈕
附 加 屬 性
<PRE>……</PRE> 預置格式風格標簽用來顯示字體寬度固定的文本塊,主要用來在表格格式中顯示文本
<TT>……</TT> 打字機風格用來顯示打字機字體寬度固定的文本
<SAMP>……</SAMP> 示例風格以單倍距顯示文本
<ADDRESS>……</ADDRESS> 地址風格一般用於文檔的開始或結尾處,並以斜體格式顯示文本。
<DL>……</DL> 定義列表風格用來顯示術語及其定義
顏色
#=rrggbb 16 進制 RGB 數值,或者是下列預定義色彩:
Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本頁首部]
META標簽
描述不包含在標准HTML里的文檔信息。
<META NAME="keywords" CONTENT="yourkeyword">
<META NAME="description" CONTENT="your homepage's description">
本頁的關鍵字和描述。在頁面里加上這些定義後,一些搜索引擎就能夠讓讀者根據這些關鍵字搜索到您的主頁,了解你的主頁內容。
<META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm">
瀏覽器將在30秒後,自動轉到new.htm。您可用它製作一個封面,在若干時間後,自動帶讀者來到您的目錄頁。如果URL項沒有,瀏覽器就是刷新本頁。這就是WWW聊天室定期刷新的實現原理。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
描述本頁使用的語言。瀏覽器根據此項,就可以選擇正確的語言編碼,而不需要讀者自己在瀏覽器里選擇。GB2312是指簡體中文,而台灣BIG5內碼的主頁則是用BIG5。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
強制性調用網上的最新版本。瀏覽器為節約時間,在本地硬碟上保存一個臨時文件。在重新調用時,便直接顯示那個臨時文件。如果您想讓讀者每次都看到最新的版本,可加上句。[返回本頁首部]
LINK
顯示本文檔和其他文檔之間的連接關系。一個最有用的應用就是外部層疊樣式表的定位。格式如下:
<LINK REL="stylesheet" href="/style.css">REL參數說明兩個文檔之間的關系,HREF說明目標文檔名。關於層疊樣式表,將在後面的課程中詳述。[返回本頁首部]
BASE
本文檔的原始地址。語法:<BASE HREF="原始地址">當讀者下載您的文檔後,由此可以知道是從哪裡下載的。[返回本頁首部]
BODY
BODY標記有一些屬性,用於定義頁面內的顯示效果。 ALINK、LINK、TEXT、VLINK—— 文字的顏色。
ALINK:當前激活的連接的文字顏色。
LINK:連接的文字顏色。
TEXT:文字的顏色。
VLINK:參觀過的文字顏色。
注意:文字的顏色要和背景色有明顯的差別,以便讀者瀏覽。
BACKGROUND、BGPROPERTIES、BGCOLOR——頁面的背景部分。
BACKGROUND:背景圖案,該圖案在頁面內平鋪。背景圖案應保持單一色調,以保證頁面文字易於閱讀。
BGPROPERTIES:設置成FIXED,則背景圖案不滾動。(只對INTERNET EXPLORER有效)
BGCOLOR:背景色。
注意:如果你的背景圖案是深色調,因之文字顏色為淡顏色,那麼由於瀏覽器調用頁面的順序是「背景色-文字-背景圖案」,那麼在背景圖案沒有顯示的情況下,你的文字在白顏色下很難閱讀,所以應該選用一個跟你的背景圖案顏色一致的背景色。
LEFTMARGIN、TOPMARGIN——頁邊空白。(只對INTERNET EXPLORER有效)
LEFTMARGIN:左邊頁邊空白。
TOPMARGIN:頂端頁邊空白。
10、如果在photoshop中設計網頁那麼大小解析度參數多少呢?
網頁的話般班用RGB模式72象素就夠了,