導航:首頁 > 萬維百科 > 網頁設計表單的應用實驗

網頁設計表單的應用實驗

發布時間:2020-09-03 13:34:17

1、網頁設計表單

<table>
<tr>
<td><textarea rows="5" cols="50"></textarea></td><td valign="top">要輸入的文字</td>
</tr>
</table>

2、高分求網頁設計實驗報告,不要網頁。

http://www.wustwzx.com,這里有。

3、實驗:系統登錄表單的設計 要求 實驗目的 實驗內容 實驗步驟 實驗結果及分析 程序清單

你第二大題做了?

4、網頁設計與製作實驗

這個要求還是不難的,不過製作報告還是只有自己來寫的。可以自己提供素材,才能百分百原創。支持在線預覽效果。

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中,創建表單網頁的步驟是什麼

1、表單是一個包含表單元素的區域。
表單元素是允許用戶在表單中(比如:文本域、下拉列表、單選框、復選框等等)輸入信息的元素。表單使用表單標簽(<form>)定義。
<form>
...
input 元素
...
</form>
2、HTML 表單和輸入
http://www.w3school.com.cn/html/html_forms.asp

7、跪求:網頁設計實訓個人總結

網站設計與製作》實訓報告
X學院 XX班 XX X號
一.實訓時間:
2010年6月7日到2010年6月13日二.實訓地點:
科實南213
三.實訓組員:
XXX、XXX
四.實訓目標:
以金華農特產為主題,製作網站,通過綜合實訓進一步鞏固、深化和擴展學生的理論知識與專業技能。
五.實訓策劃:
這一周,我們要進行《網站設計與製作》實訓,我們認為做網站前最主要的是確定主題、框架和標題欄的設計。因此我們相互討論之後,確定製作以「健康」為主題的「林安健康網」,但在之後的資料收集和網頁的框架的建設中,我們發現出了問題,在確認無法做出效果後,我們決定放棄這個主題,重新建立以「水果」為主題,以我們的名字連體命名的「林安水果網」。以下是我們的策劃內容:
1.確定主題。製作網頁,首先是確定主題,金華有許多特色水果,水果產品豐富,,經過考慮,確定以金華水果品種為主題的網站 ,建立一個簡單的介紹金華水果的網站,專業介紹一些金華地區優秀的水果市場和銷售渠道等。我們本次間的網站基本以綠色為基點,綠色是生命的顏色,綠色代表著生機勃勃,所以本站以綠色為風格,讓整個網站充滿綠的生機。
2.設計主頁。主頁的設計是整個網站的靈魂,構思導航欄的分類,然後是整體規劃,每一版塊都有其個性的色彩,清晰明了,便於閱讀瀏覽,我們構思大致分幾部分,首頁,特價專區,優質水果,果樹栽培,婺城商場,金東商場,客戶中心,聯系我們,意見反饋等板塊,再加入個別網站等,每一部分又分幾小部分,內容比較充分,多樣。確定導航欄的各個分類標題之後對於建立二級子網尤為重要,我們運用Photoshop CS3技術來設計出導航欄,再用Fireworks CS3或Photoshop CS3技術製作切片,建立導航欄,將整體的主頁效果建立起來。
3.資料的搜集。主頁的導航欄設計好後,接下來就是對主頁導航欄的各個內容進行資料的收集,我們採用大量的資料收集再對資料進行塞選,得到最適合導航欄內容的資料。素材的選擇,要符合網站的主題,圖片的大小要符合模板的輪廓,我們將不符合模板的用Photoshop處理編輯,然後放入站點底下,進行圖文的鏈接和排版。
4. 建立模板和庫。此次網站建設中我們決定大量運用模板和庫,運用模板和庫對於建立網站提供便利同時也為我們減少大量的工序。本次水果網的建設主要採用兩個模板,各具風格,樣式標准。
5.各個子網頁的建立。我們設計好模板後只要在可編輯區依次編輯所需資料就可,運用模板建立子網頁少了很多工序,為我們節省大量的時間。盡管我們建立了模板,但我們在建立子網時很小心,因為一張圖片的大小插入就有可能破壞整個模板的結構尤其在使用表格時,因此我們對所插入的圖片和表格都得進行測量,做到不影響網站整體的美觀。
6.實現網頁間的鏈接。做好個格子網和首頁後,接下來就是通過模板的鏈接,將整個網站中的網頁鏈接起來,過程其實很簡單,主要是把要鏈接的文字和圖標選擇在選擇工具欄的鏈接按鈕最後選擇自己要鏈接的網頁單擊確定便可以了。通過模板建的幾張網頁其實超鏈接都不怎麼用鏈接,只需要修改模板上的鏈接就可以了,這也是通過模板新建網頁的好處,省去一張一張超級鏈接的時間了。做好這一步後,網站基本算是建好了。
7.向靜太網頁插入動態效果。在基本建好網頁中的插入層和時間軸,製作其動態效果,讓整個網頁充滿生機。我們在網上進行flash素材的收集,通過Flash CS3設計出主題下的風格動態效果。然後插入到靜態網頁中,使網頁更加生動形象。
六.實訓心得:
通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用實例,教會我們。使更豐富全面的軟體技術和應用技巧,使我們真正對所學的軟體融會貫通。所以我結合所學專業的內容製作了企業水果網站,作為實習的成果。其內容是多樣化的。製作網頁用的軟體是Deamweaver CS3軟體。它提供了網頁和表單的動態生成到企業級的解決方案。主圖是一個網頁的門面,它能體現出這個網頁的整體風格。
製作網頁,首先是確定主題,經過再三考慮,就做了個關於金華水果的網站 ,要對這些有些了解,於是確定主題,做一些類似的網站,但考慮到,現在網路上好多類似的網站,但有些內容不適合我們大學生閱讀,對於我們來說有點不實際,根據這種情況,最後決定建立一個簡單的介紹金華水果的網站,專門介紹一些金華地區優秀的水果市場和銷售渠道等。於是網站主題確立。
然後是整體規劃,每一版塊都有其個性的色彩,清晰明了,便於閱讀瀏覽,大致分幾部分,首頁,特價專區,優質水果,果樹栽培,婺城商場,金東商場,客戶中心,聯系我們,意見反饋等板塊,再加入個別網站等,每一部分又分幾小部分,內容比較充分,多樣。
再後是收集資料與素材,大量瀏覽相關網站,收集關於金華水果的圖片,進行Photoshop CS3圖片處理和排版,插入好的文章和圖片等,還有參考一些好的網站的布局,特色,顏色搭配,背景圖等。
再後是設計網頁圖片,用flash製作網友調查表,用Photoshop製作靜態圖片。再後是建立站點,和製作網頁了,使用dreamweaver製作。
首頁內容精彩豐富,首頁主要是導航作用。首頁製作時,時刻考慮著網頁的基本原則:統一,連貫,分割,對比及和諧的原則,內容統一,都是為了主題服務,一個網站強調的就是一個整體,只有圍繞一個統一的目標所做的設計才是成功的;連貫,頁面之間關系連貫,統成一體;每版內容都自成一體,顏色各異,便於瀏覽;整個網頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。
簡潔實用: 這是非常重要的,網路特殊環境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗餘的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網頁做得越適合使用,就越顯示出其功能美;頁面用色協調,布局符合形式美的要求: 布局有條理,充分利用美的形式,是網頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
利用我們所學的模板設計,製作更完美的頁面。將動態網頁與靜態網頁結合起來
再後,調試過程,好多次本來在Deamweaver CS3里好好的,把字調的好好的,位置很對,可在瀏覽器里御覽就出毛病了,不是靠上了,就是靠下了,很不老實,經過再三調試,整理,加了好多表格,終於滿意了。
通過溫本周的實訓,發現自己還有很多的不足。就框架的應用很難把握,切片也很難合理切割,當插入圖片的時候把原有的模板給撐破了,精確定位很重要。因為學藝不精,所以不會網頁的代碼設計,只能通過網路三劍客綜合使用。不過也實踐中也學到了很多知識,比如原本不知道網頁設計還需要切片,表格的嵌套是非常重要的,模板的應用時非常便捷的。還有一些行為中的效果也是蠻不錯的。所以這次實訓還是很有意義的。

