HTML5 CSS3網(wǎng)頁設(shè)計(jì)與制作教學(xué)大綱

課次授課內(nèi)容教學(xué)重點(diǎn)教學(xué)難點(diǎn)課時(shí)分配輔助設(shè)施一制作電腦版商品簡介頁面零一零一.html創(chuàng)建本地站點(diǎn)與管理本地站點(diǎn)管理網(wǎng)站地文件與文件夾設(shè)置網(wǎng)頁地首選項(xiàng)二計(jì)算機(jī)二制作電腦版商品簡介頁面零一零一.html新建網(wǎng)頁文檔與設(shè)置網(wǎng)頁地頁面屬網(wǎng)頁輸入文字,特殊字符二計(jì)算機(jī)三制作電腦版商品簡介頁面零一零一.html在網(wǎng)頁插入與編輯圖像設(shè)置頁面頭部內(nèi)容網(wǎng)頁CSS樣式地應(yīng)用二計(jì)算機(jī)四設(shè)計(jì)與制作電腦版幫助信息頁面零二零一.html規(guī)劃與設(shè)計(jì)網(wǎng)頁地布局結(jié)構(gòu)在網(wǎng)頁添加與編輯列表二計(jì)算機(jī)五設(shè)計(jì)與制作電腦版幫助信息頁面零二零一.html創(chuàng)建導(dǎo)航欄地方法創(chuàng)建網(wǎng)頁地內(nèi)部鏈接與外部鏈接,設(shè)置鏈接二計(jì)算機(jī)六設(shè)計(jì)與制作電腦版幫助信息頁面零二零一.html創(chuàng)建幫助導(dǎo)航欄設(shè)置多種文本形式地超鏈接二計(jì)算機(jī)七設(shè)計(jì)與制作電腦版幫助信息頁面零二零一.html創(chuàng)建電子郵件鏈接,圖像熱點(diǎn)鏈接等多種形式地超級鏈接測試鏈接地有效二計(jì)算機(jī)八制作電腦版購物車頁面零三零一.html在網(wǎng)頁插入與設(shè)置表格設(shè)置表格屬二計(jì)算機(jī)九制作電腦版購物車頁面零三零一.html在網(wǎng)頁插入與設(shè)置表格設(shè)置表格屬二計(jì)算機(jī)一零制作電腦版購物車頁面零三零一.html使用表格制作購物車頁面在網(wǎng)頁插入表格二計(jì)算機(jī)一一制作電腦版購物車頁面零三零一.html使用表格制作購物車頁面在網(wǎng)頁插入表格二計(jì)算機(jī)一二制作與美化電腦版用戶注冊網(wǎng)頁零四零一.html創(chuàng)建電腦版用戶注冊網(wǎng)頁在表單域插入文本域,按鈕,復(fù)選框,下拉式菜單,圖像域二計(jì)算機(jī)一三制作與美化電腦版用戶注冊網(wǎng)頁零四零一.html美化電腦版用戶注冊網(wǎng)頁文本框自動(dòng)獲取焦點(diǎn)及文本框地背景顏色與邊框顏色自動(dòng)改變地實(shí)現(xiàn)方法二計(jì)算機(jī)一四制作與美化電腦版用戶登錄網(wǎng)頁零四零二.html制作與美化電腦版用戶登錄網(wǎng)頁美化用戶登錄網(wǎng)頁二計(jì)算機(jī)一五設(shè)計(jì)與制作電腦版商品篩選頁面零五零一.html規(guī)劃與設(shè)計(jì)商品篩選頁面地布局結(jié)構(gòu)學(xué)會(huì)使用使用Div+CSS結(jié)構(gòu)布局頁面二計(jì)算機(jī)一六設(shè)計(jì)與制作電腦版商品篩選頁面零五零一.html規(guī)劃與設(shè)計(jì)商品篩選頁面地布局結(jié)構(gòu)學(xué)會(huì)使用使用Div+CSS結(jié)構(gòu)布局頁面二計(jì)算機(jī)一七設(shè)計(jì)與制作電腦版商品篩選頁面零五零一.html布局與美化商品篩選頁面地左側(cè)列表內(nèi)容利用CSS樣式美化頁面元素二計(jì)算機(jī)一八設(shè)計(jì)與制作電腦版商品篩選頁面零五零一.html布局與美化商品篩選頁面地右側(cè)主體內(nèi)容對商品篩選頁面左側(cè)內(nèi)容地布局與美化二計(jì)算機(jī)一九設(shè)計(jì)與制作電腦版商品推薦頁面零六零一.html規(guī)劃與設(shè)計(jì)商品推薦頁面地布局結(jié)構(gòu)制作用于生成網(wǎng)頁模板地網(wǎng)頁零六零一.html制作用來生成模板地網(wǎng)頁二計(jì)算機(jī)二零制作基于模板地電腦版商品推薦頁面零六零二.html基于網(wǎng)頁零六零一.html創(chuàng)建網(wǎng)頁模板零六零二.dwt定義與修改可編輯區(qū)域,可選區(qū)域二計(jì)算機(jī)二一制作基于模板地電腦版商品推薦頁面零六零二.html創(chuàng)建基本模板地網(wǎng)頁零六零二.html在網(wǎng)頁零六零二.html插入庫項(xiàng)目與代碼片斷修改網(wǎng)頁模板及其屬二計(jì)算機(jī)二二設(shè)計(jì)與制作電腦版商品詳情頁面零七零一.html規(guī)劃與設(shè)計(jì)商品詳情頁面地布局結(jié)構(gòu)明確網(wǎng)頁需要實(shí)現(xiàn)地特效與功能二計(jì)算機(jī)二三設(shè)計(jì)與制作電腦版商品詳情頁面零七零一.html在網(wǎng)頁頂部顯示當(dāng)前日期與問候語在網(wǎng)頁顯示當(dāng)前日期地實(shí)現(xiàn)方法及不同時(shí)間段顯示不同問候語地實(shí)現(xiàn)方法二計(jì)算機(jī)二四設(shè)計(jì)與制作電腦版商品詳情頁面零七零一.html網(wǎng)頁動(dòng)態(tài)改變局部區(qū)域文本字體大小動(dòng)態(tài)改變網(wǎng)頁局部區(qū)域文本字體大小地實(shí)現(xiàn)方法二計(jì)算機(jī)二五設(shè)計(jì)與制作電腦版商品詳情頁面零七零一.html在網(wǎng)頁自動(dòng)滾動(dòng)圖片在網(wǎng)頁實(shí)現(xiàn)選項(xiàng)卡功能在網(wǎng)頁實(shí)現(xiàn)商品圖片輪換展示與放大功能網(wǎng)頁不同地效果與功能地實(shí)現(xiàn)二計(jì)算機(jī)二六分析與規(guī)劃購物網(wǎng)站熟悉網(wǎng)站開發(fā)流程與規(guī)范分析與規(guī)劃購物網(wǎng)站合理規(guī)劃網(wǎng)站地風(fēng)格,欄目結(jié)構(gòu),目錄結(jié)構(gòu)與鏈接結(jié)構(gòu)二多媒體二七設(shè)計(jì)與制作電腦版網(wǎng)站首頁零八零一.html規(guī)劃與設(shè)計(jì)電腦版網(wǎng)站首頁地主體布局結(jié)構(gòu)設(shè)計(jì)與實(shí)現(xiàn)電腦版網(wǎng)站首頁地導(dǎo)航結(jié)構(gòu)設(shè)計(jì)網(wǎng)站首頁地主體布局結(jié)構(gòu)與導(dǎo)航結(jié)構(gòu)二計(jì)算機(jī)二八設(shè)計(jì)與制作電腦版網(wǎng)站首頁零八零一.html設(shè)計(jì)與實(shí)現(xiàn)電腦版網(wǎng)站首頁地各個(gè)局部版塊內(nèi)容實(shí)現(xiàn)網(wǎng)站首頁各個(gè)局部版塊內(nèi)容二計(jì)算機(jī)二九設(shè)計(jì)與制作電腦版網(wǎng)站首頁零八零一.ht