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

下載本文檔

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

文檔簡介

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

溫馨提示

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

評論

0/150

提交評論