web網(wǎng)頁(yè)設(shè)計(jì)技術(shù) 實(shí)驗(yàn)報(bào)告.doc_第1頁(yè)
web網(wǎng)頁(yè)設(shè)計(jì)技術(shù) 實(shí)驗(yàn)報(bào)告.doc_第2頁(yè)
web網(wǎng)頁(yè)設(shè)計(jì)技術(shù) 實(shí)驗(yàn)報(bào)告.doc_第3頁(yè)
web網(wǎng)頁(yè)設(shè)計(jì)技術(shù) 實(shí)驗(yàn)報(bào)告.doc_第4頁(yè)
web網(wǎng)頁(yè)設(shè)計(jì)技術(shù) 實(shí)驗(yàn)報(bào)告.doc_第5頁(yè)
已閱讀5頁(yè)，還剩10頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

_昆明理工大學(xué)信息工程與自動(dòng)化學(xué)院學(xué)生實(shí)驗(yàn)報(bào)告（ 201 201 學(xué)年第 一 學(xué)期 ）課程名稱(chēng)：Web設(shè)計(jì)技術(shù) 開(kāi)課實(shí)驗(yàn)室： 年 月 日年級(jí)、專(zhuān)業(yè)、班 學(xué)號(hào) 姓名 成績(jī)實(shí)驗(yàn)項(xiàng)目名稱(chēng)超級(jí)鏈接、表格、使用框架創(chuàng)建多頁(yè)面布局、表單指導(dǎo)教師 教師評(píng)語(yǔ) 教師簽名： 年 月 日注：報(bào)告內(nèi)容按實(shí)驗(yàn)須知中七點(diǎn)要求進(jìn)行。1. 選擇一本圖書(shū)，嘗試制作書(shū)簽鏈接，通過(guò)目錄鏈接到各章內(nèi)容。代碼：書(shū)簽鏈接網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)1.網(wǎng)頁(yè)設(shè)計(jì)簡(jiǎn)介2.HTML基礎(chǔ)介紹3.文字與段落4.列表5.超級(jí)鏈接6.表格網(wǎng)頁(yè)設(shè)計(jì)簡(jiǎn)介    幾個(gè)基本的網(wǎng)頁(yè)設(shè)計(jì)概念：超鏈接、統(tǒng)一資源定位器、網(wǎng)站和網(wǎng)頁(yè)等；超文本標(biāo)記語(yǔ)言是夠成Web頁(yè)面的主要工具。返回首頁(yè)HTML基礎(chǔ)介紹    HTML用于描述功能的符號(hào)稱(chēng)為“標(biāo)記”。<html>、<head>、<body>等都是標(biāo)記。標(biāo)記通常分為單標(biāo)記和雙標(biāo)記兩種類(lèi)型。返回首頁(yè)文字與段落    主要內(nèi)容為文字內(nèi)容標(biāo)記、文字樣式標(biāo)記、文字修飾標(biāo)記、段落修飾標(biāo)記的使用。返回首頁(yè)列表    列表，顧名思義就是在網(wǎng)頁(yè)中將相關(guān)資料以條目的形式有序或者無(wú)序排列而形成的表。常用的列表有無(wú)序列表、有序列表和定義列表3種。另外還有不太常用的目錄列表和菜單列表。返回首頁(yè)超級(jí)鏈接    建立超鏈接的標(biāo)記是a，以開(kāi)始，以結(jié)束，錨可以指向網(wǎng)絡(luò)上的任何資源。返回首頁(yè)表格    表格是網(wǎng)頁(yè)制作中一種常用的頁(yè)面布局工具。通過(guò)表格可以精確地控制網(wǎng)頁(yè)各元素在網(wǎng)頁(yè)中的位置，從而方便的排版和布局，所以，表格是網(wǎng)頁(yè)排版的靈魂。返回首頁(yè)截圖：2.編寫(xiě)個(gè)人主頁(yè)，建立包含文本鏈接、電子郵件鏈接和文件下載鏈接和圖像映射的HTML頁(yè)面。代碼：個(gè)人主頁(yè) 歡迎光臨我的主頁(yè) 我最喜歡過(guò)的書(shū) 下載我喜歡的電影 我的家鄉(xiāng) 有問(wèn)題請(qǐng)給我發(fā)郵件 我最喜歡的文章 逍遙游逍遙游【題解】 “逍遙”也寫(xiě)作“消搖”，意思是優(yōu)游自得的樣子；“逍遙游”就是沒(méi)有任何束縛地、自由自在地活動(dòng)。 【原文】 北冥有魚(yú)，其名曰鯤。鯤之大，不知其幾千里也；化而為鳥(niǎo)，其名為鵬。鵬之背，不知其幾千里也；怒而飛，其翼若垂天之云。是鳥(niǎo)也，海運(yùn)則將徙于南冥。南冥者，天池也。齊諧者，志怪者也。諧之言曰：“鵬之徙于南冥也，水擊三千里，摶扶搖而上者九萬(wàn)里(11)，去以六月息者也(12)?！币榜R也(13)，塵埃也(14)，生物之以息相吹也(15)。天之蒼蒼，其正色邪？其遠(yuǎn)而無(wú)所至極邪(16)？其視下也，亦若是則已矣。且夫水之積也不厚，則其負(fù)大舟也無(wú)力。覆杯水于坳堂之上(17)，則芥為之舟(18)；置杯焉則膠，水淺而舟大也。風(fēng)之積也不厚，則其負(fù)大翼也無(wú)力，故九萬(wàn)里則風(fēng)斯在下矣(19)。而后乃今培風(fēng)(20)，背負(fù)青天而莫之夭閼者(21)，而后乃今將圖南。蜩與學(xué)鳩笑之曰截圖：3.如圖是新浪網(wǎng)天氣預(yù)報(bào)的地圖，利用圖像映射完成當(dāng)鼠標(biāo)單擊某一個(gè)省時(shí)，出現(xiàn)一段文字說(shuō)明。代碼：天氣預(yù)報(bào)圖像映射 長(zhǎng)春長(zhǎng)春 陰 南風(fēng)2級(jí) 濕度76% 紫外線(xiàn)最弱鄭州鄭州鄭州，陰有小雨。截圖：4.編寫(xiě)出實(shí)現(xiàn)如圖所示頁(yè)面效果的關(guān)鍵HTML代碼。其中,A、B、C、D、E均為默認(rèn)字號(hào)和默認(rèn)字體，并且加粗顯示，它們都位于各自單元格的正中間，A單元格的高度為200像素，B單元格的高度為100像素，C單元格的寬度為100像素，高度為200像素。代碼：A B C D E A B E C D 截圖：5.利用表格知識(shí)，制作出如圖所示的表格。代碼：表格實(shí)驗(yàn)    學(xué)年第    學(xué)期成績(jī)登記表 開(kāi)課學(xué)院：行政班：考核方式： 課程名稱(chēng)： Java程序設(shè)計(jì)(I)   教師姓名： 學(xué)分： 學(xué)號(hào) 姓名 平時(shí) 期中 期末 實(shí)驗(yàn) 成績(jī) 學(xué)號(hào) 姓名 平時(shí) 期中 期末 實(shí)驗(yàn) 成績(jī)                       考試/考查成績(jī)統(tǒng)計(jì)   90分以上（優(yōu)秀）   8089（良好）   7079（中等）   6069（及格）   緩考 人   缺考 人 免修 人 實(shí)考 人 截圖：6.利用框架來(lái)設(shè)計(jì)一個(gè)廠(chǎng)字型布局，實(shí)現(xiàn)一個(gè)新聞管理系統(tǒng)。如圖所示：截圖：代碼：新聞管理系統(tǒng) 7.制作一個(gè)留言表單，表單中應(yīng)包括姓名、性別、電子郵箱、字體大小、顏色、留言?xún)?nèi)容等，本實(shí)例完成后的效果如圖所示：代碼：留言留言 姓名： *10個(gè)字內(nèi) 性別： 男 女 電子郵箱： *   字體大小 3 2 1    顏色： 留言?xún)?nèi)容： 實(shí)驗(yàn)結(jié)果分析：本次試驗(yàn)我們學(xué)習(xí)了超級(jí)鏈接，學(xué)會(huì)了圖片鏈接、書(shū)簽鏈接、電子郵件鏈接、下載文件鏈接等，掌握了圖像映射。還學(xué)習(xí)了表格的使用，如一些表格的標(biāo)記、表格屬性修飾、設(shè)置表格行和單元格的屬性以及表格嵌套。我們還掌握了使用框架創(chuàng)建多頁(yè)面和布局，表單的輸入、多行文本輸

溫馨提示

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

評(píng)論

0/150

提交評(píng)論