網頁表單設計目的

1、網站信息架構的設計目標和要求是什麼

一般網站的頁面組成都有文字、圖象、超鏈接、表格、表單、動畫及框架等，下面來詳細的介紹下這些組成元素。
一、框架
框架是網頁的一種組織形式，將相互關聯的多個網頁的內容組織在一個瀏覽器窗口中顯示。例如，我們可以在一個框架內放置導航欄，另一個框架中的內容可以隨著單擊導航欄中的鏈接而改變，這樣我們只要製作一個導航欄的網頁即可，而不必將導航欄的內容復制到各欄目的網頁中去。
二、文本
文本是網頁中的主要信息。在網頁中可以通過字體、字型大小、顏色、底紋以及邊框等來設置文本屬性。這里指的文字是文本文字，而並非圖片中的文字。
在網頁製作中，文字可以方便地設置成各種字體和大小，但是這里還是建議，用於正文的文字不要太大，也不要使用太多的字體，中文文字使用宋體、9磅或者12、14像素左右即可。因為過大的字在顯示器中顯示時線條的顯示不夠平滑、顏色也不要使用得太過復雜，以免造成影響用戶視覺。大段文本文字排列，建議參考一下優秀的報紙雜志等。
三、圖片
今天看到的豐富多彩的網頁，都是因為網頁中有了圖象，可見圖象在網頁中的重要性。用於網頁上的圖片一般為JPG和GIF格式的，即以.jpg和.gif為後綴的文件。
四、超鏈接
超鏈接是整個網站的通道，它是把網頁指向另一個目的端的鏈接。例如指向另一個網頁或相同網頁上的不同位置。這個目的端通常是另一個網頁，但也可以是圖片、電子郵件地址、文件、程序，或者也可以是本阿諛的其他位置。超鏈接可以是文本或者圖片。
超鏈接廣泛的存在於網頁的圖片和文字中，提供與圖片和文字相關內容的鏈接。在超鏈接上單擊滑鼠左鍵，即可鏈接到相應地址（URL）的網頁。有鏈接的地方，滑鼠指到游標會變成小手形狀。可以說超鏈接正是Web的主要特色。
五、表格
表格是網頁排版的靈魂。使用表格排版是網頁的主要製作形式之一。通過表格可以精確的控制各網頁元素在網頁中的位置。表格並非指網頁中直觀意義的表格，范圍要更廣一些，它是HTML語言中一種元素。表格主要用於網頁內容的排列，組織整個網頁的外觀，通過在表格中放置相應的內容，即可有效的組合成符合設計效果的頁面。有了表格的存在，網頁中的元素得以方便的固定在設計位置上。一般表格的邊線不在網頁中顯示。
六、表單
表單是用來收集站點訪問者信息的域集。站點訪問者填寫表單的方式是輸入文本、單擊單選按鈕與復選框，以及從下拉菜單中選擇選項。在添寫好標單之後，站點訪問者便送出輸入的資料庫，該觳觫句哭就會根據所設置的表單處理程序，以各種不同的方式進行處理。
七、動畫
動畫是網頁上最活躍的元素，通常製作優秀、創意思、出眾的動畫是吸引瀏覽者的最有效的方法。但太多的動畫讓人眼花繚亂，無心細看。這就使得對動畫製作的要求越來越高。通常的製作動畫的軟體有flash、web animator等。Macromedia的flash雖然出現的時間不長，但已經成為了最重要的Web動畫形式之一。Flash不僅比htm易學得多，而且有很多重要的動畫特徵，如關鍵楨補間、運動路徑、動畫蒙版、形狀變形和洋蔥皮效果等。利用這個多才多藝的程序，不僅可以建立Flash電影，而且可以把動畫輸出為QuickTime文件，GIF文件或其他許多不同的文件格式（PICT、JPEG、PNG等）
八、其他
網頁中除了這些基本元素外，還包括橫幅廣告、字幕、懸停按鈕、日戳、計數器、音頻及視頻等。

2、網頁設計的規劃書

一、實驗目的和要求
綜合應用Dreamweaver 8的基礎知識創建和編輯網頁。
二、實驗內容及步驟
（1） 在「文件」中新建一個網頁，在「插入面板」的「布局」中，新建「左側和嵌套的頂部框架」框架，並使框架網頁符合下列要求。
① 「文件」中的「框架集」另存為，保存框架集時，把框架集文件名改為index.htm。
② 在「框架浮動面板」中選中左框架，在「文件」中選擇「保存框架頁」，同時給左框架文件命名為left.htm，在框架浮動面板中選中左框架，在「修改」中將「頁面屬性」中設置背景圖像為bg0035.jpg以及左框架的列寬度為320像素。
③在框架浮動面板中選中頂框架，在「文件」中選擇「保存框架頁」，頂框架文件名為top.htm，選中頂框架，「屬性面板」中設置行高度為65像素。
④ 選中主框架，在「屬性面板」中設置主框架頁面的「滾動」方式為自動，[源文件]為本地站點中的網頁文件main.htm。
⑤ 分別選中3個框架,在「屬性面板」,「頁面屬性」中將三個框架網頁的頁面屬性「左邊界」、「頂部邊界」、「邊界寬度」、「邊界高度」設為0，在「文件」中選擇「保存全部」,將全部框架文件保存在本地站點中。

