2-5教學(xué)單元設(shè)計(網(wǎng)站交互設(shè)計)

規(guī)劃展覽館網(wǎng)站前臺設(shè)計

——網(wǎng)站交互設(shè)計任務(wù)編號：2-5地點：網(wǎng)影科技有限公司網(wǎng)頁設(shè)計部時間：上午8：30主持：網(wǎng)頁設(shè)計部項目總監(jiān)參加人員：網(wǎng)頁設(shè)計部各項目組經(jīng)理及成員會議議題：武進規(guī)劃展覽館網(wǎng)站建設(shè)項目中交互式網(wǎng)頁制作創(chuàng)建情境網(wǎng)頁設(shè)計部每周例會制作完成網(wǎng)頁設(shè)計規(guī)范完成網(wǎng)站的批量生產(chǎn)試做用戶調(diào)查表網(wǎng)頁已完成工作會前規(guī)范利用表格規(guī)范布局表單頁面設(shè)置表單文字及各元素命名、大小、位置的規(guī)范方法掌握簡單的表單元素的HTML標(biāo)簽了解網(wǎng)站后臺管理的功能和作用討論分析與解決思路1.客戶需求調(diào)研，明確客戶對用戶調(diào)查表的需求功能2.表單各元素的屬性的功能及修改討論分析與解決規(guī)范利用表格規(guī)范布局表單頁面布局規(guī)劃解決方法1.利用表格進行頁面布局2.規(guī)范頁面的表單元素位置討論分析與解決規(guī)范2.設(shè)置表單文字及各元素命名、大小、位置的規(guī)范規(guī)范屬性解決方法1.利用CSS樣式對文字設(shè)置2.對表單元素進行規(guī)范化命名,命名做到顧名思義3.規(guī)范元素的大小、位置，使頁面整齊討論分析與解決確定表單內(nèi)容解決方法原則：

與客戶溝通，確定用戶調(diào)查表的調(diào)查內(nèi)容思路1.客戶需求調(diào)研，明確客戶對用戶調(diào)查表的需求功能根據(jù)客戶需要確定表單的內(nèi)容和形式討論分析與解決2.表單各元素的屬性的功能及修改元素屬性設(shè)置思路1.文本框的三種類型的不同應(yīng)用2.單選按鈕組的應(yīng)用：為不同按鈕組確定不同的名稱3.按鈕的基本動作的設(shè)置討論分析與解決HTML標(biāo)簽方法1.掌握簡單的表單元素的HTML標(biāo)簽

表單標(biāo)簽：<form></form>標(biāo)簽的應(yīng)用表單的提交:<Action=“路徑/文件名”>討論分析與解決網(wǎng)站后臺管理方法2.了解簡單的網(wǎng)站后臺管理的功能1.表單信息的收集與處理2.網(wǎng)站的數(shù)據(jù)庫的設(shè)置3.后臺管理系統(tǒng)的基本功能和作用1）設(shè)計規(guī)范：(2）利用表格規(guī)范布局表單頁面規(guī)范表單元素位置，頁面整齊歸納總結(jié)對客戶需求調(diào)研，明確用戶調(diào)查表的內(nèi)容(1）歸納總結(jié)(3）設(shè)置表單文字及各元素命名、大小、位置的規(guī)范1.元素命名“顧名思義”

2.大小符合實際需要歸納總結(jié)（4）表單各元素的屬性的功能1.文本框的三種類型的不同應(yīng)用2.單選按鈕組的應(yīng)用：為不同按鈕組確定不同的名稱3.按鈕的基本動作的設(shè)置