導航:首頁 > 萬維百科 > 網頁設計師個人標簽

網頁設計師個人標簽

發布時間:2021-02-16 16:55:17

1、求網頁設計常用的標簽和標簽的功能

h1-h2-h3-h4--標題
div----------塊
p------------段落
span---------元素
a------------鏈接
img----------圖片

這幾個是最常用的

2、一個網頁設計師需要哪些能力?

大大小小的 WEBSITE 也一個一個標新立異,網頁設計是最能體現出一個網站的氣質與特色,因此網頁設計顯得尤為重要。而掌控網頁設計的網頁設計師們則是掌控網站靈魂的藝術家,並且他需要具備
伴隨著互聯網產業的欣欣向榮,網頁設計已經成為時下較為流行的行業。大大小小的 WEBSITE 也一個一個標新立異,網頁設計是最能體現出一個網站的氣質與特色,因此網頁設計顯得尤為重要。而掌控網頁設計的網頁設計師們則是掌控網站靈魂的藝術家,並且他需要具備很多元素。
首先要具備審美的能力,作為一名網頁設計師。而網頁設計就相當於平面設計,網頁設計師可以將平面設計中的審美觀點套用到這上面來(其區別是動態網頁的製作是平面設計不能達到一種審美方式的延伸)所以平面設計上的審美的觀點在網頁設計上非常實用。如對比、均衡、重復、比例、近似、漸變以及節奏美、韻律美等等,以及色彩的搭配顯示出的輕快活潑的美,這些都能在網頁上顯示出來,反映設計師高超的審美能力 . 因此要使自己的網頁具有美感,不具備審美能力是不行的這要求設計師平時多多的積累,仔細的觀察的基礎上多分析美的來源,並靈活的將這種理解了美在自己的作品中表現出來。只有這樣才能使自己的審美能力達到一定的高度。而我經常看到一些網頁里用的基本幾何形體錯綜復雜,用色花里胡哨,讓人目不暇接,真有一種 " 亂花漸欲迷人眼 " 感覺,但是得到什麼呢?美的享受?當然沒有,有興趣得到更多的信息嗎?首先自己就討厭,怎麼還談得上感興趣?這是一種典型的失敗,一味的追求顯眼、追求吸引人,這種做法取得的效果適得其反。當然並不是頁面做得好看,具有美感網頁就一定讓人感興趣,這也建立在一定好的內容的基礎上,假如什麼內容都沒有,也是不能吸引人的只是網頁的界面設計應該還是要以布局的美為標准,有規律可循,這也是網頁設計師的責任。
掌握了專業技能的同時,一名出色的網頁設計師。掌握最新的技術也是很重要的打個比方:原來的網頁全是如同文本編輯一樣,圖片的定位就相當困難,往往要求助於表格,很多時候就要表格加表格,表格里插表格,這就需要熟練的掌握表格的應用。而且還很難達到目標,有時不得不更改一些自己的目標。這有時是牽一發而動全身的現在呢? Dreamweav 和 Frontpage2000 出現後,採用了高級的 Dhtml 技術以層的形式和定位功能將這個問題輕松的解決了很多設計師卻只重視網頁的設計製作軟體的使用,而忽視一些內部技術方面的知識。這也不行的例如如果不掌握 ASP 技術網頁設計師的知識是不完善的就不能做一些好的交互以及查詢等等系統,還有一些資料庫以及本身的 HTML DHTML javascript 和 CSS 技術。
沒有自己的風格是很悲哀的一件事,一個好的網頁設計師必須要有自己的風格。一味的 COPY 只會帶來永久的負面效應。

3、個人標簽怎麼寫

最常用的三個控制項是標抄簽、文本框和命令按鈕。幾乎所有用Visual
Basic編寫的應用程序都要用到這三個控制項。
標簽是一個用於顯示文本的圖形控制項。由於標簽是圖形控制項,所以用戶不能編輯文本。標簽控制項最常用於標識不具有Caption屬性的控制項,如文本框。
可以使用Caption屬性來修改顯示在標簽控制項中的文本。在設計的時候,可以從控制項的屬性窗口中選中並設置這個屬性。
在運行時,可以把標記的Caption屬性設置為提供給用戶的指導或附加的幫助性文字。
希望我能幫助你解疑釋惑。

4、網頁設計師具備哪些能力

因為我也做過網頁設計、網站程序開發,以我的角度簡單的說一說:

1、有良好的審美觀。這種審美觀必須是符合大眾的,除非做的網頁只是給自己看。

2、刻苦專研的精神。一個好的設計師都不是天生的,每一點進步都是通過汗水換來的,photoshop、Dreamweaver、flash、Illustrator等軟體技能必須熟練。

3、良好的溝通能力。想按照自己創意做出令客戶滿意的作品,溝通能力是必不可少的,很多時候要說服客戶採納自己的觀點,不然自己的創意只能存在自己的電腦里。

5、設計師必備的個人標簽有哪些?

慣用風格、色調、選材、內含等,最重要的就是設計師和古代書法家一樣,在自己的做品種會有隱藏的小「簽名」,這就不好列舉了,因為每個設計師都有自己的個性,因此隱藏「簽名」的種類和形式也各不相同

6、網頁設計師新手求職簡歷怎麼寫

我以前就干過網頁設計師,在這方面可以給個指導意見。既然你是學網頁設計的,你肯定要從事和網頁設計方面的工作。我看了你上面的介紹,你是學習電信專業的,雖然和網頁設計存在一定聯系,但你不是科班出生。你熟悉html,html標簽只是給網頁排版的,但是只懂得 html還不夠。一名合格網頁設計師要同時熟練掌握ps、Dreamweaver、fireworks和flsah,最起碼要掌握ps、Dreamweaver或者fireworks和Dreamweaver。你知道設計師從設計、排版都要自己一個人完成,如果你能單獨的設計出一個網頁作品,這個作品還過得去,那麼我認為你基本是勝任這份工作的。我認為 你的簡歷要這么寫:1、先講一下自己那個學校畢業,專業是什麼,有什麼作品。2、自己精通什麼設計方面的東西,曾經在哪裡實習過,得到實習公司的好評之類的話。3、簡歷中注意不要誇誇奇談,要實事求是。4、待遇方面不要漫天要價,因為你才從學校中出來,實際經驗不多,你這一時期主要的邊學變干,從工作中學到經驗。5、說點套話、好話。我相信你參考一下我給你的這些建議,結合自己的實際就一定能應聘成功的。祝你「早日找到好工作」

7、需要一份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:

與網頁設計師個人標簽相關的知識