武進(jìn)規(guī)劃局網(wǎng)站建設(shè)

1、武進(jìn)規(guī)劃局網(wǎng)站建設(shè)武進(jìn)規(guī)劃局網(wǎng)站建設(shè) 網(wǎng)網(wǎng) 頁頁 頁頁 面面 設(shè)設(shè) 計(jì)計(jì) 任務(wù)編號(hào)：任務(wù)編號(hào)：2-32-3地 點(diǎn)： 網(wǎng)影科技有限公司網(wǎng)頁設(shè)計(jì)部時(shí) 間： 上午8：30主 持： 網(wǎng)頁設(shè)計(jì)部項(xiàng)目總監(jiān)參加人員：網(wǎng)頁設(shè)計(jì)部各項(xiàng)目組經(jīng)理及成員會(huì)議議題：BTB資訊網(wǎng)站建設(shè)項(xiàng)目中網(wǎng)頁頁面設(shè)計(jì) 創(chuàng)建情境創(chuàng)建情境網(wǎng)頁設(shè)計(jì)部每周例會(huì)制作完成頁面設(shè)計(jì)原型制作完成頁面設(shè)計(jì)原型制作完成界面動(dòng)畫設(shè)計(jì)制作完成界面動(dòng)畫設(shè)計(jì)試做網(wǎng)頁試做網(wǎng)頁,將頁面元素插入到將頁面元素插入到頁面中，并進(jìn)行規(guī)范設(shè)計(jì)頁面中，并進(jìn)行規(guī)范設(shè)計(jì)已完成工作會(huì) 前項(xiàng)目經(jīng)理安排人員分工分析任務(wù) 查找資料 初稿試做 準(zhǔn)備匯報(bào)材料 1.工作匯報(bào) （1）組內(nèi)分工情況（

2、2）任務(wù)完成情況 （3）展示成果5.BTB項(xiàng)目代表指出問題6.各項(xiàng)目組相互點(diǎn)評(píng)，提出解決方案8.修改完善方案9.總結(jié)規(guī)范2.針對(duì)匯報(bào)，提出問題3.評(píng)價(jià)核實(shí)任務(wù)完成情況4.按考核標(biāo)準(zhǔn)評(píng)分7.對(duì)難點(diǎn)進(jìn)行技術(shù)指導(dǎo)創(chuàng)新設(shè)計(jì) 匯報(bào)創(chuàng)新方案點(diǎn)評(píng)方案，總結(jié)歸納布置新任務(wù)布置新任務(wù) 教師教師( (項(xiàng)目總監(jiān)項(xiàng)目總監(jiān)) )學(xué)生（項(xiàng)目經(jīng)理和項(xiàng)目組成員）學(xué)生（項(xiàng)目經(jīng)理和項(xiàng)目組成員）完成方案完成方案方案創(chuàng)新方案創(chuàng)新任務(wù)前期準(zhǔn)備任務(wù)前期準(zhǔn)備任務(wù)執(zhí)行任務(wù)執(zhí)行規(guī)規(guī) 范范設(shè)置文字、列表、分段等規(guī)范設(shè)置文字、列表、分段等規(guī)范如何豐富網(wǎng)頁效果如何豐富網(wǎng)頁效果, ,簡(jiǎn)單應(yīng)用簡(jiǎn)單應(yīng)用JavaSciptJavaScipt方方 法法定義定

3、義CSSCSS樣式設(shè)置鏈接樣式設(shè)置鏈接用表格進(jìn)行頁面布局用表格進(jìn)行頁面布局簡(jiǎn)單簡(jiǎn)單JavaSciptJavaScipt的應(yīng)用方法的應(yīng)用方法討論分析與解決討論分析與解決思思 路路1.1.表格規(guī)范設(shè)計(jì)網(wǎng)頁的方法表格規(guī)范設(shè)計(jì)網(wǎng)頁的方法2.2.應(yīng)用應(yīng)用JavaSciptJavaScipt的方法的方法討論分析與解決討論分析與解決規(guī)規(guī) 范范如何設(shè)置文字、列表、分段等規(guī)范如何設(shè)置文字、列表、分段等規(guī)范布局規(guī)劃布局規(guī)劃解決方法解決方法1.1.網(wǎng)頁中文字、列表及分段的常用方式網(wǎng)頁中文字、列表及分段的常用方式2.2.網(wǎng)頁中鏈接的設(shè)置規(guī)范網(wǎng)頁中鏈接的設(shè)置規(guī)范討論分析與解決討論分析與解決規(guī)規(guī) 范范2.如何豐富網(wǎng)頁效果