（2） 用photo子文件夾中的圖像創建網站圖像冊，其要求如下。
①新建一個網頁,在「命令」中「創建網站相冊」,在彈出的窗口中設置標題為「名畫——人類的精神糧食」，省略副標題。
②在①彈出的窗口中繼續設置頁面圖像的縮略圖尺寸為100*100像素；每行列數我為6列；縮略圖像文件格式為.jpg。
③在①彈出的窗口中繼續設置「源圖像文件」為本地站點根文件夾中的photo子文件夾，「目標文件夾」為本地站點根文件夾，其他參數默認。
④在「頁面屬性」中用img文件夾中的文件bg0029.jpg設置網頁背景圖像。
⑤插入「庫」項目:在頁面中插入層,點擊「文件浮動面板」，「資源」中選擇「庫」,選中庫項目return,按下」插入」按鈕。
⑥在「文件」中選擇「另存為」,保存網頁文件,以index1.htm為名保存在本地站點的根文件夾中。

（3） 新建一個網頁,命名為 fg1.htm，並將此文件保存本地站點根文件夾中。打開文件fangao.dwt.
①將 「梵高的故事.doc」中的文字內容復制粘貼到網頁文字可編輯區域的藍色框中，並在模板左側2個圖像可編輯區域中，單擊可編輯區域,在「插入」中選擇「圖像」,選擇img文件夾中的tu1_3.jpg和tu2_3.jpg，模板頂部標題可編輯區域輸入文字「梵高的故事」。
②在「屬性面板」中選擇「樣式」，「附加樣式表」,附加本地站點根文件夾中的外部層疊樣式表文件format.css，選中網頁標題,在「屬性面板」樣式中選擇title作用於網頁標題，同樣方法將樣式format作用於網頁中的其他文字，樣式filter作用於圖像文件tu1_3.jpg和tu2_3.jpg。
③把游標放在要插入的位置,在「插入」中選擇「命名錨記」,輸入名稱」aa」,在網頁中最後一段的文字「鑲板畫」中間插入用於超鏈接的名為「aa」的站點。
④在頁面左下角插入層, 在「文件浮動面板」的「資源」中選擇「庫」,選中庫項目return,按下」插入」按鈕。

（4） 新建網頁文件，並將此文件以fg2.htm為名保存在本地站點的文件夾中。
①在「屬性面板」的「頁面屬性」中設置頁面背景圖像為bg0029.jpg，在「插入」中選中「表單」中的「表單」。在「屬性面板」中設置表單的名稱為：「調查」，動作為：答題學生本人的郵件地址，方式為：POST。
②輸入文字「問卷調查」，選中文字在「屬性面板「中設定」居中」,並設置文字格式。
③在「插入」中選擇「表單」，「文本域」,在表單的第2行，插入文本域。設置標簽文字為「姓名」,確定.選中文本域,在「屬性面板」中設置「字元寬度」為20，「類型」為單行，「最多字元數」為20。
④在「插入」中選擇「表單」，「單選按鈕組」,在同一行中再插入單選按鈕組，單選按鈕組的名稱為「性別」。將標簽改為」男\女」,在屬性面板中設置標識是「男」的單選按鈕的「初始狀態」為已勾選，「選定值」為「男」。標識為「女」的單選按鈕的「初始狀態」為未勾選，「選定值」為「女」。
⑤在「插入」中選擇「表單」，「文本區域」,在表單的第3行中插入多行文本域,在彈出的窗口中設置標簽文字為「談談你對本網站的觀感：」。換行後，插入多行文本域，選中該文本域,在屬性面板中設置其「字元寬度」為50，「類型」為多行，「行數」為10，「換行」為默認，「初始值」為「請發表您的瀏覽觀感」。
⑥在「插入」中選擇「表單」，「按鈕」,在表單的第5行居中插入2個按鈕，在「屬性面板」中並分別將它們的「標簽」和「動作」設為：遞交表單和重設表單。
⑦在頁面左下角插入層, 在「文件浮動面板」中選擇「資源」，「庫」,選中庫項目return,按下」插入」按鈕。

