導航:首頁 > 萬維百科 > 網頁設計具體主題

網頁設計具體主題

發布時間:2020-10-01 23:44:24

1、網站設計 用什麼主題好

用清新淡雅的主題。
網站設計元素主要包括:
1.名稱(就像QQ空間的空間名,位置居上方,可以是文字,也可以是圖片的藝術字)。
2.導航欄(就像QQ空間那一欄「主頁,相冊,留言版」什麼的,點一下可以鏈接到子頁面)
3.照片牆(可以放一些自己喜歡的照片,或者網上搜集的圖片)。
4.背景音樂(像QQ空間里的背景音樂,不過QQ里的要收費- -!你的個人網頁可以自己隨意放音樂哦,當別人進入你的個人網頁時就會自己播放音樂)。
5.個人資料(上面寫一些自己的年齡,愛好,性格,QQ啊,個性語句等等等)。個人網頁的主要宗旨就是——追求個性,大膽創造!

2、網頁的主題

網站是企業向用戶和網民提供信息(包括產品和服務)的一種方式,是企業開展電子商務的基礎設施和信息平台,離開網站(或者只是利用第三方網站)去談電子商務是不可能的。企業的網址被稱為「網路商標」,也是企業無形資產的組成部分,而網站是INTERNET上宣傳和反映企業形象和文化的重要窗口。企業網站設計顯得極為重要,下面是一些網站設計中應注意的原則。
一、 明確建立網站的目標和用戶需求
Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑,因此必須明確設計站點的目的和用戶需求,從而做出切實可行的設計計劃。要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,牢記以「消費者(customer)」為中心,而不是以「美術」為中心進行設計規劃。在設計規劃之初同樣考慮:建設網站的目的是什麼?為誰提供服務和產品?企業能提供什麼樣的產品和服務?網站的目的消費者和受眾的特點是什麼?企業產品和服務適合什麼樣的表現方式(風格)?
二、總體設計方案主題鮮明
在目標明確的基礎上,完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位,規劃網站的組織結構。 Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則採用多媒體表現手法,提供華麗的圖像、閃爍的燈光、復雜的頁面布置,甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。 要做到主題鮮明突出,要點明確,以簡單明確的語言和畫面體現站點的主題。調動一切手段充分表現網站點的個性和情趣,辦出網站的特點。Web站點主頁應具備的基本成分包括: 頁頭:准確無誤地標識你的站點和企業標志; Email地址:用來接收用戶垂詢; 聯系信息:如普通郵件地址或電話; 版權信息:聲明版權所有者等。 注意重復利用已有信息。如客戶手冊.公共關系文檔.技術手冊和資料庫等可以輕而易舉地用到企業的Web站點中。
三、網站的版式設計
網頁設計作為一種視覺語言,要講究編排和布局,雖然主頁的設計不等同於平面設計但它們有許多相近之處,應充分加以利用和借鑒。 版式設計通過文字圖形的空間組合,表達出和諧與美。一個優秀的網頁設計者也應該知道哪一段文字圖形該落於何處,才能使整個網頁生輝。 多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來,特別要處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果,應講究整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
四、色彩在網頁設計中的作用
色彩是藝術表現的要素之一。在網頁設計中,根據和諧、均衡和重點突出的原則,將不同的色彩進行組合.搭配來構成美麗的頁面。 根據色彩對人們心理的影響,合理地加以運用。按照色彩的記憶性原則,一般暖色較冷色的記憶性強;色彩還具有聯想與象徵的物質,如紅色象徵血、太陽;藍色象徵大海、天空和水面等。所以設計出售冷食的虛擬店面,應使用淡雅而沉靜的顏色,使人心理上感覺涼爽一些。網頁的顏色應用並沒有數量的限制,但不能毫無節制地運用多種顏色,一般情況下,先根據總體風格的要求定出一至二種主色調,有CIS(企業形象識別系統)的更應該按照其中的VI進行色彩運用。
在色彩的運用過程中,還應注意的一個問題是:由於國家和種族.宗教和信仰的不同, 以及生活的地理位置.文化修養的差異等,不同的人群對色彩的喜惡程度有著很大的差異。如:兒童喜歡對比強烈.個性鮮明的純顏色;生活在草原上的人喜歡紅色;生活在鬧市中的人喜歡淡雅的顏色;生活在「沙漠」中的人喜歡綠色。在設計中要考慮主要讀者群的背景和構成。
五、網頁形式與內容相統一
要將豐富的意義和多樣的形式組織成統一的頁面結構,形式語言必須符合頁面的內容,體現內容的豐富含義。 運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關系建立整體的均衡狀態,產生和諧的美感。如對稱原則在頁面設計中, 它的均衡有時會使頁面顯得呆板,但如果加入一些富有動感的文字、圖案,或採用誇張的手法來表現內容往往會達到比較好的效果。 點、線、面作為視覺語言中的基本元素,要使用點、線、面的互相穿插、互相襯托、互相補充構成最佳的頁面效果。網頁設計中點、線、面的運用並不是孤立的,很多時候都需要將它們結合起來,表達完美的設計意境。
六、三維空間的構成和虛擬現實
網路上的三維空間是一個假想空間,這種空間關系需藉助動靜變化.圖像的比例關系等空間因素表現出來。 在頁面中,圖片、文字位置前後疊壓,或頁面位置變化所產生的視覺效果都各不相同。圖片、文字前後疊壓所構成的空間層次目前還不多見,網上更多的是一些設計比較規范、簡明的頁面,這種疊壓排列能產生強節奏的空間層次,視覺效果強烈。 網頁上常見的是頁面上、下、左、右、中位置所產生的空間關系,以及疏密的位置關系所產生的空間層次,這兩種位置關系使產生的空間層次富有彈性,同時也讓人產生輕松或緊迫的心理感受。 現在,人們已不滿足於HTML語言編制的二維Web頁面,三維世界的誘惑開始吸引更多的人,虛擬現實要在Web網上展示其迷人的風采,於是VRML語言出現了。VRML是一種面向對象的語言,它類似Web超級鏈接所使用的HTML語言,也是一種基於文本的語言,並可以運行在多種平台之上,只不過能夠更多地為虛擬現實環境服務。
七、多媒體功能的利用
網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力,頁面的內容可以用三維動畫、FLASH等來表現。但要注意,由於網路帶寬的限制,在使用多媒體的形式表現網頁的內容時應考慮客戶端的傳輸速度。
八、網站測試和改進
測試實際上是模擬用戶詢問網站的過程,用以發現問題並改進設計。要注意讓用戶參與網站測試。
九、內容更新與溝通
企業Web站點建立後,要不斷更新內容。站點信息的不斷更新,讓瀏覽者了解企業的發展動態和網上職務等,同時也會幫助企業建立良好的好象。 在企業的Web站點上,要認真回復用戶的電子郵件和傳統的聯系方式如信件.電話垂 詢和傳真,做到有問必答。最好將用戶的用意進行分類,如售前一般了解.售後服務等,由相關部門處理,使用站訪問者感受到企業的真實存在並由此產生信任感。 注意不要許諾你實現不了的東西,在你真正有能力處理回復之前,不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。 如果要求訪問者自願提供其個人信息,應公布並認真履行個人隱私保承諾。
十、合理運用新技術
新的網頁製作技術幾乎每天都會出現,如果不是介紹網路技術的專業站點,一定要合理地運用網頁製作的新技術,切忌將網站變為一個製作網頁的技術展台,永遠記住用戶方便快捷地得到所需要的信息是最重要的。 對於網站設計者來說,必須學習跟蹤掌握網頁設計的新技術如Java、DHTML、XML等,根據網站的內容和形式的需要合理地應用到設計中。

