導航:首頁 > 萬維百科 > 網頁設計七大常用

網頁設計七大常用

發布時間:2020-09-10 05:10:41

1、網頁設計的一些常用代碼有哪些?

"這個我只能舉例兩個了!!
點擊返回上頁代碼:

以下為引用的內容:<form> <p><input TYPE=""button"" VALUE=""返回上一步"" ONCLICK=""history.back(-1)""></p> </form>

彈出警告框代碼:

以下為引用的內容:<form> <p><input TYPE=""button"" VALUE=""彈出警告框"" ONCLICK=""AlertButton()""></p> </form> <script language=""JavaScript""><!-- function AlertButton(){window.alert(""要多多光臨呀!"");} // --></script>"

2、網頁設計的常用工具有哪些,簡單回答每種的不同

工具類
dreamweaver 主要用來網頁布局,整合各種資源。
photoshop 主要用來做圖像,一般先用photoshop做效果圖,UI等。
flash也用,不過目前少了點。主要用來製作網頁動畫,可以全站用flash做(不推薦)。
-------------------
前端語言類
html 這個很重要的語言,一定要去了解。
javascript 網頁特效類,滑鼠響應類等
---------------------------------
後端語言類
PHP,ASP.NET等
資料庫
MYSQL , MS SQL

3、網頁設計要用到哪些軟體?

FLASH動態圖象,視頻處理,這個不用多說。
PHOTOSHOP圖片處理
Dreamwaver傳統的專業網頁網站製作軟體。
還有一個相片處理的軟體Macrmedia Fireworks ,處理成品相片特別是網頁圖片鏈接這一塊比PHOTOSHOP要好點。
一些網頁的製作鏈接,主頁和分頁的製作。在Dreamwaver都可以實現。不會的話上面會有新手教程。
製作好了之後還有一個網站上傳的軟體,這個太多,你可以自己去搜一下,各種軟體都是不錯的。

首先你要申請到一個網站域名,然後再到伺服器上申請一個空間,把這個空間和你的域名綁定。然後按照提示。把你的網站源文件上傳到指定的空間系統文件夾中。這樣。你就可以訪問你的網站了。
最好,你先學一下製作網站後台,如果你學會了這個,那麼這些軟體基本上用不著。只是圖片處理一下,需要改動的網站格局在你的後台就可以改動。也更加便於你的管理。

4、網頁設計中常用的工具有哪些?輔助工具有哪些?

2 . HTML 入門例子
HTML入門例子 -- 自己可以嘗試編輯
HTML 入門例子示例 -- 可以嘗試編輯

* 在網頁中輸入文字
* 定義一個段落
* 定義多個段落
* 在一個段落中換行
* 為網頁加上水平分割線
* 定義文字的顏色
* 定義網頁的背景顏色
* 嘗試鏈接到百度和google

好通過上面的演練有點感覺了吧?下面開始詳細學習:)

<1>打開記事本:點擊"開始"--選擇"程序"--選擇"附件"--選擇"記事本"

<2>輸入下面代碼(直接拷貝過去就可以啦)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html>
<head>
<title> 歡迎來到夢之都 </title>
</head>
<body>
<p>這是我的第一個網頁,在這里
<a href="http://www.dream.com/xhtml/">
盡情學習HTML吧!
</a>吧!
</p>
</body>
</html>

<3>點擊"文件"--選擇"保存"--選擇文件類型為"所有文件"--文件名輸入"dream.html"並選擇文件保存地址.(記住一定要把文件的後綴存為.html或.htm,否則網頁無法顯示)

<4>現在我們可以雙擊這個文件.看看效果吧 .
現在解釋一下上面的例子:

* HTML文件就是一個文本文件.文本文件的後綴名是.txt,而HTML的後綴名是.html.
* <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">代表文檔類型,大致的意思就是:遵循嚴格的XHTML1的格式書寫.具體文檔類型後面有介紹(見文檔類型),現在只要照寫就形.
* HTML文檔中,第一個標簽是<html>.這個標簽告訴瀏覽器這是HTML文檔的開始(見html標簽).
* HTML文檔的最後一個標簽是</html>,這個標簽告訴瀏覽器這是HTML文檔的終止.
* 在<head>和</head>標簽之間的文本是頭信息.在瀏覽器窗口中,頭信息是不被顯示在頁面上的(見head標簽).
* 在<title>和</title>標簽之間的文本是文檔標題,它被顯示在瀏覽器窗口的標題欄(見title標簽).
* 在<body>和</body>標簽之間的文本是正文,會被顯示在瀏覽器中(見body標簽).
* 在<p>和</p>標簽代表段落(見p標簽).
* <a>和</a>定義了一個超鏈接,用戶只要點擊了"盡情學習",就可以鏈接到http://www.dream.com網站(見a標簽).

