網(wǎng)頁制作上機練習題

1、【第一章】上機練習：1、下載、下載DreamweaverDreamweaver8的安裝軟件，練習的安裝軟件，練習DreamweaverDreamweaver8的安裝、啟動、關閉的安裝、啟動、關閉和卸載。和卸載。(從ftp:web@210.28.58.241ftp:web@210.28.58.241網(wǎng)站下載網(wǎng)站下載)2、啟動、啟動DreamweaverDreamweaver8進入其工作界面，分別指出各個組件及其功能。進入其工作界面，分別指

2、出各個組件及其功能。3、在本地計算機、在本地計算機D盤建立一個文件夾，以本人姓名和學號命名，如盤建立一個文件夾，以本人姓名和學號命名，如“李明李明0701010101”0701010101”。然后創(chuàng)建一個站點，站點的名稱以本人的姓名的拼音小寫字母來命名，如“李明”的站點名稱為“l(fā)iming”。在站點根目錄下新建images、photo、music、flash、main等5個文件夾，在站點根目錄下新建index.html、01.html、

3、02.html、03.html、04.html、05.html、06.html、abc.html等8個頁面文件?！镜诙隆可蠙C練習1:一、打開本地站點根目錄下的03.html文件，進行如下設置：1、設置文件頭內(nèi)容：文件標題：可愛的校園；插入關鍵字：學校簡介；校園風光；校園文化；教學設施插入META：值－auth，內(nèi)容－你的姓名。2、設置頁面屬性：（1）設置頁面文本顏色為黃色、背景顏色為綠色；（2）設置標題1為72像素、紅色；3、插入文本

4、（1）編輯字體，添加黑體和隸書兩種字體；（2）在文檔編輯窗口輸入“可愛的校園”，格式為標題1，字體居中，字體為隸書；（3）錄入“學校簡介”、“校園風光”、“校園文化”、“教學設施”文字，格式為段落，分為4行，并進行項目列表。（4）在“校園簡介”下面另起一行，錄入一段校園簡介的文字，不少于100字，首行前面4個空格；4、插入圖像（1）從網(wǎng)上下載校園風光圖片3張，存到網(wǎng)站根目錄的images文件夾中；（2）在“校園風光”下面另起一行，插入剛

5、下載的第一張圖片，修改圖片的屬性為300200；（3）設置鼠標經(jīng)過圖像。把剛下載的第二、第三張圖片分別設為“原始圖像”、“鼠標經(jīng)過圖像”，修改圖片的屬性為300200；（4）插入一個圖像占位符，大小為300200，顏色為黃色。5、在文本最后插入水平線。6、在水平線下面另起一行寫入作者姓名，如“作者：李明”。4、將光標放置在表格三內(nèi)，添加文字“恭賀新禧”，文字居中，字號68px，字體為隸書，顏色為紫色。上機練習2:用表格構建課程教學網(wǎng)站首

6、頁從學習網(wǎng)站的【網(wǎng)頁素材】欄目下載“教學網(wǎng)站圖片”壓縮包，下載到本地后解壓，把解壓出來的圖片復制到網(wǎng)站根目錄的“images”文件夾。打開站點根目錄下的index.html文件，清空頁面內(nèi)容。按下面步驟進行制作：（一）網(wǎng)頁頂部1、創(chuàng)建表格一：1行2列，寬為760像素，邊框及邊距均為0，間距為1，背景顏色為綠色，居中對齊。選定表格一的各個單元格，設置背景色為白色，水平為居中對齊。2、將光標置于表格一左邊單元格中，插入logo.gif圖像。

7、3、將光標置于表格一右邊單元格中，插入banner.gif圖像。4、將光標置于剛完成的表格之后，插入表格二：1行7列，寬為760像素，邊框及邊距均為0，間距為1，背景顏色為綠色，居中對齊。5、選定表格二的各個單元格，設置背景色為白色，水平為居中對齊。6、在表格二7個單元格中依次插入1.gif、2.gif、3.gif、4.gif、5.gif、6.gif、7.gif圖像。（二）網(wǎng)頁中部1、在表格二后面，插入表格三：1行3列，寬為760像素，

8、邊框及邊距均為0，間距為1，背景顏色為綠色，居中對齊。選定表格三的各個單元格，設置背景色為白色，水平為居中對齊，垂直排列為頂端對齊。2、將光標置于表格三的左邊單元格中，設置單元格的寬度為18%，插入8.gif圖像。3、將光標置于8.gif圖像后，插入表格四：6行1列，寬為90%，間距為1，背景色為綠色。4、將光標依次放在表格四第1個到第6個單元格中，設置單元格高為25，水平居中，背景色為白色。在6個單元格中分別輸入文字“●知識點一、●知