1、設(shè)計(jì)內(nèi)容及要求使用各種html標(biāo)記，css各種常用樣式及簡(jiǎn)單的javascript技術(shù)，完成的網(wǎng)頁(yè)沒(méi)有錯(cuò)誤首頁(yè)設(shè)置導(dǎo)航欄，命名為index.html利用css技術(shù)對(duì)網(wǎng)站進(jìn)行布局，網(wǎng)站風(fēng)格統(tǒng)一靈活運(yùn)用javascript使網(wǎng)頁(yè)生動(dòng)一、 設(shè)計(jì)思路廣饒關(guān)于圖片欣賞首 頁(yè)主頁(yè)東營(yíng)首 頁(yè)作品簡(jiǎn)介人物簡(jiǎn)介id=menuid=wrapperid=sidebar 首頁(yè)：二、 設(shè)計(jì)結(jié)果及分析首頁(yè)：1. 對(duì)于主頁(yè)，因?yàn)椴惶矚g類似于搜狐類似的全文檢索，更青睞于百度類似比較簡(jiǎn)潔的頁(yè)面，隨后設(shè)計(jì)出主頁(yè)，雖然很簡(jiǎn)單，但我認(rèn)為很精練，突出了這次設(shè)計(jì)的主題。東營(yíng)：2. 對(duì)于主頁(yè)，因?yàn)椴惶矚g類似于搜狐類似的全文檢索，更青睞

2、于百度類似比較簡(jiǎn)潔的頁(yè)面，隨后設(shè)計(jì)出主頁(yè)，雖然很簡(jiǎn)單，但我認(rèn)為很精練，突出了這次設(shè)計(jì)的主題。廣饒簡(jiǎn)介：聯(lián)系：3. 第四章做了根據(jù)js的一個(gè)互動(dòng)?？梢詫?duì)前臺(tái)郵箱的內(nèi)容進(jìn)行判斷。圖片欣賞：4. 第五章，由于需要用到表格的內(nèi)容，所以將照片用著種形式呈現(xiàn)出。三、 總結(jié)通過(guò)本次網(wǎng)頁(yè)的制作過(guò)程，我學(xué)到了很多實(shí)用的東西，也充分了解了editpuls這個(gè)軟件的強(qiáng)大，對(duì)學(xué)習(xí)了一個(gè)學(xué)期的課程也有了深入的了解。在這段時(shí)間里，一方面，我嘗試著講課本上所學(xué)的知識(shí)運(yùn)用到制作中，另一方面，我又時(shí)刻在網(wǎng)上學(xué)習(xí)自己需要的知識(shí)，學(xué)習(xí)到了很多有用的知識(shí)。雖然之前對(duì)于代碼的編輯不是很明白，但這幾天不斷搜集各種網(wǎng)站模板，不斷學(xué)習(xí)設(shè)計(jì)思

3、路。雖然呈現(xiàn)出的作品很不完整，基本達(dá)不到觀賞性和實(shí)用性，但我還會(huì)不斷練習(xí)。爭(zhēng)取作出屬于我的風(fēng)格的web。5、 附錄（源代碼）首頁(yè)：web課程設(shè)計(jì) body margin: 0;padding: 0;font-family: arial, helvetica, sans-serif;font-size: 12px;color: #ffffff;background:black ;我大東營(yíng) 主頁(yè) 東營(yíng)廣饒關(guān)于欣賞 簡(jiǎn)介 歡迎來(lái)到我的web課程設(shè)計(jì)我要向大家介紹一個(gè)美麗的城市&我的家鄉(xiāng) 濟(jì)南大學(xué)信息科學(xué)與工程學(xué)院東營(yíng)/廣饒頁(yè)面東營(yíng) body margin: 0;padding: 0;font-fam

4、ily: arial, helvetica, sans-serif;font-size: 12px;color: #000000;background:pink ;東營(yíng)主頁(yè) 東營(yíng)廣饒關(guān)于欣賞 榮譽(yù)東營(yíng)榮獲“2012中國(guó)特色魅力城市”稱號(hào)東營(yíng)在2013年成為國(guó)家首批“智慧城市”試點(diǎn)單位（山東省共8個(gè)地市獲得此稱號(hào)，東營(yíng)在山東排名第一） 區(qū)劃東營(yíng)區(qū)有6街道4鎮(zhèn)（文匯街道、東城街道、辛店街道、勝利街道、黃河路街道、勝園街道，牛莊鎮(zhèn)、六戶鎮(zhèn)、龍居鎮(zhèn)、史口鎮(zhèn)） 教育教育、衛(wèi)生穩(wěn)步發(fā)展，質(zhì)量進(jìn)一步提高。2010年全市普通高校在校生人數(shù)為52796人，比1983年增長(zhǎng)1419.3%；中等專業(yè)學(xué)校在校生為43

