資源描述：
《實驗一 HTML標記的基本語法和Dreamweaver的基本操作.doc》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在教育資源-天天文庫。
1、實驗一、HTML標記的基本語法和Dreamweaver的基本操作一、實驗目的：1、熟悉HTML文件的編輯環(huán)境（記事本或Dreamweaver），了解HTML文件的基本結(jié)構(gòu)，并使用InternetExplorer測試HTML文件的操作。2、了解網(wǎng)站的制作流程，掌握用Dreamweaver建構(gòu)網(wǎng)站和制作網(wǎng)頁的主要步驟。3、掌握HTML中與文字、圖片、頁面有關的基本標記。4、掌握用Dreamweaver中文字、圖片、頁面的處理方法。5、了解HTML中與超級鏈接有關的HTML標記。6、掌握在Dreamweaver中制作一般鏈接、郵件鏈接、錨
2、點鏈接、文件下載的方法。7、學會用Dreamweaver制作圖像映射、導航條、跳轉(zhuǎn)菜單。二、實驗內(nèi)容：1、用DreamweaverMX2004建立一個本地站點，站點名為Mysite。2、在Mysite站點中建立一個首頁：index.htm（樣式參照實驗資料附錄：index.jpg），設置好首頁的大小、樣式、背景，并在首頁中插入文字、圖片、鏈接、郵件鏈接、錨點鏈接等內(nèi)容。三、實驗原理建立一個網(wǎng)站，首先要在本地機器上做好網(wǎng)站，再傳到網(wǎng)上的虛擬空間上。本地站點的建立定義好之后，就要開始新建網(wǎng)頁文件和文件夾。網(wǎng)站首頁默認的文件名，取決于你申
3、請的主頁空間，一般是index.htm,index.html,default.htm等。同類型的文件，最好放在一個文件夾中，例如把圖片文件，都放在image文件夾中。不要把所有文件都放在根目錄下，把一個欄目的所有文件放在一個文件夾中，在鏈接網(wǎng)頁和維護時，會很方便。文件和文件夾的命名，可以用欄目名稱的拼音，也可以用欄目名稱的英文，團隊開發(fā)時，有統(tǒng)一的命名規(guī)則相當重要。例如個人簡歷這個欄目，命名的文件夾名稱可以是jianli，如果命名成英文，可以是me。論壇這個欄目的命名，大家都是用bbs作文件夾名稱。四、實驗步驟1、在硬盤上建立一個站
4、點目錄如：F:Mysite，文件夾Mysite下建立有文件夾pic、fla、css、db等，分別用于存放網(wǎng)站中可能用到的圖片、動畫、樣式以及數(shù)據(jù)庫等文件。打開Dreamweaver，在菜單欄上，點擊站點菜單，選擇新建站點，接下來需要給站點起一個名字，可以起任意一個名字。按下一步按鈕，選擇是否使用服務器技術(shù)。因為實例建立的是一個靜態(tài)站點，就選擇“否，我不想使用服務器技術(shù)”。按下一步按鈕，因為要傳到網(wǎng)上的虛擬主頁空間，就要選擇“編輯我的計算機上的本地副本，完成后再傳到服務器上”。按下一步，選擇要定義的本地根文件夾，這里選擇Mysite
5、文件夾。點“選擇”按鈕，因為沒有使用遠程服務器，就選擇“無”。按下一步，在出現(xiàn)站點相關信息對話框下選擇“完成”按鈕，一個站點就定義好了。2、站點定義好之后，就要開始新建網(wǎng)頁文件和文件夾了，在站點中點擊右鍵，選擇新建文件，給新建的文件輸入名稱，如index.htm。3、雙擊Mysite站點中的index.htm，打開一個空白的頁面。我們將從這個空白頁面開始制作，了解頁面屬性的設置和作用。在工作區(qū)點鼠標右鍵，選擇頁面屬性，打開頁面屬性對話框：在其中，我們可以設置頁面的邊距、背景、鏈接等屬性。設置左邊界，頂部邊界，邊界寬度，邊界高度都為0
6、，可以使頁面中的表格與背景沒有空隙。用得比較多的還有背景圖像，選擇一個已經(jīng)做好的圖像，就可以設置成頁面的背景圖像。4、頁面大小參數(shù)的設定現(xiàn)在有好幾種尺寸的顯示器，“14、15、17、19”英寸，網(wǎng)頁要在每個顯示器上顯示正常，就要設置恰當?shù)膮?shù)，常用的是在頁面中插入表格放內(nèi)容，采用象素和百分比兩種。采用象素為單位，是使用最多的顯示器為參照的，現(xiàn)在數(shù)量最多的顯示器是15英寸和17英寸的，所以頁面使用象素為單位時，是以15英寸為標準，常用800×600的分辨率。使用百分比，可以在各種顯示器上有相同的效果，寬度設置為100％時，在各種顯示器
7、上全屏顯示。下面分別介紹這兩種方法。簡明步驟：打開一個頁面→插入表格→設置表格寬度打開index.htm文件，點擊插入表格圖標，打開“插入表格”對話框，設置行數(shù)為1，列數(shù)為1，寬度選百分比，值為100，邊框為0。一個可以在各種顯示器上全屏幕顯示的網(wǎng)頁就搭建好了。以后要做的是在表格里填充內(nèi)容。下面介紹象素大小的表格設置，選擇像素為單位，值為768?？梢栽?5英寸顯示器上全屏幕顯示，在17英寸顯示器上也有好的顯示效果。相對使用百分比制作網(wǎng)頁，采用像素比較簡單。做一個在800×600分辨率下滿屏幕顯示的頁面，可以大致選擇一個近似的值：“寬
8、768高430”，“寬776高430”等。用像素為單位的表格，大多是把表格設置為居中對齊。選中表格，在屬性面板選擇對齊方式為居中對齊。完全下載一個表格的內(nèi)容，才能在IE中顯示出來。如果頁面文件小，可以只有一個表格放內(nèi)容。如果頁面文件很
