網(wǎng)絡(luò)系統(tǒng)chap01 v1benet3 0第一學(xué)期課程_第1頁(yè)
網(wǎng)絡(luò)系統(tǒng)chap01 v1benet3 0第一學(xué)期課程_第2頁(yè)
網(wǎng)絡(luò)系統(tǒng)chap01 v1benet3 0第一學(xué)期課程_第3頁(yè)
網(wǎng)絡(luò)系統(tǒng)chap01 v1benet3 0第一學(xué)期課程_第4頁(yè)
網(wǎng)絡(luò)系統(tǒng)chap01 v1benet3 0第一學(xué)期課程_第5頁(yè)
已閱讀5頁(yè)，還剩29頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

BENET3.0第一學(xué)期課程組建與維護(hù)企業(yè)網(wǎng)站課程目標(biāo)使用表格或?qū)硬季志W(wǎng)頁(yè)使用DIV＋CSS布局網(wǎng)頁(yè)并制作出精美頁(yè)面會(huì)創(chuàng)建數(shù)據(jù)庫(kù)、數(shù)據(jù)表、管理數(shù)據(jù)庫(kù)和表使用SQL語(yǔ)句對(duì)數(shù)據(jù)庫(kù)進(jìn)行增、刪、改、查操作搭建動(dòng)態(tài)網(wǎng)站運(yùn)行環(huán)境維護(hù)動(dòng)態(tài)網(wǎng)站2課程結(jié)構(gòu)3精美網(wǎng)頁(yè)的制作數(shù)據(jù)庫(kù)管理維護(hù)動(dòng)態(tài)網(wǎng)站使用DW創(chuàng)建站點(diǎn)和管

理網(wǎng)站，掌握基礎(chǔ)的制

作網(wǎng)頁(yè)技術(shù)，包括新建

頁(yè)面、在網(wǎng)頁(yè)中使用表

格、層、文本格式化等，頁(yè)面元素和HTML標(biāo)記之間的關(guān)系使用表格和層布局網(wǎng)頁(yè)創(chuàng)建網(wǎng)站虛擬目錄使用DIV＋CSS布局企業(yè)網(wǎng)站，使用CSS精確定位DIV和美化網(wǎng)頁(yè)元素使用SMSS創(chuàng)建與維護(hù)數(shù)據(jù)庫(kù)使用SMSS創(chuàng)建數(shù)據(jù)庫(kù)表使用SQL語(yǔ)句向?qū)?shù)據(jù)庫(kù)表進(jìn)行查詢(xún)、修改、刪除、增加

等操作維護(hù)數(shù)據(jù)庫(kù)搭建動(dòng)態(tài)網(wǎng)站的運(yùn)行環(huán) 境，修改數(shù)據(jù)庫(kù)連接， 使網(wǎng)站能夠運(yùn)行起來(lái)根據(jù)企業(yè)需求修改動(dòng)態(tài) 頁(yè)面的控件屬性或修改 頁(yè)面的網(wǎng)頁(yè)元素使網(wǎng)頁(yè) 看起來(lái)更美觀、漂亮使用FTP上傳工具把修改后的頁(yè)面上傳到遠(yuǎn)程服務(wù)器目錄，保證網(wǎng)站正常運(yùn)行第1~4章第5~6章第7~9章BENET3.0第一學(xué)期課程第一章使用Dreamweaver制作簡(jiǎn)單頁(yè)面——理論部分技能展示會(huì)使用Dreamweaver創(chuàng)建本地站點(diǎn)

會(huì)使用Dreamweaver新建和保存頁(yè)面會(huì)使用Dreamweaver添加頁(yè)面元素會(huì)使用Dreamweaver修改頁(yè)面元素屬性了解網(wǎng)頁(yè)標(biāo)記與頁(yè)面元素之間的關(guān)素5本章結(jié)構(gòu)認(rèn)識(shí)開(kāi)發(fā)環(huán)境和創(chuàng)建本地站點(diǎn)編輯頁(yè)面開(kāi)發(fā)環(huán)境和工具的介紹頁(yè)面屬性的設(shè)置文本格式化和段落創(chuàng)建本地站點(diǎn)站點(diǎn)目錄結(jié)構(gòu)使用Dreamweaver制作簡(jiǎn)單網(wǎng)頁(yè)制作頁(yè)面使用Dreamweaver創(chuàng)建網(wǎng)頁(yè)網(wǎng)頁(yè)的元素和組成插入表格和圖像6為什么需要制作網(wǎng)頁(yè)經(jīng)營(yíng)網(wǎng)上商店網(wǎng)上辦公7開(kāi)發(fā)環(huán)境和開(kāi)發(fā)工具介紹Dreamweaver

