資源描述：
《網站開發(fā)工具的使用與網頁設計實驗指導書》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。
1、《網站開發(fā)工具的使用與網頁制作》實驗指導書指導教師：蔡莉百度。Com云南大學軟件學院綜合技能實踐——《網站開發(fā)工具的使用與網頁制作》實驗指導書指導教師：蔡莉（注意：請先簡要閱讀實驗指導書的要求再開始做實驗）一、實驗目的1．認識網頁2．構成網頁的基本要素3．制作網頁的基本工具4．美化網頁的基本工具5．網頁制作的基本步驟二、實驗內容預習一、網頁概述網頁其實是在這個世界的某一個地方某一臺計算機上的一個文件，通過互聯網，也就是Internet將兩個不同的地址相連，把人們的信息傳達到網絡世界的各個角落。人們通過互聯網，可以在世界的任何一個地方互相交流溝通。早期的Web1.0時代，大部分
2、網頁只有文字、圖像信息可以瀏覽，這個時候最典型的互聯網標志就是門戶網站，如網易、搜狐。從2001年開始，人們認為互聯網開始進入Web2.0時代，這時的網頁可以包含動畫、音頻、視頻，也可以在網頁中進行交流、上傳文件，使用完全交互式的程序?；ヂ摼W開始更注重個人化的網絡服務，任何使用網絡的人，都可以參與到網頁的制作中。靜態(tài)網頁的后綴通常為.html或者.htm，例如：index.html或者sunny.htm。動態(tài)網頁的后綴可以為.asp，.aspx，.php，.jsp等，例如：index.asp或者first.jsp等。二、構成網頁的基本要素1、文字第15頁共15頁《網站開發(fā)工具
3、的使用與網頁制作》實驗指導書指導教師：蔡莉文字是網頁發(fā)布信息所用的主要形式，由文字制作出的網頁占用空間小，因此，當用戶瀏覽時，可以很快的展現在用戶面前。另外，文字性網頁還可以利用瀏覽器中“文件”菜單下的“另存為”功能將其下載，便于以后長期閱讀，也可對其進行編輯打印。2、圖形這里的圖形概念是廣義的，它可以是普通的繪制圖形，可以是各種圖像，還可以是動畫。網頁上的圖形格式一般使用JPEG和GIF，這兩種格式具有跨平臺的特性，可以在不同操作系統(tǒng)支持的瀏覽器上顯示。3、鏈接標志鏈接是網頁中一種非常重要的功能，是網頁中最重要、最根本的元素之一。通過鏈接可以從一個網頁轉到另一個網頁，也可以
4、從一個網站轉到另一個網站。鏈接的標志有文字和圖形兩種。制作一些精美的圖形作為鏈接按鈕，使它和整個網頁融為一體。4、交互功能Internet區(qū)別其他媒體的一個重要標志就是它的交互功能。例如在商務網站的頁面上，人們經過瀏覽，選擇了某一個產品，就需要將自己的決定通過Internet告訴這個網站，網站能夠自動對該產品的數據庫進行檢索，及時回應有還是沒有，數量、規(guī)格、價格等信息。如果用戶選擇確定，那么網站能夠返回確認信息。像這種交互功能其他媒體是無法比擬的。通常網頁的交互功能都是利用表單來實現的。表單是網頁中站點服務器處理的一組數據輸入域，當訪問者單擊按鈕或圖形來提交表單后，數據就會傳
5、送到服務器上。一、網頁制作工具1．超文本標識語言（HTML）HTML（HypertextMarkupLanguage）是一種專門用于Web頁制作的編程語言，用來描述超文本各個部分的內容，告訴瀏覽器如何顯示文本，怎樣生成與別的文本或圖像的鏈接點。HTML文檔由文本、格式化代碼和導向其他文檔的超鏈接組成。2．FrontPageFrontPage是由Microsoft公司推出的新一代Web網頁制作工具。FrontPage使網頁制作者能夠更加方便、快捷地創(chuàng)建和發(fā)布網頁，具有直觀的網頁制作和管理方法，簡化了大量工作。第15頁共15頁《網站開發(fā)工具的使用與網頁制作》實驗指導書指導教師：蔡
6、莉FrontPage界面與Word、PowerPoint等軟件的界面極為相似，為使用者帶來了極大的方便，Microsoft公司將FrontPage封裝入Office之中，成為Office家族的一員，使之功能更為強大。3．DreamweaverDreamweaver是由Macromedia公司推出的一款在網頁制作方面大眾化的軟件，它具有可視化編輯界面，用戶不必編寫復雜的HTML源代碼就可以生成跨平臺、跨瀏覽器的網頁，不僅適合于專業(yè)網頁編輯人員的需要，同時也容易被業(yè)余網友們所掌握。另外，Dreamweaver的網頁動態(tài)效果與網頁排版功能都比一般的軟件好用，即使是初學者也能制作出相
7、當于專業(yè)水準的網頁，所以Dreamweaver是網頁設計者的首選工具。一、美化網頁的基本工具為了使制作的網頁更為美觀，用戶在利用網頁制作工具制作網頁時，還需利用網頁美化工具對網頁進行美化。1．PhotoshopPhotoshop是由Adobe公司開發(fā)的圖形處理軟件，它是目前公認的PC機上最好的通用平面美術設計軟件，它功能完善、性能穩(wěn)定、使用方便，所以在幾乎所有的廣告、出版、軟件公司，Photoshop都是首選的平面制作工具。2．FireworksFireworks是由Macromedia公司開發(fā)的圖形處
