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

付費(fèi)下載

下載本文檔

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

文檔簡介

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

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

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

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

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

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

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

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

html

PUBLIC

"-//W3C//DTD

XHTML1.0

Transitional//EN"

"

">網(wǎng)頁字符編碼、文檔特性描述<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)頁中顯示的內(nèi)容在body標(biāo)記中12插入表格在淘寶網(wǎng)新聞頁面中插入表格在網(wǎng)頁中插入表格的方法方法一：選擇菜單“插入記錄”→“表格”方法二：單擊插入欄“常用”類別中“表格”按鈕13插入圖像在淘寶網(wǎng)新聞頁面中插入圖像在網(wǎng)頁中插入圖像的方法方法一：選擇菜單“插入記錄”→“圖像”方法二：單擊插入欄“常用”類別中“圖像”按鈕設(shè)置圖像屬性圖像寬和高圖像對齊方式14插入水平線在淘寶網(wǎng)新聞頁面中插入水平線插入水平線的方法選擇菜單“插入記錄”→“HTML”→“水平線”水平線的高對齊方式15頁面屬性的設(shè)置如何設(shè)置頁面字體、顏色大小等設(shè)置頁面的邊距、字體、大小設(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)新聞頁面完成效果17小結(jié)請思考：如何向頁面中插入一個圖像？如何新建一個空白頁面？一個HTML頁面有哪幾部分組成，分別是什么？如何設(shè)置頁面字體大??？18使用Dreamweaver編輯淘寶網(wǎng)購物頁面淘寶網(wǎng)購物頁面完成內(nèi)容標(biāo)題的設(shè)置

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

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

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

溫馨提示

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

最新文檔

評論

0/150

提交評論