WEB技術(shù)開發(fā)實訓(xùn)指導(dǎo)書基礎(chǔ)篇(上)

1、精選優(yōu)質(zhì)文檔-傾情為你奉上WEB技術(shù)開發(fā)基礎(chǔ)篇實訓(xùn)指導(dǎo)書編著：曾曉亮 吳瓊 2010年12月專心-專注-專業(yè)WEB技術(shù)開發(fā)基礎(chǔ)篇實訓(xùn)指導(dǎo)書 本實訓(xùn)主要面向計算機網(wǎng)絡(luò)、電子商務(wù)專業(yè)、信息系統(tǒng)專業(yè)的學(xué)生。時間為一周。實訓(xùn)目的與性質(zhì)實訓(xùn)的主要目的是讓學(xué)生對網(wǎng)頁開發(fā)進(jìn)行實踐，理解網(wǎng)頁開發(fā)的基本技術(shù)。本實訓(xùn)為必做應(yīng)用性課程實訓(xùn)，可安排在第3、4學(xué)期，每個實訓(xùn)建議為2學(xué)分。實訓(xùn)環(huán)境的準(zhǔn)備本實訓(xùn)的環(huán)境要求安裝Windows2000以上版本操作系統(tǒng)，Web服務(wù)器采用IIS5以上版本，網(wǎng)頁開發(fā)軟件安裝Dreamweaver。實訓(xùn)程序及進(jìn)度安排本實訓(xùn)以學(xué)生的網(wǎng)頁設(shè)計活動為主線，在此過程中，教師給予適當(dāng)?shù)闹笇?dǎo)并重點

2、控制實訓(xùn)進(jìn)度安排。教學(xué)程序建議如下：1）布置任務(wù)和要求指導(dǎo)教師說明網(wǎng)頁設(shè)計實訓(xùn)的基本要求和實訓(xùn)的要點。2）網(wǎng)頁設(shè)計根據(jù)要求，完成網(wǎng)頁的設(shè)計。實訓(xùn)評測及考核方法本實訓(xùn)的成績將以個人為單位給出， 進(jìn)行上機實訓(xùn)檢查，按開發(fā)出的網(wǎng)頁運行效果、正確性及先進(jìn)性等因素進(jìn)行評分，同時學(xué)生要提交實訓(xùn)報告，平時上機檢查成績占15%，整體作品檢查60%，實訓(xùn)報告成績占25%。實訓(xùn)內(nèi)容一共安排十一個實訓(xùn)，分別對網(wǎng)頁設(shè)計的每一章節(jié)進(jìn)行實踐。實訓(xùn)一 網(wǎng)頁設(shè)計基礎(chǔ)1. 用Dreamweaver制作一個簡單的網(wǎng)頁，可以在網(wǎng)頁中加入文字、圖片等，并設(shè)置網(wǎng)頁的背景色以及網(wǎng)頁標(biāo)題。2. 設(shè)計一個網(wǎng)站。要求創(chuàng)建一個支持ASP VBS

3、cript的站點。實訓(xùn)二 表格的應(yīng)用1. 利用表格布局制作一個效果如下圖的個人主頁。（圖片材料可以自己準(zhǔn)備）實訓(xùn)三 超級鏈接1. 利用超級鏈接創(chuàng)建幾個唐詩的鏈接，使得網(wǎng)頁能夠在點擊唐詩的題目時進(jìn)行頁面的轉(zhuǎn)換。2. 做一個友情鏈接頁面，提供例如搜狐、網(wǎng)易、雅虎中國等網(wǎng)站的圖片鏈接，要求新窗口中打開鏈接。3. 做一個軟件下載頁面，提供一些小軟件的下載功能。4. 在一個圖片上分別創(chuàng)建矩形熱點、圓形熱點和一個不規(guī)則形狀的熱點，并分別設(shè)置不同的鏈接。5. 創(chuàng)建一個電子郵件鏈接，鏈接目標(biāo)為自己的電子郵件。實訓(xùn)四 圖像和多媒體在網(wǎng)頁上插入背景音樂循環(huán)播放和flash圖片。實訓(xùn)五 CSS樣式表創(chuàng)建幾個外部CS

4、S樣式表文件，用來統(tǒng)一某個網(wǎng)站中不同網(wǎng)頁的格式。（如：正文、標(biāo)題等）實訓(xùn)六 網(wǎng)頁布局設(shè)計1. 用表格布局的方法布局下圖2. 靈活運用布局方法仿照新浪網(wǎng)的網(wǎng)頁進(jìn)行布局。實訓(xùn)七 靈活應(yīng)用圖層和行為1. 熟悉并應(yīng)用軟件中內(nèi)置的其他行為動作，嘗試使用“拖動層”的行為動作命令來制作網(wǎng)頁中元素的拖拽效果。2. 嘗試把“可控制滾動方向的圖片”實例進(jìn)行完善，實現(xiàn)鼠標(biāo)移動到圖片上時能使得圖片停止運動，鼠標(biāo)離開時繼續(xù)移動。實訓(xùn)八 擴展Dreamweaver的應(yīng)用1. 自己搜集一張圖片，在Fireworks或Photoshop中進(jìn)行切片處理，并給切片增加交換圖像行為，并導(dǎo)出HTML文件。嘗試切片的鼠標(biāo)右鍵菜單中其他功能。2. 根據(jù)自己的愛好去搜集經(jīng)典的插件，并安裝運行。實訓(xùn)九 模版、庫和站點管理1. 創(chuàng)建一個簡單的個人網(wǎng)站模版，新建兩個基于該模版的網(wǎng)頁，并填上簡單的內(nèi)容。2. 將上題完成的網(wǎng)頁中的某個元素（如圖象、表格、聲音和Flash文件等）轉(zhuǎn)化為庫項目。然后更改這個庫項目，并更新使用這個庫項目的所有網(wǎng)頁。3. 運用站點管理功能進(jìn)行上傳，并能對本地文件和遠(yuǎn)程站點的文件進(jìn)行同步更新。實訓(xùn)十 打造一個互動留言板1. 打造一個互動留言板程序。(asp程序，)實訓(xùn)十一 精彩網(wǎng)站制作實戰(zhàn)本部分要求整合之前完成的全部內(nèi)容，形成完整的網(wǎng)站，鞏固網(wǎng)頁設(shè)計的操作技能。要求按照以下順序進(jìn)行。1. 網(wǎng)站總體策劃2