3、網頁設計該用什麼主題好

這個看你主題定位
高冷黑、或是淺色清新、或是溫馨浪漫的
可以多去參考類似行業的
找下靈感

4、製作網站時選擇什麼樣的網站主題

首先確定視頻長度,是5分鍾、10分鍾、15分鍾還是30分鍾的。
其次是你手上或者周邊朋友中擁有的資源是哪些。雖然現在拍攝製作視頻的門檻越來越低、所需資金也在降低,但是有一定的要求的,如果你手上什麼資源都沒有,你有好的主題也沒用。
第三就是,你喜歡什麼樣的主題?你擅長什麼樣的主題?
第四,考慮到觀眾的喜好,一般以愛情、民生、青春為主題吧。一般觀看視頻的是年輕人,很多時候,你所關注的,就是他們想看的。雖不全中,亦不遠也。

5、網頁製作主題

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>我的網頁</title>
<link href="style/styles.css" type="text/css" rel="stylesheet" />
</head>

<body>
</body>
在title 中間加你要寫的主題就可以了

6、網頁製作應選什麼主題啊

健康向上的,這樣容易有得分好感,或者最近最受關注的時事主題等…環保什麼的是不論何時都是好的主題,而且可以有多個方面出發

7、大學生網頁設計大賽主題