5、29人，比1983年增長(zhǎng)146.7% 普通中學(xué)在校生為123326人，比1983年增長(zhǎng)64.8%。城鄉(xiāng)居民生活水平顯著提高。2010年末，全市在崗職工總?cè)藬?shù)30.81萬(wàn)人，比1983年增長(zhǎng)133.8%，在崗職工平均工資19282元，是1983年的37.6倍；城鎮(zhèn)居民可支配收入23796元，是1985年的30.2倍；農(nóng)民人均純收入13047元，是1985年的22.5倍。地區(qū)特產(chǎn)河口冬棗 圖片 經(jīng)濟(jì) 在中國(guó)的城市之林中，東營(yíng)市是一個(gè)非常年輕的城市。30年間，東營(yíng)人在一張白紙上，畫(huà)出了最新最美的畫(huà)圖，經(jīng)濟(jì)社會(huì)發(fā)展之快令世人刮目相看。生產(chǎn)總值。 資源 石油資源東營(yíng)市不僅“人杰”而且“地靈”。 氣候 東

6、營(yíng)市地處中緯度，背陸面海，受亞歐大陸和西太平洋共同影響，屬暖溫帶大陸性季風(fēng)氣候河流黃河，東營(yíng)段上起濱州界，自西南向東北貫穿東營(yíng)市全境，在墾利縣東北部注入渤海，全長(zhǎng)138公里。黃河水徑流量年際變化大，年內(nèi)分配不均，含沙量大。 文化 呂劇呂劇是山東省地方戲曲劇種之一，曾名“化裝揚(yáng)琴”、“琴戲”。系由民間說(shuō)唱藝術(shù)“山東琴書(shū)”（坐腔揚(yáng)琴）發(fā)展演變而來(lái)。東營(yíng)市廣饒縣是呂劇發(fā)源地。也被山東省省委省政府授予，呂劇之都、呂劇之鄉(xiāng)起源于山東以北黃河三角洲，流行于山東和江蘇、安徽部分地區(qū)。最初的呂劇班大都走鄉(xiāng)串村，演出于田間地頭，影響甚小。1910年前后搬上舞臺(tái)。1953年戲曲改革中由山東省戲改組定名呂劇。195

7、3年山東省呂劇院成立之后，呂劇成為遍及山東、享譽(yù)全國(guó)的劇種。2007年10月中旬，首屆呂劇文化藝術(shù)節(jié)在呂劇的故鄉(xiāng)山東省東營(yíng)市成功舉辦。 濟(jì)南大學(xué)信息科學(xué)與工程學(xué)院css內(nèi)容body margin: 0;padding: 0;font-family: arial, helvetica, sans-serif;font-size: 12px;color: #534616;#sidebar float: left;width: 240px;padding: 0px;color: #787878;position:absolute;left:200px#sidebar ul padding: 0;li

8、st-style: none;#sidebar li margin: 0;padding:10;#sidebar li ul margin-bottom: 30px;padding: 0px 20px 20px 20px;background: #ffffff;border-left: 1px solid #d6e6cc;border-right: 1px solid #d6e6cc;border-bottom: 1px solid #d6e6cc;#sidebar li li line-height: 35px;border-bottom: 1px dashed #d1d1d1;paddin

9、g-left: 3px;#sidebar li li span display: block;margin-top: -20px;padding: 0;font-size: 11px;font-style: italic;#sidebar h2 height: 38px;padding: 12px 0 0 20px;background: #1e1e1e;letter-spacing: -.5px;color: #ffffff;#sidebar p margin: 0px 0px 20px 0px;padding: 10px 20px 20px 20px;background: #ffffff

10、;text-align: justify;#content float: right;width: 670px;padding: 0;#zzz float: right;width: 670px;padding: 100px;.post margin-bottom: 25px;padding: 0px;background: #ffffff;.title height: 38px;background: #1e1e1e url(images/img01.jpg) no-repeat left top;padding: 12px 0 0 20px;letter-spacing: -.5px;co