CS3菜單欄插入欄文檔工具欄面板組屬性檢查器文檔窗口8創(chuàng)建本地站點(diǎn)選擇“基本”選項(xiàng)，按推薦步驟創(chuàng)建站點(diǎn)在站點(diǎn)中創(chuàng)建文件夾在站點(diǎn)中創(chuàng)建文件選擇“高級(jí)”選項(xiàng)，創(chuàng)建本地站點(diǎn)9使用Dreamweaver制作淘寶網(wǎng)新聞頁(yè)面淘寶網(wǎng)新聞頁(yè)面分析創(chuàng)建網(wǎng)頁(yè)分析網(wǎng)頁(yè)元素和組成插入表格插入圖像頁(yè)面屬性設(shè)置10使用Dreamweaver創(chuàng)建網(wǎng)頁(yè)創(chuàng)建淘寶網(wǎng)新聞頁(yè)面創(chuàng)建頁(yè)面的方法方法一：選擇菜單“文件”→“新建”的方式方法二：在“文件”面板中右擊的方式11網(wǎng)頁(yè)元素和組成DOCTYPE聲明<!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML1.0

Transitional//EN"

"

">網(wǎng)頁(yè)字符編碼、文檔特性描述<meta

http-equiv="Content-Type"content="text/html;

charset=utf-8"

/>html、head、title、body文檔內(nèi)容在html標(biāo)記中head標(biāo)頭區(qū)放link、title、meta、style等標(biāo)記標(biāo)題在title標(biāo)記中網(wǎng)頁(yè)中顯示的內(nèi)容在body標(biāo)記中12插入表格在淘寶網(wǎng)新聞頁(yè)面中插入表格在網(wǎng)頁(yè)中插入表格的方法方法一：選擇菜單“插入記錄”→“表格”方法二：?jiǎn)螕舨迦霗凇俺Ｓ谩鳖?lèi)別中“表格”按鈕13插入圖像在淘寶網(wǎng)新聞頁(yè)面中插入圖像在網(wǎng)頁(yè)中插入圖像的方法方法一：選擇菜單“插入記錄”→“圖像”方法二：?jiǎn)螕舨迦霗凇俺Ｓ谩鳖?lèi)別中“圖像”按鈕設(shè)置圖像屬性圖像寬和高圖像對(duì)齊方式14插入水平線在淘寶網(wǎng)新聞頁(yè)面中插入水平線插入水平線的方法選擇菜單“插入記錄”→“HTML”→“水平線”水平線的高對(duì)齊方式15頁(yè)面屬性的設(shè)置如何設(shè)置頁(yè)面字體、顏色大小等設(shè)置頁(yè)面的邊距、字體、大小設(shè)置標(biāo)題的字體大小、樣式body,td,th

{font-size:

12px;}body

{margin-left:

0px;margin-top:

0px;}h1