你先根據主辦方的身份來做個選擇
如果是某個公司主辦的,那麼你先查一下這個公司是做哪個行業的,針對行業來做主題;
如果是單位個人主辦的,那麼你可以考慮另類一點的主題,比如科幻類、魔幻類或者突出個人個性等作為主題;
如果是某個學校主辦的,那你可以以社會類的作為主題,比如公益類、創業類、交流平台等作為主題;

其實設計比賽比較重視突出個性這一塊,你做的設計要突出你的個人風格並且要出跳顯眼,作為一個專業的網頁設計師工作後是無法完全確定工作內容的主題的,設計師的作品是自己設計風格的展現!

一般作為學生這個階段的比賽,你可以選擇科幻創新類的主題比較穩妥,思想要往幾十年後甚至幾百年後發展。

這只是我的個人建議,不過你連主題都確定不了還要來這問,就說明了你的設計思路不夠清晰,沒有明確的設計目標,這次比賽你就當是一次鍛煉吧

8、需要一份html教程的網頁製作,主題是我的個人網頁,

這是我在大學學的知識
給你借鑒一下 ,希望對你有幫助
網頁設計教程
<html>文字操作(一)
1、段落 <p>……</p>
在dreamweaver設計界面中,enter(回車)即為另起一段。
2、換行 <br/>
在dreamweaver設計界面中,shift+enter即為另起一段。
3、標題1~6 <h1>……</h1>
標題1最大,依次變小。
4、空格:
Dreamweaver 只允許一次空格,如果需要使用連續空格,則需要設置,或使用 ;
或使用快捷鍵:ctrl+shift+space(空格鍵)
5、水平線 <hr>
size:水平線的粗細
width:長度
align:對齊方式
<htlm>文字操作(二)
一、幾個文字特殊效果
1、加粗<b></b> <strong></strong>
2、傾斜<i></i> <em></em>
3、上標<sup></sup>(適合用代碼來實現,設計中無法完成)
4、下標<sub></sub>(適合用代碼來實現,設計中無法完成)
隨著css的逐漸普及,文字的效果都更多的通過css來實現,以上的幾個標簽作為了解即可。
二、文字列表
1、無序列表
無序列表有兩個標簽<ul>和<li>
<ul>
<li>CSS教程</li>
<li>DOM教程</li>
<li>XML教程</li>
<li>Flash教程</li>
</ul>
2、有序列表
有序列表有兩個標簽<ol>和<li>
<ol>
<li>CSS教程</li>
<li>DOM教程</li>
<li>XML教程</li>
<li>Flash教程</li>
</ol>
圖片
一、如何獲取圖像
最好的途徑是通過互聯網
二、使用設計界面插入圖像
1、菜單(一個圖片屬性:替換文字)
2、工具欄
3、拖曳
三、圖像格式擴展閱讀:
http://blog.sina.com.cn/s/blog_45ac0d0a010005d8.html
JPEG圖像、GIF圖像、PNG圖像

四、代碼
<img src=" " width=" " height=" " alt=" "/>

一、超級鏈接的基本知識
1、含義:實現網頁之間的跳轉和聯系
2、分類:
絕對鏈接 http://www.baidu.com
相對鏈接 在同一站點不同位置之間的鏈接
二、三種常見的超級鏈接
1、文字鏈接<a href="http://www.baidu.com">百度</a>
2、圖像鏈接
3、圖像熱點鏈接
===============
還有不是太常用的鏈接
1、空連接 <a href="#">空連接</a>
2、錨鏈接:在同一頁面的不同位置跳轉
三、鏈接的屬性
鏈接目標 <a href="http://www.baidu.com" target="_blank">百度</a>

