HTML實(shí)驗(yàn)報告

1、 東北大學(xué)軟件學(xué)院 HTML與JavaScript 實(shí)驗(yàn)報告 專 業(yè)： 軟件工程 班 級： 1405 學(xué) 號： 20144706 姓 名： 張俊怡 完成時間：2015/12/6 指導(dǎo)教師：王蓓蕾 總共頁數(shù)： 8 網(wǎng)站主界面：（針對顏色不協(xié)調(diào)的問題已經(jīng)改進(jìn)）主界面布局：全程采用table布局，主要分塊為上邊一塊，下邊一塊，中間過渡用動態(tài)效果展示網(wǎng)站信息。下邊左邊是主要功能選擇區(qū)，中間是文字動態(tài)區(qū)，右邊是圖片以及視頻動態(tài)展示區(qū)。采用的CSS方法：Class外部關(guān)聯(lián)和內(nèi)部關(guān)聯(lián)配合使用網(wǎng)站整體顏色風(fēng)格：用淡雅淺色作為主頁背景編寫代碼步驟：最重要的是整體布局，布局好后分塊修飾。使用了JavaScript

2、<script language="JavaScript" type="text/javascript">var d=new Date();var monthname=new Array("January","February","March","April","May","June","July","August","September","Octobe

3、r","November","December");var TODAY = monthnamed.getMonth() + " " + d.getDate() + ", " + d.getFullYear();</script>來獲取當(dāng)前系統(tǒng)時間。網(wǎng)站介紹頁面：使用了較多是js和jQuery實(shí)現(xiàn)了圖片的動態(tài)特效。資料下載頁面：布局方式：采用table布局，布局較為簡單，資料下載這個頁面能實(shí)現(xiàn)的功能其實(shí)包括資料下載和上傳。代碼：留言頁面：用JavaScript實(shí)現(xiàn)的邏輯判斷用table進(jìn)行布局，

4、form，input標(biāo)簽。CSS采用的是內(nèi)部關(guān)聯(lián)使用。文章欣賞界面：訪客可以再次閱讀所發(fā)布的文章登陸界面，采用div布局，用內(nèi)部CSS關(guān)聯(lián)裝飾用JavaScript進(jìn)行密碼驗(yàn)證（當(dāng)然這沒用，應(yīng)該用后臺邏輯驗(yàn)證）文章展示區(qū)使用的table布局Herf了幾個文章的連接注冊粉絲界面：簡單的一個表單form，和JavaScript判斷采用table布局，難點(diǎn)在JavaScript判斷，得一個一個判斷，符合格式才能輸入下一個信息。在線聊天界面：視頻欣賞界面：查看留言界面：實(shí)驗(yàn)報告總結(jié)：網(wǎng)站全部界面已完成還有少部分界面未寫，部分功能設(shè)計后臺數(shù)據(jù)庫的未實(shí)現(xiàn)，其他屬于HTML，HTML5和JavaScript知識的功能均已實(shí)現(xiàn)（數(shù)據(jù)庫等后臺交互功能有困難），