實驗02-用HTML制作簡單網頁2017_第1頁
實驗02-用HTML制作簡單網頁2017_第2頁
實驗02-用HTML制作簡單網頁2017_第3頁
實驗02-用HTML制作簡單網頁2017_第4頁
實驗02-用HTML制作簡單網頁2017_第5頁
已閱讀5頁，還剩10頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

次上機試驗課程簡介課程學時理論學時：36＝3×12(1-12周)時間：周二3-5節9:50-12:15地點：3區1-601上機學時：18＝3×6次時間：雙周-周四下午2:00-5:30地點：計算機學院B303A教材吳黎兵,郝自勉,楊鏖丞.網頁設計與Web編程,

人民郵電出版社.2025/2/62網頁設計課程簡介試驗內容使用HTML文檔的結構標記，編寫一個HTML源文件：顯示“網頁制作練習”；使用HTML文檔的格式標記，編寫一個HTML源文件：創建一個普通列表；使用HTML文檔的鏈接標記和圖像標記，編寫一個HTML源文件。綜合實驗：制作含多個靜態網頁的個人網站2025/2/63網頁設計與制作試驗目的熟練掌握HTML文檔的結構標記熟練掌握HTML文檔的格式標記熟練掌握HTML文檔的鏈接標記熟練掌握HTML文檔的圖像標記2025/2/64網頁設計與制作實驗內容一：HTML文檔結構標記1.使用HTML文檔的結構標記，編寫一個HTML源文件：顯示“網頁制作練習”；（1）打開記事本，新建文件（2）輸入如下文檔： <HTML> <HEAD> <TITLE>學生選課系統</TITLE> </HEAD> <BODY>網頁制作練習</BODY> </HTML>（3）單擊“另存為”菜單項，保存為擴展名為htm的文件2025/2/65網頁設計與制作實驗內容二：HTML文檔格式標記2.使用HTML文檔的格式標記，編寫一個HTML源文件：創建一個普通列表；（1）打開記事本，新建文件（2）輸入如下文檔： <html> <head><title>一個普通列表 </title></head> <bodytext="blue"> <dl>

2025/2/66網頁設計與制作實驗內容二：HTML文檔格式標記<dt>中國城市</dt> <dd>北京</dd> <dd>上海</dd> <dd>廣州</dd><dt>美國城市</dt> <dd>華盛頓</dd> <dd>芝加哥</dd> <dd>紐約</dd></dl>2025/2/67網頁設計與制作實驗內容二：HTML文檔格式標記 </body> </html>（3）單擊“另存為”菜單項，保存為擴展名為htm的文件2025/2/68網頁設計與制作實驗內容三：鏈接標記和圖像標記2.使用HTML文檔的格式標記，編寫一個HTML源文件：（1）打開記事本，新建文件（2）將圖像文件web.gif存入指定位置（3）輸入如下文檔：

2025/2/69網頁設計與制作<html><head><title>鏈接標記的綜合示例</title></head><body><palign="center"style="font-size:9pt;color:yellow;background:black"><br><aname="Top"><fontcolor="red">創建標簽處</font></a><br><br><br><br><br><br><br><br><br><br><br>歡迎想要學習網頁制作的同學訪問網站<br><ahref=""><fontcolor="lime">武漢大學網站</font></a><br><br><ahref=><imgsrc="d:\Inetpub\wwwroot\web.gif"></a>實驗內容三：鏈接標記和圖像標記2025/2/610網頁設計與制作<br><br><br><br><br>本網站的主要內容<br><br><ahref="/"target="_blank">在新窗口中顯示</a><br>歡迎給我來信，我的E-Mail是：<ahref="mailto:abc@263.net"><fontcolor="lime">abc@263.net</font></a><br><br><ahref=“#Top”><fontcolor=“lime”>點擊此處回到標簽處

</font></a><br><br></p></body></html>（4）單擊“另存為”菜單項，保存為擴展名為htm的文件實驗內容三：鏈接標記和圖像標記2025/2/611網頁設計與制作綜合實驗：含多個靜態網頁的網站制作含多個靜態網頁的個人網站1.在本地計算機上新建一個文件夾，作為本地個人網站的根目錄，所有的網頁文件及其它相關文件都保存在該目錄下。2.使用“記事本”工具編輯三個以上相互之間有“鏈接”關系的網頁，其中一個為主頁、其余幾個為分網頁。從主頁可以方便到打開另兩個分網頁，從任意一個分網頁可以方便地返回主網頁。要求在實驗報告中畫出這幾個網頁之間的鏈接關系圖。2025/2/612網頁設計與制作綜合實驗：含多個靜態網頁的網站3.主網頁名稱為“XXX的主頁”（XXX是作者名稱，瀏覽時顯示在網頁的標題欄），主網頁里有一個題目，還有作者基本情況介紹和作者的一張相片，并有到達其它分網頁的鏈接，還要有2個以上著名網站的友情鏈接。4.第一個分網頁介紹作者的學習情況，還要有一張周作息時間（包括星期一~星期日的上課課程、自習和休息娛樂）安排表格，網頁文字應采用多種字體、大小和顏色。2025/2/613網頁設計與制作綜合實驗：含多個靜態網頁的網站5.第二分網頁反映作者興趣愛好，網頁要有淡淡的背景色，網頁內要插入圖片、視頻、動畫等媒體元素，使用標記屬性對插入的媒體元素進行控制，文字的顏色與背景要容易區別。6.所有網頁的布局要合理、美觀，分網頁里應有返回主頁的鏈接文字或鏈接圖。7.制作網頁用的相片、圖片、動畫、視頻等素材要在課前準備好，或到互聯網上搜索。

2025/2/614網頁

溫馨提示

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

評論

0/150

提交評論