8、網頁製作中的表單應該如何設計

1、盡量讓表單一目瞭然
用戶瀏覽網站的時候,通常會快速掃視來獲取信息,看看網站內容和設計是否對他們的胃口或者符合需求,再決定要如何應對、交互。表單也是一樣的道理。一目瞭然的表單能讓用戶立刻知道他們需要填寫多少信息,以及如何提交表單。
更多平面設計知識,請咨詢華南平面設計學校。
2、考慮使用浮動的提示文本
對於是否要在表單的輸入框中加入提示文本有很多爭論,其中主要的爭論圍繞在一點上:當用戶點擊輸入框,游標出現准備輸入的時候,其中的提示文本並沒有自動消失,而需要手動刪除之後再才能輸入。這就非常尷尬了。
3、使用表單格式掩碼
格式掩碼能夠提醒用戶輸入的內容的格式,欄位的長短大小,對於表單的可用性有明顯提升。在用戶激活輸入框的時候,格式掩碼會出現,它會幫助用戶格式化輸入信息,避免提交的時候出錯。格式掩碼常見於數字輸入的時候。
4、把表單設計得易於輸入
你無法確知用戶使用的是手機還是電腦在瀏覽你的網頁,輸入你的表單,但是它應該對於各種輸入設備都足夠友好才行。考慮到你的表單可能會是不同類型的鍵盤輸入的,所以你應該根據表單欄位屬性和檢測到的鍵盤類型,進行適配。
5、選擇垂直單列布局
對於用戶而言,垂直單列的布局比起多列的布局更容易使用。當用戶瀏覽的時候,只需要向下瀏覽即可,不用來回翻看,也可以很好的避免填寫過程中的遺漏。
6、控制輸入內容
盡量使用瀏覽器的記憶功能和Cookie,調用數據將表單中常見的欄位預先填充進去。沒有什麼比打開表單其中的多數欄位已經自動填寫進去,更讓人興奮的了。
7、讓表單短而美
當你設計表單的時候,總想從用戶那兒盡可能多的獲取信息,一定要剋制住這個沖動!
只在表單中呈現重要信息,讓用戶盡可能少的填寫。如果稍後需要提供更多的信息,可以在其他的地方諸如電子郵件中向用戶獲取信息。當用戶已經完成注冊之後,你們後續推送信息、相互溝通、獲取信息的機會更多了。
盡量只保留必要的欄位供用戶填寫,不要提供冗餘的選項,讓表單小而美。

與網頁設計表單的應用實驗相關的知識