網(wǎng)頁制作實訓(xùn)指導(dǎo)1-5(存儲版)
【正文】 個列表中實現(xiàn)頁面效果。項目準(zhǔn)備：newsinfo:數(shù)據(jù)庫名admin：管理員登錄表名user：用戶注冊信息表名news：新聞信息表名前臺（web）：images：js播放圖片；img：登錄頁面背景圖：前臺靜態(tài)頁面效果圖Style：前臺靜態(tài)頁面樣式：連接數(shù)據(jù)庫：確保登錄成功：登錄頁面：js代碼 后臺(admin):登錄頁面(dl):img:背景圖 確保登錄成功 登錄頁面admin：連接數(shù)據(jù)庫后臺首頁后臺界面框架左列表選項添加新聞：刪除新聞 新聞修改 新聞列表添加用戶刪除用戶 用戶列表 修改用戶：：：：：：：：：：：：：：：項目亮點：運用了兩次js代碼來實現(xiàn)效果，使頁面更加生動。實踐出真理，實訓(xùn)的日子快要結(jié)束，感覺還是學(xué)到了很多，從理論和操作中融合了我們平時所學(xué)的知識，也為我們今后的學(xué)習(xí)和工作鋪墊了精彩的一幕。有時候解決不了問題的時候，一次又一次在修改代碼，運行不出來時，我們會很著急失去耐心，也想放棄。在這，我表示深深的感謝！感謝我的小組成員，感謝幫助過我的同學(xué)，感謝我們的老師！第五篇：實訓(xùn)一 制作一個簡單的網(wǎng)頁實訓(xùn)一 創(chuàng)建和管理站點、制作站點首頁實訓(xùn)目標(biāo)：用Dreamweaver制作一個簡單的網(wǎng)頁一、用Dreamweaver創(chuàng)建和管理站點（一）在D盤上創(chuàng)建“暢想未來”站點在菜單欄中選擇“站點”→“新建站點”，在文本框中輸入網(wǎng)站的名稱“暢想未來”。（2）將文件重命名為“”。（三）按F12鍵，保存并預(yù)覽網(wǎng)頁。（2）將“未來都市”、“未來旅游”、“未來通訊”、“展望太空”、“科幻小說”設(shè)置為“標(biāo)題2”，并為其添加項目符號。（a）將光標(biāo)置于頁面左上角的起始處，然后按回車鍵，生成一個空行。3．調(diào)整圖象“”的周邊間距選中圖象“”，按下圖設(shè)置圖象的垂直邊距和水平邊距。（2）單擊“屬性”面板右側(cè)的“快速標(biāo)簽編輯器”中輸入“color=”024918””。四、實訓(xùn)總結(jié)（一）本實訓(xùn)介紹了利用Dreamweaver創(chuàng)建站點的方法1．建立站點，首先要規(guī)劃站點結(jié)構(gòu)，然后創(chuàng)建站點。5．對文本設(shè)置相應(yīng)的字符格式和段落格式，效果如下圖所示。方法：先選中文本，然后在文本的“屬性”面板上單擊“文本顏色”按鈕，拖動鼠標(biāo)移動滴管到所要設(shè)置的顏色上單擊即可，如下圖所示。如下圖所示。（2）使圖象“”左對齊。（3）按F12，保存并預(yù)覽網(wǎng)頁。而則是分段符，相當(dāng)于回車，等同于兩個。（一）設(shè)置頁面外觀在“分類”→“外觀”中按下圖設(shè)置“頁面字體”：宋體、“文本顏色”：03488“背景顏色”：B8DCF4。結(jié)果如下圖所示。遇到不理解的問題老師會很耐心的跟我們講解，還用起了畫圖方法，真的很形象生動。我明白這就是團(tuán)隊的力量，不可小覷?？偨Y(jié)：通過本次實訓(xùn)我們基本掌握了制作簡單網(wǎng)頁，完善登陸前后臺，相互連接的過程。news表是要通過數(shù)據(jù)庫連接實現(xiàn)新聞增加，修改，刪除。然后利用fromeset分幀做好后臺框架。隨著科學(xué)技術(shù)發(fā)展的日新月異，網(wǎng)頁設(shè)計制作已經(jīng)成為當(dāng)今計算機(jī)應(yīng)用中空前活躍的領(lǐng)域，在生活中可以說是無處不在。雖然實訓(xùn)也有些苦痛和煩惱，但是我們每一個人都懷著一顆學(xué)習(xí)的心，不怕困哪和苦痛，認(rèn)真的完成了網(wǎng)站規(guī)劃的實訓(xùn)。通過這次實訓(xùn)，我學(xué)到了很多有價值的東西。還有一些行為中的效果也是蠻不錯的。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。于是網(wǎng)站主題確立。然后插入到靜態(tài)網(wǎng)頁中，使網(wǎng)頁更加生動形象。我們設(shè)計好模板后只要在可編輯區(qū)依次編輯所需資料就可，運用模板建立子網(wǎng)頁少了很多工序，為我們節(jié)省大量的時間。我們本次間的網(wǎng)站基本以粉紅為基點，粉紅是可愛清純的顏色，粉紅代表著幸福溫馨，所以本站以粉紅為風(fēng)格，讓整個網(wǎng)站充滿愛的力量。正確使用JavaScript添加網(wǎng)頁特效。應(yīng)當(dāng)注意的是在設(shè)置無邊框時邊框設(shè)為0即可4行2列的表格。暫時我們還不登陸遠(yuǎn)程服務(wù)器，因此選項中選擇【無】。第一篇：網(wǎng)頁制作實訓(xùn)指導(dǎo)15項目名稱：站點的建立任課教師：翟英杰分組情況：1人/組實訓(xùn)指導(dǎo)老師：翟英杰實訓(xùn)時間：2010年9月7日星期二 6（8）節(jié)；實訓(xùn)目的及理論依據(jù)：熟悉網(wǎng)頁制作基本流程和dw基本界面實訓(xùn)要求及操作規(guī)程：要求獨立完成實驗，由指導(dǎo)老師指導(dǎo)?！灸绾芜B接到遠(yuǎn)程服務(wù)器】現(xiàn)在，已經(jīng)為您的站點定義了一個本地根文件夾。(表格)插入——》表格（設(shè)置為5列1行）邊框設(shè)為1 背景顏色（選取適合顏色）建一個無邊框表格：5行1列。熟練使用CSS樣式表美化網(wǎng)頁。于是我們從幸福出發(fā)，想到了結(jié)婚婚紗，建立一個簡單的介紹婚紗的網(wǎng)站并取名喜多坊時尚時尚婚紗,專業(yè)介紹一些喜多坊婚紗的特色等。我們在網(wǎng)上進(jìn)行flash素材的收集，通過Flash CS3設(shè)計出主題下的風(fēng)格動態(tài)效果?？紤]到,現(xiàn)在城市普遍幸福感
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1