4、如何豐富網(wǎng)頁效果, ,簡(jiǎn)單應(yīng)用簡(jiǎn)單應(yīng)用JavaSciptJavaScipt簡(jiǎn)單的簡(jiǎn)單的JavaScriptJavaScript應(yīng)用應(yīng)用 1 1、標(biāo)簽的應(yīng)用標(biāo)簽的應(yīng)用 2 2、 JavaScriptJavaScript文件命名、保存位置文件命名、保存位置的規(guī)范的規(guī)范JavaSciptJavaScipt應(yīng)用應(yīng)用解決方法解決方法討論分析與解決討論分析與解決CSS樣式與應(yīng)用樣式與應(yīng)用解決方法解決方法CSS樣式的作用：樣式的作用：能夠設(shè)置格式規(guī)則能夠設(shè)置格式規(guī)則,從而控制網(wǎng)頁內(nèi)容的外觀從而控制網(wǎng)頁內(nèi)容的外觀操作步驟：操作步驟：思思 路路1.1.使用使用CSSCSS樣式對(duì)網(wǎng)頁進(jìn)行規(guī)范設(shè)計(jì)的方法樣式對(duì)網(wǎng)頁進(jìn)

5、行規(guī)范設(shè)計(jì)的方法設(shè)置樣式表運(yùn)用對(duì)象設(shè)置樣式表運(yùn)用對(duì)象( (選擇類型選擇類型) )選擇標(biāo)簽選擇標(biāo)簽設(shè)置樣式表運(yùn)用范圍設(shè)置樣式表運(yùn)用范圍設(shè)置格式規(guī)則設(shè)置格式規(guī)則應(yīng)用應(yīng)用CSS樣式樣式討論分析與解決討論分析與解決2.2.表格規(guī)范設(shè)計(jì)網(wǎng)頁的方法表格規(guī)范設(shè)計(jì)網(wǎng)頁的方法表格設(shè)計(jì)規(guī)范表格設(shè)計(jì)規(guī)范思思 路路1.1.分析頁面布局模式，確定表格的行列數(shù)分析頁面布局模式，確定表格的行列數(shù)2.2.確定布局設(shè)計(jì)表格規(guī)范：確定布局設(shè)計(jì)表格規(guī)范： 邊框?qū)挾?、單元格間距的設(shè)置邊框?qū)挾?、單元格間距的設(shè)置3.3.利用利用1 1像素圖片固定表格布局像素圖片固定表格布局討論分析與解決討論分析與解決鏈接的制作鏈接的制作方方 法法1.1

6、.定義定義CSSCSS樣式設(shè)置鏈接樣式設(shè)置鏈接鏈接的四個(gè)狀態(tài)：鏈接的四個(gè)狀態(tài)： a:link 鏈接鏈接 a:active 活動(dòng)鏈接活動(dòng)鏈接 a:visited 訪問過的鏈接訪問過的鏈接 a:hover 鼠標(biāo)處在鏈接上鼠標(biāo)處在鏈接上鏈接的外觀設(shè)置鏈接的外觀設(shè)置: : 下劃線的設(shè)置下劃線的設(shè)置討論分析與解決討論分析與解決表格布局表格布局方方 法法2.2.用表格進(jìn)行頁面布局用表格進(jìn)行頁面布局1.1.表格和嵌套表格的設(shè)置方法表格和嵌套表格的設(shè)置方法2.2.設(shè)置表格基本屬性設(shè)置表格基本屬性3.3.插入表格中的頁面元素插入表格中的頁面元素討論分析與解決討論分析與解決添加特效添加特效方方 法法3.3.應(yīng)用應(yīng)

7、用JavaSciptJavaScipt的方法的方法1.1.利用網(wǎng)絡(luò)搜索利用網(wǎng)絡(luò)搜索JavaSciptJavaScipt的應(yīng)用效果的應(yīng)用效果2.2.簡(jiǎn)單的簡(jiǎn)單的JavaScriptJavaScript應(yīng)用應(yīng)用 標(biāo)簽的應(yīng)用標(biāo)簽的應(yīng)用1 1） CSSCSS樣式設(shè)計(jì)規(guī)范：樣式設(shè)計(jì)規(guī)范：（1 1）分析需要設(shè)置的格式規(guī)則）分析需要設(shè)置的格式規(guī)則 分析一般規(guī)律，設(shè)置規(guī)則分析一般規(guī)律，設(shè)置規(guī)則（2 2）新建）新建CSSCSS樣式表樣式表（3 3）根據(jù)）根據(jù)CSSCSS樣式不同的運(yùn)用范圍樣式不同的運(yùn)用范圍, ,可以設(shè)置僅對(duì)可以設(shè)置僅對(duì)當(dāng)前文檔或保存成獨(dú)立的文件，應(yīng)用到多個(gè)文檔當(dāng)前文檔或保存成獨(dú)立的文件，應(yīng)用到多個(gè)文檔。歸納總結(jié)歸納總結(jié)2）表格的設(shè)計(jì)規(guī)范）表格的設(shè)計(jì)規(guī)范（1）根據(jù)頁面布局模式，確定插入表格的行列數(shù)根據(jù)頁面布局模式，確定插入表格的行列數(shù)（2）確定表格的邊框?qū)挾?、單元格間距的設(shè)置確定表格的邊框?qū)挾?、單元格間距的設(shè)置（3）利用利用1 1像素圖片固定表格布局像素圖片固定表格布局歸納總結(jié)歸納總結(jié)3）JavaScript應(yīng)用的設(shè)計(jì)規(guī)范應(yīng)用的設(shè)計(jì)規(guī)范（1 1