網頁設計新建

1、網頁設計模版是什麼?應該怎麼設計？

網頁模板就是已經做好的網頁框架，使用網頁編輯軟體輸入自己需要的內容，再發布到自己的網站。每個網頁模板壓縮包內包含：PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和字體文件，推薦使用Dreamweaver軟體向網頁模板添加內容。

創建和設置

1)模板的概念：作為創建其它文檔的樣板的文檔。創建模板時，可以說明哪些網頁元素不可編輯，哪些元素可以編輯。其擴展名為.dwt。

2)模板的作用：有利於保持網頁風格的一致;提高工作效率。

1.創建模板

1)創建一個全新的模板：在模板面板中，使用快捷菜單按鈕或單擊面板上的新建按鈕

模板面板的打開：Window菜單--Templates

2)創建基於文檔的模板：File菜單-Save As Template

2.設置模板頁面屬性

1)用模板創建的文檔繼承模板的頁面屬性，頁標題除外。

2)設置：Modify菜單-Page Properties

3.定義模板的可編輯區

1)定義模板的可編輯區

在模板文檔中選定對象、Modify菜單、Templates、New Editable Region

2)取消可編輯區標記

Modify菜單-Templates-Remove Editable Region

應用和更新

1.應用模板創建文檔

1)應用模板創建文檔

使用模板創建新文檔：File菜單-New From Template

或：File菜單-New-從模板面板中拖一個模板到文檔

對現有文檔應用模板：Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select

或：從模板面板中拖一個模板到文檔中

或：從模板面板中選定一個模板，單擊Apply

2)可編輯區和鎖定區

在應用了模板的文檔中，只有可編輯區的內容才可以修改。

3)把頁面從模板中分離出來

如果要對應用了模板的頁面的鎖定區進行修改，必須先把頁面從模板中分離出來。

具體操作：Modify菜單-Templates-Detach From Template

2.修改模板

在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成後保存

3.更新站點中使用模板的所有文件

Modify菜單-Templates-Update Pages

2、用html如何製作一個簡單的網頁代碼？

1、首先，在計算機桌面上創建一個新文件夾，然後在該文件夾中創建一個新的文本文檔。

2、然後雙擊打開帶有記事本的文本文檔，如下圖所示，我們編寫一個簡單的html代碼。

3、單擊「另存為」的功能選項，顯示默認保存為編碼為ANSI。

4、我們將更改編碼和文件名，將其更改為如圖所示的圖像並保存。

5、然後返回到新創建的文件夾，發現有一個額外的html文件。

6、最後，使用瀏覽器打開html文件，效果如圖所示，簡單的網頁被成功編寫。

3、怎麼用網頁設計創建本頁面的鏈接

