web網(wǎng)頁設計與制作實習報告

《web網(wǎng)頁設計與制作實習報告》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在教育資源-天天文庫。

1、網(wǎng)頁設計與制作實驗報告學生姓名班級學號指導教師文志華2015.5.23實驗一簡單網(wǎng)頁制作一、實驗目的1．熟悉Dreamweaver軟件的操作界面。2．掌握建立本地站點的方法。3．掌握簡單網(wǎng)頁制作方法。4．掌握超鏈接的建立方法。三、操作步驟1．創(chuàng)建“潛水俱樂部”站點（1）在D盤新建文件夾，命名為shiyan1；（2）將images文件夾和gallery文件夾復制到中shiyan1中；（3）啟動Dreamweaver，使用“站點｜新建站點”命令創(chuàng)建站點。2．制作“俱樂部首頁”。（1）新建網(wǎng)頁。（2）使用“文件｜保存”命令保

2、存網(wǎng)頁，命名為index.html。（3）在文檔工具欄上設置網(wǎng)頁標題“泡泡潛水俱樂部歡迎你”。（4）從“文本.txt”中將首頁的相關文字粘貼到網(wǎng)頁中。（5）設置一級標題、二級標題、三級標題、項目列表、編號列表。（6）插入圖像。（7）在Copyright后插入版權符號?。（8）在電話號碼之間插入半角空格。（9）在電子郵箱地址上建立超鏈接，mailto:vip@BubbleUnder.com。（10）選中網(wǎng)頁內(nèi)容，然后單擊“插入Div標簽”按鈕，分別插入header、navigation、mainContent、foote

3、r共4個Div。（11）保存網(wǎng)頁，按F12，預覽網(wǎng)頁。四.實驗結果實驗二XHTML語言一、實驗目的1．掌握XHTML語法。2．掌握XHTML標記及屬性。3．掌握XHTML標記校驗的方法。二、實驗內(nèi)容制作“學校主頁-新聞中心-學校新聞-校領導赴包裝設計藝術學院調(diào)研”的網(wǎng)頁校領導赴包裝設計藝術學院調(diào)研瀏覽：2827次日期：2015-03-21三、操作步驟1）創(chuàng)建站點（1）在D盤新建文件夾，命名為shiyan2；（2）將“文本.txt”和images文件夾復制到中shiyan2中；2）用記事本打開“文本.txt”。3）選擇“

4、文件

5、另存為”命令，將文件另存為shiyan2.html。4）在網(wǎng)頁中添加XHTML標記和屬性。實驗標題字體黑體藍色40px日期字體宋體灰色大小12px正文字體楷體大小14px5）用瀏覽器打開，并修改發(fā)現(xiàn)的錯誤。四、實驗制作結果實驗三導航欄制作一、實驗目的1．掌握垂直導航條的制作方法。2．掌握水平導航條的制作方法。二、實驗內(nèi)容制作學校樣式的導航條。三、操作步驟body,div,ul,li,h1,h2,h3,h4,h5,h6{margin

6、:0px;padding:0px;}#nav{width:800px;height:51px;margin:100pxauto;background:url(nav_bg.jpg)repeat-x;}#navul{list-style-type:none;}#navulli{float:left;width:100px;height:51px;background:url(nav_01.jpg)no-repeatrightcenter;}#navullia{display:block;width:100px;heigh

7、t:51px;line-height:51px;text-align:center;color:#ffffff;text-decoration:none;}#navullia:hover{width:100px;height:51px;background:url(nav_03.jpg)no-repeat;}

• 學校概況
• 學科建設

• 8、">科學研究

• 師資隊伍
• 教學管理
• 招生就業(yè)
• 對外交流
• 學校首頁