（5） 打開網頁首頁文件index.htm。
①點擊頂部框架,在「插入」中選擇「媒體」中的flash,在頂部框架中插入Flash文件fgl.swf。
②在「插入面板」的「布局」中選擇「繪制布局表格」,在左框架的上半部分畫布局表格,在其中畫5個布局單元格分別選中,在「屬性面板」中設置大小為93*63像素，在「插入」中選擇「滑鼠經過圖像」,在其中分別插入「滑鼠經過圖像」，在彈出的窗口中設置其「原始圖像」文件分別為tu1_2.gif、tu2_2.gif、tu3_2.gif、tu4_2.gif、tu5_2.gif，「滑鼠經過圖像」文件分別為tu1_1.gif、tu2_1.gif、tu3_1.gif、tu4_1.gif、tu5_1.gif。
③在左框架的下半部分按樣張畫三個層,屬性設置為210*150大小，在這個3層中插入3幅圖像分別是tu1_3.gif、tu2_3.gif、tu3_3.gif,選中3個層,在「修改」中選擇「排列順序」中設置3個層重疊,分別將3個層選中,在右鍵菜單中選擇添加到時間軸,在3幅圖像的動畫條中插入適當的關鍵幀,在「屬性」中更改關鍵幀處的可見性,製作時間軸控制3幅圖像輪流顯示的時間軸動畫，每幅圖像顯示的時間為1s,並鉤選自動播放和循環
④在「文件浮動面板」的「資源」中選擇「庫」中,選中庫項目return，點擊面板右下角的」編輯」按鈕,選中它,在「屬性面板」中設置其與首頁index.htm建立鏈接，並使首頁index.htm在復框架中顯示,目標_parent，然後「修改」中選擇「庫」的「更新頁面站點」。
⑤在首頁文件index.htm被瀏覽時播放聲音文件Applause.wav。
⑥將文件保存
.

（6） 按下列要求為左框架中的5個圖像按鈕添加行為和超鏈接。
①選中圖像，在「行為面板」中選擇行為「Ondblclick」.然後「添加行為」，「控制shockwave或flash」,操作:停止， 在「行為面板」中選擇行為Onclick，「添加行為」「控制shockwave或flash」,操作:播放,可達到以下效果：雙擊該圖像，停止播放頂部框架中的Flash文件fg1.swf，單擊該圖像，開始播放頂部框架中的Flash文件fg1.swf。
②選中第2個滑鼠經過圖像在「屬性面板」添加超鏈接,鏈接至index1.htm,選擇「目標」為「mainframe」可達到以下效果:單擊此圖像是鏈接網站相冊文件index1.htm，並使該文件在主框架中顯示。
③選中圖片在「屬性面板」中設置鏈接為fg1.htm#aa,目標為_mainframe,即可單擊此圖像時鏈接到文件fg1.htm的錨點「aa」上，並使該文件在主框架中顯示。
④給網頁左框架第4個滑鼠經過圖像添加超鏈接，選中圖片,在「屬性面板」中設置鏈接至fg2.htm, 目標為_mainframe,即可單擊此圖像時鏈接到文件fg2.htm上，並使該文件在主框架中顯示。
⑤選中圖像,在行為面板中選擇行為「Ondblclick」, 「添加行為」「控制」shockwave或flash,操作：停止；選擇行為「Onclick」, 「添加行為」「控制」shockwave或flash,操作：播放。使雙擊該圖像，停止播放左框架底部的時間軸動畫，單擊該圖像，開始播放左框架底部的時間軸動畫。

三、實驗中遇到的問題及解決方法
1．起初插入的flash動畫始終無法顯示，插入的main.htm中有個別圖象無法顯示，通過改變絕對路徑,完成顯示效果.
2．做超鏈接時，鏈接的無效果，通過改變鏈接途徑達到鏈接效果。
3.在做最後一步的六個圖片的超鏈接時，添加行為和控制shockwave或flash，多次操作和調試都無法成功，後來經過請教同學，知道是在「行為面板」中選擇行為「Ondblclick」.然後「添加行為」，「控制shockwave或flash」,操作:停止，再在「行為面板」中選擇行為Onclick，「添加行為」「控制shockwave或flash」,操作:播放,即可達到要求的效果。
4．在做3副圖象輪流顯示的時間軸動畫時，開始不會做，後來知道是在右鍵菜單中選擇「添加到時間軸」,在3幅圖像的動畫條中插入適當的關鍵幀,在「屬性」中更改關鍵幀處的可見性,製作時間軸控制3幅圖像輪流顯示的時間軸動畫，每幅圖像顯示的時間為1s,並鉤選自動播放和循環。

3、網頁製作與網站設計報告書