{font-size:

16px;color:

#FF0000;}編輯新聞主要內(nèi)容16淘寶網(wǎng)新聞頁(yè)面完成效果17小結(jié)請(qǐng)思考：如何向頁(yè)面中插入一個(gè)圖像？如何新建一個(gè)空白頁(yè)面？一個(gè)HTML頁(yè)面有哪幾部分組成，分別是什么？如何設(shè)置頁(yè)面字體大?。?8使用Dreamweaver編輯淘寶網(wǎng)購(gòu)物頁(yè)面淘寶網(wǎng)購(gòu)物頁(yè)面完成內(nèi)容標(biāo)題的設(shè)置

插入商品圖像商品出售情況編輯商品評(píng)價(jià)承諾和買(mǎi)家必讀淘寶網(wǎng)購(gòu)物頁(yè)面分析插入圖像和文本文本格式化設(shè)置段落19編輯淘寶網(wǎng)購(gòu)物頁(yè)面文本格式化字體大小文本對(duì)齊方式字體加粗和斜體設(shè)置文本在單元格中對(duì)齊方式設(shè)置字體顏色20制作商品詳情編輯商品標(biāo)題插入商品圖像輸入商品信息輸入寶貝詳情設(shè)置字體大小及字體顏色21段落換行方式選擇菜單“插入記錄”→“HTML”→“特殊字符

”→“換行符”，插入換行符<br/>按快捷鍵Shift+Enter快速輸入一個(gè)換行符單擊按鈕

，插入換行符直接按Enter鍵，生成<p>和</p>標(biāo)記換行首行縮進(jìn)22制作寶貝詳情插入文本設(shè)置文本的字體大小、樣式和段落插入圖像23本章總結(jié)認(rèn)識(shí)開(kāi)發(fā)環(huán)境和創(chuàng)建本地站點(diǎn)編輯頁(yè)面開(kāi)發(fā)環(huán)境和工具的介紹頁(yè)面屬性的設(shè)置文本格式化和段落創(chuàng)建本地站點(diǎn)站點(diǎn)目錄結(jié)構(gòu)使用Dreamweaver制作簡(jiǎn)單網(wǎng)頁(yè)制作頁(yè)面使用Dreamweaver創(chuàng)建網(wǎng)頁(yè)網(wǎng)頁(yè)的元素和組成插入表格和圖像24BENET3.0第一學(xué)期課程第一章使用Dreamweaver制作簡(jiǎn)單頁(yè)面——上機(jī)部分實(shí)驗(yàn)案例1：創(chuàng)建本地站點(diǎn)需求描述使用新建站點(diǎn)中的“高級(jí)”選項(xiàng)創(chuàng)建paipai站點(diǎn)實(shí)現(xiàn)思路選擇菜單“站點(diǎn)”→“新建站點(diǎn)”，利用“高級(jí)”設(shè)置站點(diǎn)名稱(chēng)為paipai設(shè)置圖片文件夾名稱(chēng)image26實(shí)驗(yàn)案例1：創(chuàng)建本地站點(diǎn)學(xué)員練習(xí)確定站點(diǎn)名稱(chēng)設(shè)置本地文件夾路徑10分鐘完成27實(shí)驗(yàn)案例2：制作拍拍網(wǎng)新聞頁(yè)面需求描述在paipai站點(diǎn)中創(chuàng)建拍拍網(wǎng)新聞頁(yè)面網(wǎng)站導(dǎo)航及左側(cè)部分內(nèi)容用圖片代替編輯新聞標(biāo)題及正文內(nèi)容28實(shí)現(xiàn)思路頁(yè)面布局，插入一個(gè)4行1列的表格插入圖像和水平線，并在屬性檢查器中設(shè)置其樣式新聞主體部分布局，插入一個(gè)1行2列的表格，用來(lái)插入左邊菜單圖片和右側(cè)新聞內(nèi)容在頁(yè)面屬性和屬性檢查器中設(shè)置頁(yè)面的元素29實(shí)驗(yàn)案例2：制作拍拍網(wǎng)新聞頁(yè)面學(xué)員練習(xí)插入表格插入圖像和水平線設(shè)置字體大小和顏色，以及段落的設(shè)置實(shí)驗(yàn)案例2：制作拍拍網(wǎng)新聞頁(yè)面40分鐘完成30實(shí)驗(yàn)案例3：編輯拍拍網(wǎng)購(gòu)物頁(yè)面需求描述根據(jù)素材內(nèi)容，向頁(yè)面中插入圖像、文本設(shè)置文本的字體大小、字體顏色設(shè)置文本在單元格中的對(duì)齊方式31實(shí)驗(yàn)案例3：編輯拍拍網(wǎng)購(gòu)物頁(yè)面實(shí)現(xiàn)思路制作主體部分，首先使用表格布局，插入一個(gè)2行1列的表格插入圖片和文字，各個(gè)部分

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論