1)首先你要注冊一個域名(例如:www.***.com),現在也有免費的二級域名可以申請,到百度搜索一下:免費的二級域名申請,可以找到.
(2)你得去申請一個空間(就是你放網頁的地方),同樣有免費申請的(有WEB和FTP兩種上傳方式),但是一般免費空間都會在你申請的空間里放他們的廣告的,挺煩人的.空間分為:靜態空間和動態空間,靜態的是只支持html格式的網頁,動態的幾乎所有的文件格式都可以支持.但是靜態的比較不容易受到黑客的攻擊,就是編輯時麻煩點.
(3)申請完空間就會獲得相應的IP地址一個,把域名解析到這個IP上,再把空間跟域名綁定一下(兩邊都要綁定哦,要不就打不開你的網站了.
(4)下載一個網頁編輯器編寫自己的網頁內容(例如:Frongpage.DW2004等)
(5)編輯完自己的網頁,接下來就是要把他放到自己的空間里了,那麼就得找一個上傳工具(例如:LEAPFTP等)上傳到空間里就OK了(注意:首頁的文件名必須為:index.htm或者index.asp等,具體請根據你所使用的語言).
(6)告訴朋友你的網址,一起分享網路帶來的快樂吧. BB這是需要掌握的技術步驟 第一講 創建網站步驟
①在D：盤新建一個文件夾（比如：Myweb）
②單擊「開始」→「程序」→「Microsoft FrontPage 」
③單擊「文件」→「打開站點」，選擇查找范圍(比如： Myweb)
④在屏幕窗口右邊輸入文本或插入圖片，然後單擊「文件」→「保存」，保存時文件名為index.htm（提示：主頁文件名約定為Index.htm）
⑤新建其他網頁，請單擊「文件」→「新建」→「空白網頁」或直接單擊工具欄上新建按鈕。 注意，除主頁以外的其它網頁文件名可以自定義，但盡量用英文。 如果已經退出FrontPage，
請重復第②～③步，然後雙擊文件夾列表中的相應文件名可以繼續編輯修改。 創建為網站的文件夾 普通文件夾 當前位置 主頁>>網頁設計與製作>>FrontPage 第二講 網頁的基本編輯  設置文本格式：在網頁視圖模式下，使用滑鼠左鍵拖動選擇要設置其格式的文本，單擊滑鼠右鍵，在所彈出的快捷菜單中選擇「字體」命令項，或單擊「格式」→「字體」。 插入圖片：將游標置於網頁編輯區中要插入圖片處，單擊「插入」→「圖片」。  插入水平線：將游標置於網頁編輯區中要插入水平線處，單擊「插入」→「水平線」。若需要修改水平線顏色或寬度，請雙擊網頁上的水平線  插入滾動字幕：將游標置於網頁編輯區中要插入字幕處，單擊「插入」→「組件」→「字幕」。然後，輸入要滾動出現的文本內容（提示：字幕效果必須經過預覽才能實現）  這里是滾動字幕演示 網頁背景：在網頁視圖模式下，在網頁編輯區中單擊滑鼠右鍵，選擇快捷菜單中的網頁屬性命令。出現對話框後，選擇背景。 當前位置 主頁>>網頁設計與製作>>FrontPage 第三講 表格操作  創建表格：將游標置於網頁編輯區中要插入表格處，單擊「表格」→「插入」→「表格」。  設置表格屬性：選中表格後，單擊「表格」→「屬性」→「表格」。  設置單元格屬性：選中單元格後，單擊「表格」→「屬性」→「單元格」。  插入新的單元格：將游標置於單元格中，選菜單欄中的「表格」→「插入」→「單元格」  拆分單元格：選擇要拆分的單元格，選菜單欄中的「表格」→「拆分單元格」  合並單元格：選擇要合並的一列、一行或一組相鄰的單元格，選菜單欄中的「表格」→「合並單元格」 當前位置 主頁>>網頁設計與製作>>FrontPage 第四講 創建超級鏈接  創建指向站點內的網頁或文件的超級鏈接：在網頁視圖模式下，鍵入或選中要用作超級鏈接的文本，選擇菜單欄中的「插入」→「超鏈接」。  創建指向一個書簽的超級鏈接：在網頁視圖模式下，首先在網頁內指定的位置插入一個書簽，方法是選擇菜單欄中的「插入」→「書簽」。然後，鍵入或選中要用作超級鏈接的文本，選擇菜單欄中的插入→超鏈接。出現創建超鏈接對話框，在書簽框上，選擇要將其作為目標的書簽。  使用導航欄：創建導航結構等同於創建超級鏈接，基本思路是首先創建導航結構，然後在需要的位置插入導航欄，如此同樣實現網頁之間的鏈接。具體步驟如下： 第一步，在導航視圖模式下，選中文件夾列表裡的網頁，拖曳導向要起放置的位置，若重命名網頁標題，可單擊滑鼠右鍵，選重命名； 第二步，在網頁視圖模式下，將游標置於網頁中需要插入導航欄的地方，單擊菜單欄「插入」→「導航欄」。 使用共享邊框：共享邊框內，包含了想要顯示在共享邊框的每一個網頁上的項目。在網頁視圖模式下，選擇菜單欄中的「格式」→「共享邊框」 使用主題：選擇菜單欄中的「格式」→「主題」 CC這是網頁運做的步驟 一、復雜方法 在手工製作個人網站的時代，我們可以總結出的網站製作步驟基本為：設計、切割、代碼生成、發布。而在此之前，應該規劃出網站的結構，包括頁面數、欄目設置等。
1.設計 進行頁面總體規劃，包括風格、布局等。網站製作要有整體風格，各部分要保持協調，整個頁面看起來才不顯得凌亂。然後用平面設計軟體製作整個頁面，常用的軟體有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的大拿，筆者也一直用它做頁面設計，它從6.0版開始特別增強了對網頁製作的支持，顯得非常方便。現在流行的Fireworks是Macromedia網頁製作三劍客的重劍手，由於它與Dreamweaver及Flash無縫集成，越來越受到網站製作人的歡迎。
2.切割 做完第1步，我們得到的只是一個圖片文件，還沒集成網頁上應該有的元素。接下來要將圖片按製作需求切割成小圖。切割功能前面提到的兩個設計軟體中已經集成了（如Photoshop中提供的切片工具），不需要專門的軟體來處理。
3.代碼生成 這是整個製作過程中最重要的一環。我們要用HTML語言將切割下來的組件按整體設計「拼裝」回去。眾所周知，HTML語言是一種標記型語言，不須要編譯就可以直接在瀏覽器中執行。所以理論上，我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很「酷」的行為，但是很耗時間，而且很難精確地控制格式。這時，便該專門的HTML編輯軟體出場了。 HTML編輯軟體大體上可分為兩類：一類是代碼型，典型代表為Homesite、Hotdog等；一類是所見即所得型，典型代表為Frontpage。也有兩者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器，不同的是，它可以有專門的代碼提示功能，用起來比較方便。所見即所得是目前大家最推崇的方式，因為可視化的編輯基本丟棄了代碼，方便快捷。 說到Dreamweaver，筆者就不多介紹了，我相信大部分的網站製作人都使用它在工作。Dreamweaver提供了代碼編寫模式和設計模式（即所見即所得），並且首次將「層」概念引入網頁製作。Dreamweaver幾乎可以滿足所有人的需求，甚至還提供了ASP、PHP等腳本語言的代碼提示。
4.發布 將製作好的頁面放到伺服器上，以便更多的人能瀏覽。發布通常採用FTP的方式，將文件上傳到伺服器。目前的網頁製作工具基本上都有發布工具，可以通過各種方式發布你的頁面，如Dreamweaver中的「站點管理器」。用戶亦可使用FTP客戶端軟體進行這步操作。

4、怎麼創建網站製作網頁

設計主頁首先要選擇合適的工具軟體，現在比較流行的網頁製作軟體是 FrontPage 和版 DreamWave。他們各有優缺點，權FrontPage 是微軟出品的網頁編輯軟體，也是 Office 系列軟體的組成部分。最新的 FrontPage2000中文版 在 Office2000 的軟體包中可以找到。如果對 Office 有一定的基礎，會用 Word 的人，很開就可以學會使用 FrontPage ，它的最大優點之一就是易學易用。另外 FrontPage 製作的網頁在 IE 瀏覽器中的效果也特別好。但是，如果你希望網頁在 Netscape 或其他瀏覽器上有良好表現，那麼使用 FrontPage 就有些麻煩。不是說不可以，只是很容易出錯。在這方面 DreamWave 就好很多，畢竟是第三方的軟體。DreamWave是由 MacroMedia 公司出品的網頁製作軟體，最新版本是3.0，功能也同樣很強大。不過學習起來要難一些，而且 IE 瀏覽器的一些高級功能就無法實現了。各有所長，只有自己權衡了。另外不要將兩個編輯軟體交替使用，否則會出現混亂。

5、網頁設計的新建頁面各屬性都是怎麼設置的？

目前普遍用的最低解析度都是1024*768，800*600我想沒人去用吧，眼睛都會看花掉；你設計的時候最小不要小於1.24*768這個就好了，因為布局的時候大部分都盡量自適應；新建的時候默認RGB模式8位就行了；只要你正常解析度看上去頁面顏色看上去沒什麼異樣就行

6、怎麼創建網頁？

網站設計八步驟
由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者

7、用ps設計網頁 新建頁面的寬度和高度應為多少

現在抄常規寬度是980吧.高度看自己定,高一點後面可以拆掉.

用ps設計網頁

1.先用Photoshop做一個網頁圖片；
2.Ctrl+R調出標尺，在圖片上繪製表格，框選出要做鏈接的部分；
3.使用切片工具，按照繪制的表格劃分切片
4.以上步驟完成後，進行操作「文件」>「儲存為Web和設備所用格式」，在打開的窗口中按照自己的需要為網頁圖片作設置，設置完成後，「儲存」，保存類型「html和圖片」，切片「所有切片」。
5.接下來用Dreamweaver打開html文件，為其作鏈接及其它。
6.最後保存就完了。