網站項目管理規范
一.概念
網站項目管理就是根據特定的規范、在預算范圍內、按時完成的網站開發任務。
二.需求分析
1.項目立項
我們接到客戶的業務咨詢，經過雙方不斷的接洽和了解，並通過基本的可行性討論夠，初步達成製作協議，這時就需要將項目立項。較好的做法是成立一個專門的項目小組，小組成員包括：項目經理，網頁設計，程序員，測試員，編輯/文檔等必須人員。項目實行項目經理制。
2.客戶的需求說明書
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求並不是很清楚，需要您不斷引導和幫助分析。曾經有一次，我問客戶：「您做網站的目的是什麼？」他回答：「沒有目的，只是因為別人都有，我沒有！」。這樣的客戶就需要耐心說明，仔細分析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認可。把好這一關，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麼需求說明書要達到怎樣的標准呢？簡單說，包含下面幾點：
1.正確性：每個功能必須清楚描寫交付的功能；
2.可行性：確保在當前的開發能力和系統環境下可以實現每個需求；
3.必要性：功能是否必須交付，是否可以推遲實現，是否可以在削減開支情況發生時"砍"掉；
4.簡明性：不要使用專業的網路術語；
5.檢測性：如果開發完畢，客戶可以根據需求檢測。
三.系統分析
1.網站總體設計
在拿到客戶的需求說明後，並不是直接開始製作，而是需要對項目進行總體設計，詳細設計，出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定：
1.網站需要實現哪些功能；
2.網站開發使用什麼軟體，在什麼樣的硬體環境；
3.需要多少人，多少時間；
4.需要遵循的規則和標准有哪些。
同時需要寫一份總體規劃說明書，包括：
1.網站的欄目和版塊；
2.網站的功能和相應的程序；
3.網站的鏈接結構；
4.如果有資料庫，進行資料庫的概念設計；
5.網站的交互性和用戶友好設計。
2.網站建設方案
在總體設計出來後，一般需要給客戶一個網站建設方案。很多網頁製作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統，而且在客戶需求不是十分明確的情況下提交方案，往往和實際製作後的結果會有很大差異。所以應該盡量取得客戶的理解，在明確需求並總體設計後提交方案，這樣對雙方都有益處。網站建設方案的包括以下幾個部分：
1.客戶情況分析；
2.網站需要實現的目的和目標；
3.網站形象說明；
4.網站的欄目版塊和結構；
5.網站內容的安排，相互鏈接關系；
6.使用軟體，硬體和技術分析說明；
7.開發時間進度表；
8.宣傳推廣方案；
9.維護方案；
10.製作費用；
11.本公司簡介：成功作品，技術，人才說明等。
當您的方案通過客戶的認可，您可以開始動手製作網站了。但還不是真正意義上的製作，你需要進行詳細設計：
3.網站詳細設計
總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序，而是設計出程序的詳細規格說明。這種規格說明的作用很類似於其他工程領域中工程師經常使用的工程藍圖，它們應該 包含必要的細節，例如：程序界面，表單，需要的數據等。程序員可以根據它們寫出實際的程序代碼。
四. 項目實施
1.整體形象設計
在程序員進行詳細設計的同時，網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標准字，Logo，標准色彩，廣告語等。 首頁設計包括版面，色彩，圖像，動態效果，圖標等風格設計，也包括banner，菜單，標題，版權等模塊設計。首頁一般設計1-3個不同風格，完成後，供客戶選擇。
記住：在客戶確定首頁風格之後，請客戶簽字認可。以後不得再對版面風格有大的變動，否則視為第二次設計。
開發製作
2.開發製作
到這里，程序員和網頁設計師同時進入全力開發階段，需要提醒的是，測試人員需要隨時測試網頁與程序，發現Bug立刻記錄並反饋修改。不要等到完全製作完畢再測試，這樣會浪費大量的時間和精力。項目經理需要經常了解項目進度，協調和溝通程序員與網頁設計師的工作。
調試完善
3.調試完成
在網站初步完成後，上傳到伺服器，對網站進行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發現問題及時解決並記錄下來。
為什麼要記錄文檔呢？其實本軟體工程本身就是一個文檔，是一個不斷充實和完善的標准。通過不斷的發現問題，解決問題，修改，補充文檔，使這個標准越來越規范，越來越工業化。進而使得網站開發趨向規范，趨向合理。
4.宣傳推廣
宣傳推廣的基本方法有：
1.網頁里設置適當的META標簽；
2.各搜索引擎登錄；
3.准備新聞稿件在各新聞公告板發表；
4.合理使用Email郵件列表；
5.廣告條交換；
6.付費廣告。
至此，網站項目建設完畢，將有關網址，使用操作說明文檔等提交客戶驗收。如果需要維護，另行簽定維護項目。
五.維護
網站成功推出後，長期的維護工作才剛剛開始，需要做到的是:
1.及時響應客戶反饋；例如可以採取Email自動回復功能，然後在1-3個工作日里解決問題，再次回復；
2.網站流量統計分析和相應對策；
3.盡量推廣和使用您的網址；
4.網站內容的及時更新和維護。
六.遵循的規范
1.網站建設目錄規范
2.網站文件命名規范
3.網站建設尺寸規范
4.網站首頁head區代碼規范
5.網站連接結構規范