引用網址:http://www.dream.com/xhtml/novice/
幾個問題:
我只能使用記事本做編輯器嗎?

答:有很多編輯器可以使用,一些所見即所得的編輯器,比如Dreamweaver,Frontpage你可以很容易創建一個頁面,而不需要編寫代碼,但有可能產生一些垃圾代碼.

如果你想成為一名熟練的網路程序開發者,我強烈建議你用純文本編輯器編寫代碼,這有助於學習HTML基礎.當然也可以使用比較強大的文本編輯器,比如:EditPlus UltraEdit.

猴子推薦: 編輯網頁時可以同時使用Dreamweaver與EditPlus,Dreamweaver的強大功能可以快速的產生大量代碼,再通過EditPlus修正完善代碼.
我編寫完了HTML文件,但是雙擊後並不能在瀏覽器中看到結果,為什麼?

答:請確認你保存了文件,並且使用了正確的文件名和擴展名,例如:dream.html,並且確認你用瀏覽器打開的是同樣的文件.
我編輯了HTML文件,但是修改結果並沒有在瀏覽器中顯示,為什麼?

答:瀏覽器緩存了你原先的頁面,所以它不會讀取新的頁面.你修改了這個頁面,瀏覽器並不知道.請使用"刷新/重載"按鈕來強迫瀏覽器讀取編輯過的頁面,或按F5反復刷新.
怎麼顯示文件擴展名?

答:打開"我的電腦"--選擇"工具"--選擇"文件夾選項"--選擇"查看"--去掉"隱藏已知文件類型的擴展名"的對勾.

顯示文件擴展名

猴子推薦: FireFox瀏覽器在編輯網頁時是不可或缺的,我們應該同時使用IE與FireFox查看網頁效果.
延伸閱讀

* CSS 入門例子

5、網站建設的七大標準是什麼?

山東誠逸科技提醒您
網站製作公司必須遵循的七大標准:
一、網站主題規劃主題不可過於分散,網站主題越集中,一般情況下網站所有者在這方面投入的精力會更多,因此所提供信息的質量也會越高。
二、豐富網站內容兩者相輔相成,有著豐富內容的通常會受訪問者的歡迎。但是這里的內容豐富並不是指內容的繁雜,而是指內容的深度。搜索引擎在排名網站時,不僅要看網頁的信息相關度,同時也會考慮網站的聲望如何,比如外部鏈接有多少,網頁的點擊率有多高等等。因此一個內容充實的網站肯定會排在內容貧乏的網站前面由於不同的搜索引擎在網頁支持方面存在差異,因此在網頁設計時不要只注意外觀漂亮,許多平常設計網頁時常用到的元素到了搜索引擎那裡會產生問題。
三、框架結構有些搜索引擎(如FAST)是不支持框架結構的,他們的"蜘蛛"程序無法閱讀這樣的網頁。圖象區塊(Image Maps),除谷歌明確支持圖像區塊鏈接,其他引擎是不支持它的。當"蜘蛛"程序遇到這種結構時,往往會感到茫然不知所措。因此盡量不要設置鏈接。
四、特效鏈接有不少的網站為導航鏈接加上了特效,如點擊某個項目會展開下層鏈接等。這些效果一般通過Java 實現,視覺上非常新穎,但在"蜘蛛"程序的眼裡則沒那麼誘人,相反它無法解讀這種鏈接。為了讓搜索引擎順利檢索到網頁,建議還是犧牲掉一些花哨的東西。
五、FLASH雖然FLASH製作的網頁視覺效果較好,但搜索引擎對此卻不太感冒,個案表明這一類的網站很難被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH網頁兩種選擇,這樣即增加了網頁的觀賞性,又照顧到了搜索引擎的情緒。
六、動態網頁任何地址中帶「?」號、「&」號(及其他類似符號)的網頁都會把「蜘蛛」程序擋在門外。這些網頁通常由 CGI、PHP、ASP、JSP等程序產生,技術上較先進,但不適合搜索引擎的「蜘蛛」程序。
七、代碼質量當創建一個網站,它是很好的做法,以符合標准。這通常是通過描述指定元件做什麼。不符合標準的網站無法使用或容易出錯的,標准可以涉及到正確的頁面布局的可讀性,以及確保適當地關閉了編碼元素。這包括代碼中的錯誤,代碼為更好的布局,以及確保你的ID和class的正確識別。

6、網頁設計中常用的基本工具有哪些?

dreamweaver/EditPlus:編碼
photoshop/fireworks:製作效果圖、動畫
flash:製作動畫

7、網頁設計中最常用的字體有哪些

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之後默認也有安裝。

與網頁設計七大常用相關的知識