表單設計
一、設計界面
1、單元格間距
2、單元格邊距
二、代碼
1、從屬關系:表格由行組成,行由單元格組成。
表格:<table>……</table>
行:<tr>……</tr>
單元格:<td>……</td>
2、<table>標簽的屬性
bgcolor:背景色
cellspacing:表格的單元格間距(間距)
cellpadding:表格的單元格邊距(填充)
文字占據一行<div></div>
文字不佔據一行<span></span>
、html引入css的幾種方法
1、鏈接式
將css代碼寫在一個獨立的文件中,文件的擴展名為.css。然後在html網頁中使用<link/>標簽將外部css文件放在<head></head>之間。舉例:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<link href="tp.css" rel="stylesheet" type="text/css">
</head>
2、嵌入式
將Css代碼寫在<head></head>之間,並且用<style></style>包含起來,如果考慮到兼容性,可以再使用<!-- --> 將css代碼包含其中。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
<!--
p {
font-family: "楷體_GB2312";
font-size: 18px;
}
-->
</style>
</head>
1.標簽選擇器:
就是網頁元素本身,所有的XHTML框架中的標簽都可以作為CSS樣式的選擇器,如定義段落樣式,我們可以選擇P標簽的名稱,即把P作為選擇器。P{/*定義段落屬性*/}。如果定義了標簽樣式,則整個網頁中使用了該標簽都會應用這個樣式。一般應用在統一文檔的某個元素的顯示樣式中。
2.ID選擇器:
它是唯一的,網頁中不同的元素它的ID是不一樣的。而且一個元素它只能應用一個ID。因為如果我們使用Javascript來控制網頁元素的時候它是通過ID來實現的,在這種情況下就無法正常工作了。它在定義的時候用#開始,它在應用的時候用id=」」。它的名稱由設計者來確定。
3. 類選擇:
它的名稱也是由設計者來確定的,它在定義的時候用點號開始,應用的時候用class=「」;它與ID選擇器所不同的是它具有一對多的特性而ID是一對一的特性。也就是說一個類選擇器它可以應用到多個網頁元素中而且一個元素可以應用多個類,一個元素也可以應用兩個類樣式,中間用空格分開,但不能是三個或者更多。在同等條件下,ID具有比class更高的優先權。
1、復雜類選擇器
p.one{color:red}
實例:
<style>
.one{color:red;}
p.two{color:blue;}
</style>
.one可以用於各種標簽;而。two只能用於p標簽。
2、後代選擇器
div p{color:#00FF00}
例子:
<div>
<h1>這是一個標題。</h1>
<p>我是一個兵。</p>
</div>
3、組合選擇器(集體聲明)
p,h1,.one{color:red}
4、通用選擇器
對html文檔的所有元素進行控制。
*{color:red;}
5、偽類選擇器
a:link;hover;visited;active
或者:a.one:link;a#two:link
當用css定義鏈接的各種狀態時,一定要注意其書寫順序,即::link :visited :hover :active。
如果不按照該順序書寫可能無法達到自己希望的效果。
一、屬性
1.大小 font-size
大小就是字型大小,可以直接填入數字,然後選擇單位。
2.樣式
font-style
設置文字的外觀,包括正常、斜體、偏斜體。
3.行高 line-height
這項設置在網頁製作種很常用。設置行高,可以選擇「正常」,讓計算機自動調整行高,也可以使用數值和單位結合的形式自行設置。需要注意的是,單位應該和文字的單位一致,行高的數值是包括字型大小數值在內的。例如,文字設置為12pt,如果要創建一倍行距,則行高應該為24pt。
4.修飾 font-decoration
文本的特殊樣式:上下劃線、刪除線、閃爍(IE不支持此效果)
5.粗細 font-weight
設置文字的加粗還是變細的效果。
6.顏色 color
設置文字的色彩。
顏色的表示方法常見的有RGB模式、十六進制模式和名稱模式。
7.字體 font-family
設置文字的字體,注意多個字體的選擇。
8.文本對齊 text-align
設置文本的水平對齊方式。 這里也不僅僅局限於文字,泛指所包含的內容。
9.文字縮進 text-indent
這是最重要的項目。中文文字的首行縮進就是由它來實現的。首先填入具體的數值,然後選擇單位。文字的縮進和字型大小要保持統一。如字型大小為12px,像創建兩個中文自的縮進效果,文字縮進就應該為18px。
二、屬性值:css中的單位
1、大小單位:px和em
2、顏色單位:red和#00ff00
三、css背景
1、背景色:background-color: (5-1)
2、背景圖片:background-image:url(^);(5-3)
3、背景圖片的重復方式:background-repeat:(5-5)
4、背景圖片的位置:background-position:top right;(30% 70%;水平位置 垂直位置)(300px 30px;)(5-8)
5、背景圖片的固定與否:background-attachment:scroll;(fixed;)背景是否與網頁內容一起滾動。(5-10)
fixed:背景不動,內容動;scroll:背景和內容一起滾動
6、背景圖片的綜合樣式:background:blue url(……) no-repeat fixed 5px 10px;
7、列表樣式:list-style:

9、關於網頁製作主題。

環保,永遠的主題,素材還好找。

與網頁設計具體主題相關的知識