網站開發規范
任何一個項目或者系統開發之前都需要定製一個開發約定和規則，這樣有利於項目的整體風格統一、代碼維護和擴展。由於Web項目開發的分散性、獨立性、整合的交互性等，所以定製一套完整的約定和規則顯得尤為重要。定製一系列約定和規則，包括組件團隊、文件夾命名規則、文件名命名規則、程序代碼編程風格、資料庫設計約定。這些規則和約定需要與開發人員、設計人員和維護人員共同討論定製，將來開發都將嚴格按規則或約定開發。每個團隊開發都應有自己的一套規范，一個優良可行的規范可以使我們工作得心應手事半功倍，這些規范都不是唯一的標准不存在對與錯，也許有些地方與你當前使用的習慣相駁，很多地方都有爭議。。
非常明顯在Web項目開發中有前後台開發之分，前台開發主要是指非程序編程部分，主要職責是網站AI設計、界面設計、動畫設計等。而後台開發主要是編程和網站運行平台搭建，其主要職責是設計網站資料庫和網站功能模板的實現。下面的這些規范主要是從這2個方面來定製的，這些規范是工作中總結的一點經驗，本文檔比較適合中小型網站或者Web項目的開發規范。
一．組建開發團隊
在接手項目後的第一件事是組建團隊。根據項目的大小團隊可以有幾十人，也有可以是只有幾個人的小團隊，在團隊劃分中應該含有6個角色，這6個角色是必須的，分別是項目經理，策劃，美工，程序員，代碼整合員，測試員。也許你的團隊還沒有6個人，沒有關系一個人可以有多個角色，比如項目經理還可以有策劃這個角色，如程序員還可以含有代碼整合和測試這2個角色，如果你的項目夠大人數夠多那就分為6個組，每個組分工再來細分。下面簡單介紹一下這6個角色的具體職責。
項目經理，項目總體設計，開發進度的定製和監控，定製相應的開發規范，負責各個環節的評審工作，協調各個成員(小組)之間開發。策劃，提供詳細的策劃方案和需求分析。還包括後期網站推廣方面的策劃。美工，根據策劃和需求設計網站AI，界面，Logo等。程序員，根據項目總體設計來設計資料庫和功能模塊的實現。代碼整合員，負責將程序員的代碼和界面融合到一起，代碼整合員可以製作網站的相關頁面，測試員，負責測試程序。
二．開發工具
Web開發工具主要分為3部分，第一部分是網站前台開發工具，第二部分是網站後台開發環境，第三部分是項目管理和輔助軟體。下面分別簡單介紹這三部分需要使用的軟體。
網站前台開發主要是指Web界面設計。包括網站整體框架建立、常用圖片、Flash動畫設計等等，主要使用的相關軟體是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。
網站後台開發主要指網站動態程序開發、資料庫建模，主要使用的相關軟體是： PowerDesigner（資料庫建模），PowerDesigner在資料庫設計方面應用非常強大，用它可以快速創建資料庫概念和物理模型，我最喜歡的還是它生成資料庫Report的功能太方便了，設計資料庫強烈推薦用它。Rational Rose（程序建模），如果你的項目功能模塊不是特別復雜那就剩了它吧，這樣會節省一些時間和開發的復雜度，不過我個人認為不管是大項目還是小項目都應該畫畫Rose圖。
網站項目管理主要指對開發進度和代碼版本的控制。開發進度用Microsoft Project來制定，代碼版本控制採用Visual SourceSafe，當然還有其他的選擇比如CVS和Rational ClearCase。網站測試採用VS.net的附帶工具Microsoft Application Center Test，它可以進行並行、負載測試等。程序文檔編寫採用Word，用WPS也可以。
三.網站開發流程
在項目開始實施之前應該有一個工作步驟也就是工作流程，在項目開發中最需要時間的是總體設計和系統測試，而程序編寫代碼所佔的時間並不多，但有的團隊就急於開發寫代碼，先把程序寫出來再說，沒有注重評審和測試這2個環節，結果造成返工，我在一家比較大的公司中都遇到多次這種情況。所以項目來了不要急於開工寫代碼，應該一步一步慢慢來，只有走的慢才能走得穩走得遠。圖1的開發流程比較好地體現開發的整個環節。

圖 1
從圖1可以看到2條主線，這2條主線分別是前台開發和後台開發。前後台開發在項目開發早期互相沒有交叉，當然不是絕對沒有，Web策劃和需求分析都是互相有關系的，一個是網站表現形式和風格的策劃另一個是網站功能的策劃，它們是衣服和軀乾的關系。到了開發後期就需要把界面和功能模塊結合起來形成一個統一，也就即將發布的網站。
四．資料庫開發規范
數據文件命名採用系統名+_+文件類型，比如系統名為kupage,則資料庫文件命名為kupage_database.mdf，有的資料庫文件有多個，比如SQL Server就有2個，一個是資料庫文件，另一個是日誌文件，那麼他們的文件命名分別為kupage_database.mdf，kupage_log.log。文件名全部採用小寫。
資料庫表命名規范，表名長度不能超過30個字元，表名中含有單詞全部採用單數形式，單詞首寫字母要大寫，多個單詞間不用任何連接符號。若庫中有多個系統，表名採用系統名稱+單詞或多個單詞，系統名是開發系統的縮寫，系統名稱全部採用小寫英文字元,如bbsTitle,bbsForumType。若庫中只含有一個系統，那麼表名僅用一個單詞或多個單詞。單詞選擇能夠概括表內容的一個或多個英文單詞，如UserInfo,UserType。關連表命名規則為Re_表A_表B,Re是Relative的縮寫，如：Re_User_ArticleType, Re_User_FormType。
資料庫欄位命名規范，資料庫欄位名全部採用小寫英文單詞，單詞之間用」_」隔開，命名規則是表別名+單詞，如：user_name,user_pwd。表別名規則，如果表名是一個單詞，別名就取單詞的前4 個字母；如果表名是兩個單詞，就各取兩個單詞的前兩個字母組成4 個字母長的別名；如果表的名字由3 個單片語成，你不妨從頭兩個單詞中各取一個然後從最後一個單詞中再取出兩個字母，結果還是組成4 字母長的別名。
視圖名採用規則View_表A_表B_表C,View表示視圖。這個視圖由幾個表產生就用」_」連接幾個表的名，如果表過多可以將表名適當簡化，但一定要列出所有表名。
存儲過程命名規則P_表名_存取過程名(縮寫)，比如P_User_Del，P_ArticleType_AddData。
SQL語句編寫規則，關鍵字必須大寫，其他書寫按上述命名規則，比如：
SELECT user_id, user_name FROM User WHERE user_id = 『tom』
五．文件夾文件名命名規范
文件夾命名一般採用英文，長度一般不超過20個字元，命名採用小寫字母。除特殊情況才使用中文拼音，一些常見的文件夾命名如：images(存放圖形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript腳本），inc(存放include文件)，link（存放友情鏈接）,media(存放多媒體文件)等。
文件名稱統一用小寫的英文字母、數字和下劃線的組合。命名原則的指導思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義，二是當我們在文件夾中使用「按名稱排例」的命令時，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計算負載量等等操作 。
1、圖片的命名原則名稱分為頭尾兩部分，用下劃線隔開，頭部分表示此圖片的大類性質例如廣告、標志、菜單、按鈕等等。
放置在頁面頂部的廣告、裝飾圖案等長方形的圖片取名： banner
標志性的圖片取名為： logo
在頁面上位置不固定並且帶有鏈接的小圖片我們取名為 button
在頁面上某一個位置連續出現，性質相同的鏈接欄目的圖片我們取名： menu
裝飾用的照片我們取名： pic
不帶鏈接表示標題的圖片我們取名： title
下面是幾個範例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。
2、動態語言文件命名規則性質_描述，描述可以有多個單詞，用」_」隔開，性質一般是該頁面得概要。
範例：register_form.asp，register_post.asp,topic_lock.asp
六．程序代碼編程規范
一個良好的程序編碼風格有利於系統的維護，代碼也易於閱讀查錯。在此只討論ASP的編程風格和約定。在ASP中所有變數是弱變數，無需定義就可以直接使用，而且代碼不區分大小寫。但其他語言一般這些都要定義的，為了養成良好的編程習慣，編寫代碼務必按照一下規則。
1、每個變數名必須定義，在ASP文件的最開始添加語句，強制定製每個變數。
2、出於易讀和一致性的目的，在代碼中使用以下變數命名約定：
子類型 前綴 示例
Boolean bln blnFound
Byte byt bytRasterData
Date (Time) dtm dtmStart
Double dbl dblTolerance
Error err errOrderNum
Integer int intQuantity
Long lng lngDistance
Object obj objCurrent
Single sng sngAverage
String str strFirstName
3、程序代碼需要有縮進，縮進採用鍵盤Tab鍵，不採用空格鍵。並且」＝」或者鏈接字元串時需要左右空一格，如下：
4、函數過程編寫的約定。函數或者過程命名採用動作+名詞，每個函數需要給出相應的注釋，函數功能，傳入變數，以及作者和修改相關信息。如下面函數:
<%
'[功能] 返回一個參數的值
'[參數] strParameterName 參數名稱
'[作者] icefire 2002/8/20 am
Function GetParameterValue(strParameterName)
Dim objRS, strSQL, strParameterValue
strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'"
.
.
.
GetParameterValue = strParameterValue
Set objRS = Nothing
End Function
5、ASP內置對象區分大小寫。如下代碼片斷
strUserName = Request.Form(「UserName」)
Set conn = Server.CreateObject("ADODB.Connection")
6、資料庫連接一個庫只能有一個資料庫連接文件，創建資料庫對象得原則是盡可能晚地打開資料庫，盡可能早地關閉資料庫。創建資料庫對象調用統一地創建函數。如下：
Sub OpenConn(ByRef conn)
Dim strDBPath, strDBConnection
strDBPath = Server.MapPath("database/tax.mdb")
strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath
Set conn = Server.CreateObject("ADODB.Connection")
conn.Open strDBConnnection
End Sub
7、當一個對象不在使用時要釋放對象資源，比如objFSO,objRS對象等。採用統一函數調用。函數如下：
Sub CloseObj(ByRef obj)
If IsObject(obj) Then
obj.Close
Set obj = nothing
End If
End Sub
8、時間全部以字元串的形式保存到資料庫中，這樣做能夠是日期在不同的資料庫中都能良好地保存，也方便資料庫地遷移。時間用14位字元串保存，日期用8位字元串保存。
七．網站首頁head區代碼規范
head區是指首頁HTML代碼的<head>和</head>之間的內容。 必須加入的標簽
1.公司版權注釋
<!--- The site is designed by Maketown,Inc 06/2004 --->
2.網頁顯示字元集
簡體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 語：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
3.網頁製作者信息
<META name="author" content="[email protected]">
4.網站簡介
<META NAME="DESCRIPTION" CONTENT="本站是一個醫療站點…">
5.搜索關鍵字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
6.網頁的css規范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(參見目錄及命名規范)
7.網頁標題
<title>xxxxxxxxxxxxxxxxxx</title>
8.可以選擇加入的標簽
1.設定網頁的到期時間。一旦網頁過期，必須到伺服器上重新調閱。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
2.禁止瀏覽器從本地機的緩存中調閱頁面內容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
3.用來防止別人在框架里調用你的頁面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
4.自動跳轉。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指時間停留5秒。
5.網頁搜索機器人向導.用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。
6.收藏夾圖標
<link rel = "Shortcut Icon" href="favicon.ico">
所有的javascript的調用盡量採取外部調用.
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>
附<body>標簽：
<body>標簽不屬於head區，這里強調一下，為了保證瀏覽器的兼容性，必須設置頁面背景<body bgcolor="#FFFFFF">
八．網站建設尺寸規范
1. 頁面標准按800*600解析度製作，實際尺寸為778*434px
2. 頁面長度原則上不超過3屏，寬度不超過1屏
3. 每個標准頁面為A4幅面大小，即8.5X11英寸
4. 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
5. 另外120*90，120*60也是小圖標的標准尺寸
6. 每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K

4、製作網頁表單問題

一、表單：表單不僅用於收集信息和反饋意見，還廣泛用於資料檢索，討論組，網上購物等多種互動式操作。它的這種信息互動式特點，使得網頁不再是一個單一的信息發布載體，而是根據客戶提交的信息動態甚至實時地進行信息重組。例如常用的電子銀行交易，聯網的票據訂購系統等，這些都是利用表單集合資料庫技術來實現的。
從表單的使用目的來看，表單在網路信息交流中起著非常重要的作用，歸納起來表單在網頁的作用主要體現在以下5個方面。
（1） 收集網路信息，網上訂貨，托運，付款等信息。
（2） 獲取客戶需求和反饋信息。
（3） 創建留言簿和意見薄。
（4） 創建搜索網頁。
（5） 提示瀏覽者登錄相關網站。
二、關於表格和層隨著對象的插入自動改變大小，這與對象屬性設置有關。考慮到後期的維護，建議你除非特別需要，還是用DIV來布局比較好。
三、不用FORM表單里的按鈕想要提交數據 就用button按鈕 創建一個onclik事件提交，但這樣不是顯得更麻煩嗎？

希望上述對你有幫助，我也喜歡製作網頁，讓我們共同努力吧！！

平凡的世界：http://hi.baidu.com/xw519

5、實驗二： 網頁表格和表單的製作 1、實驗目的： 掌握網頁中表格和表單的製作方法 2、實驗內容： （1） 建立

<form id="form1" name="form1" method="post" action="">

<table width="530" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="88" colspan="3" align="center" valign="middle" bgcolor="#000000" class="STYLE1">如果您還沒有注冊，請注冊</td>
</tr>
<tr>
<td width="140" height="40" align="right" bgcolor="#666666">賬號：</td>
<td width="25" align="left" bgcolor="#000000"><label></label></td>
<td width="366" align="left" bgcolor="#000000"><input name="zczh" type="text" id="zczh" size="19" maxlength="14" /></td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#333333">密碼：</td>
<td align="left" bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000"><input name="mm1" type="password" id="mm1" size="20" maxlength="10" /></td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#666666">確認密碼：</td>
<td align="left" bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000"><input name="mm2" type="password" id="mm2" size="20" maxlength="10" /></td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#333333">性別：</td>
<td align="left" bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000"><input name="xb" type="radio" id="xb" value="靚女" checked="checked" />
靚女
<input type="radio" name="xb" id="xb2" value="帥哥" />
帥哥</td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#666666">自我介紹：</td>
<td align="left" bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000"><input type="text" name="self" id="self" /></td>
</tr>
<tr>
<td align="right" bgcolor="#333333">我推薦的游戲：</td>
<td align="left" bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000"><textarea name="my" id="my" cols="45" rows="10"></textarea></td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#666666"><label>注冊的優勢：</label></td>
<td bgcolor="#000000"><label></label></td>
<td align="left" bgcolor="#000000">您將有權發布新的圖片和文章！</td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#000000"> </td>
<td bgcolor="#000000"> </td>
<td bgcolor="#000000"> </td>
</tr>
<tr>
<td height="40" align="right" bgcolor="#000000"><img src="../pic/111.gif" width="40" height="40" /></td>
<td bgcolor="#000000"> </td>
<td height="50" align="left" bgcolor="#000000"><input type="submit" name="tj" id="tj" value="提交" />
<input type="reset" name="tj2" id="tj2" value="重置" /></td>
</tr>
</table>
</form>

6、用Dreamweaver做網頁，做表格用表單的紅色虛框框中有什麼意義？

那是form表單抄的元素.也就說你的文本框,單選按鈕那寫東西都是做在form元素下面，達到一個表單的組的目的,一個頁面上也可以同時出現多個FORM元素只要屬性 <form name="這里的名稱不同">就行了。

7、網頁中，表單的作用主要是什麼

表單的作用：
1、表單對於用戶而言是數據的錄入和提交的界面；
2、表單對於網站而言獲取用戶信息的途徑。
表單實質由2部分組成：
1、存儲表單控制項的網頁文件；
2、處理表單提交數據的處理程序，該程序在伺服器上運行。

8、在網頁設計中，創建表單後為什麼還要創建表單處理程序

這里省略了部分HTML教程，建議不懂的朋友，直接查看HTML教程。這里只是講講表單。表單是用來收集站點訪問者信息的域集。表單從用戶收集信息，然後將這些信息提交給伺服器進行處理。表單可以包含允許用戶進行交互的各種控制項，例如文本框、列表框、復選框和單選按鈕等。站點訪問者填表單的方式是輸入文本、單擊單選按鈕或復選框以及從下拉列表中選擇選項等。在填好表單之後，站點訪問者便送出所輸入的數據，該數據就會根據所設置的表單處理程序，以各種不同的方式進行處理。基本語法格式如下：<form name=表單的名稱 method=get | post action=URL</form FORM標記具有以下屬性 屬 性 含 意　METHOD 指定將表單數據傳輸到伺服器的方法，其取值可以是：1、post：在HTTP請求中嵌入表單數據。2、get:將表單數據附加到請求該頁的URL中。註：若要使用get方法發送長表單，URL的長度應限制在8192個字元以內。如果發送的數擗量太大，數據將被截斷，從而導致意外的或失敗的。此外，在發送用戶名和密碼、信用卡號或其他機密信息時，不要使用get方法，而應使用post方法。　ACTION 指定將要接收表單數據的伺服器端程序或動態網頁的URL地址。　onSubmit 指定提交表單時調用的事件處理程序。　onReset 指定重置表單時調用的事件處理程序。　TARGET 指定一個目標窗口，其取值如下：1、_blank:在未命名的新窗口中打開目標文檔。2、_parent:在顯示當前文檔的窗口的父窗口中打開目標文檔。3、_self:在提交表單所使用的窗口中打開目標文檔。4、_top:在當前窗口內打開目標文檔，確保目標文檔佔用整個窗口。　NAME 指定表單的名稱，以標識表單。命名表單後，可以使用腳本語言（如VBScript或JScript)來慣用或控制單。在一個網頁中可以創建多個表單，每個表單都可包含各種各樣的控制項，例如單選按鈕、復選框和文本框等。但表單不能嵌套上一篇知識：ASP入門基礎教程-ASP和腳本語言下一篇知識：使用輸入型表單控制項【公司簡介】：天府星空網路科技成都網站製作公司，專業從事成都網站建設 成都網頁製作 成都網站設計以精深技術為核心、以專業隊伍為支撐。致力於為成都政府網站建設、成都公司網站建設、成都學校網站建設等提供高技術含量的成都網頁設計服務。公司始終以不懈的努力、更高的目標來要求自己。憑借多年的成都網頁設計成功經驗，公司已擁有數百例經典網站成功案例，是正規的成都網站建設公司。成都網站建設的專業服務商，強大的成都網頁製作技術團隊，在網站設計等方面始終保持領先地位，並獲得了網頁製作公司業界的廣泛贊譽和認同。公司重視網頁製作質量，打造成都地區網站製作公司知名品牌，以優秀的網站設計技術，創一流的成都網站建設作品。

9、求程序自動填寫網頁表單的方法，例子如下圖，不要求識別驗證碼。實現這一目的最好使用什麼語言？

找我吧，我最近就寫了萬能表單自動填寫的程序。qq2259530