網(wǎng)頁設計及工具ppt課件(參考版)
2025-05-06 04:46本頁面
【正文】 ? 【 習題 3】 自己練習注冊一個個人網(wǎng)站的域名，并申請域名空間。 ? 【 習題 2】 創(chuàng)建名稱為“我的網(wǎng)站”的站點。 本章習題 ? 【 習題 1】 嘗試用 Dreamweaver CS5創(chuàng)建名為 admin的文件。關于網(wǎng)站維護的相關內(nèi)容，包括站點的創(chuàng)建，域名、空間的申請，網(wǎng)頁的測試的這一系列也是大家需要掌握的。 本章小結 ? 本章的內(nèi)容，主要從網(wǎng)頁設計的基礎知識出發(fā)，著重介紹了幾款用于網(wǎng)頁設計的軟件。其實，到這里網(wǎng)站的各項功能是已經(jīng)成熟并且完善的了，需要做的就是發(fā)現(xiàn) BUG，或者是發(fā)現(xiàn)其它不合理、不符合在設計和構思之處的嚴重偏離點，以便于在發(fā)布前進行修改或者制作。 測試網(wǎng)頁 ? 在執(zhí)行到上述的工作，并且完成以后，網(wǎng)站的建設工作也就完成了。現(xiàn)在域名提供商和空間提供商，都有相應的這方面的服務。如果運行 Web服務器的計算機上同時運行應用程序服務器，則測試服務器文件夾與遠程文件夾可指定為同一文件夾，如圖所示。遠程文件夾 一般位于運行 Web服務器的計算機上， Dreamweaver將此文件夾稱為遠程站點。本地文件夾一般位于本地計算機上，用于存儲正在編輯的網(wǎng)頁文檔及其相關文件。 Dreamweaver站點最多由三部分（或文件夾）組成： ? （ 1）本地文件夾：是用戶的工作目錄。在列表中選擇要修改的站點，單擊“編輯”按鈕，彈出“站點定義”對話框。 ? 2．管理 ? 站點創(chuàng)建完成后，為了它的有序運行，需要進行有效的管理。 ? （ 4）建 HTML ? 在完成了基礎創(chuàng)建后，接下來可以進行 HTML網(wǎng)頁的創(chuàng)建，具體根據(jù)需要來完成即可。設置“屬性”對話框中的“網(wǎng)站”、“主目錄”、“文檔”選項卡，分別如圖 圖 圖 3所示。下面具體介紹站點創(chuàng)建的操作方法，具體內(nèi)容如下： ? （ 1）建目錄 ? 在打開的 Dreamweaver中，單擊“站點” |“ 新建站點”命令，在彈出的“站點設置對象”對話框中，“站點”選項卡下，分別在“站點名稱”和“本地站點文件夾”文本框中輸入相應的名稱，進行站點文件放置目錄的創(chuàng)建，單擊“保存”目錄完成，如圖所示。 ? 1．創(chuàng)建 ? 在 Dreamweaver CS5中，能有效建立并管理多個站點。 創(chuàng)建站點 ? 關于站點與網(wǎng)站的關系是，先創(chuàng)建站點，接著就可以管理站點，然后就可以著手創(chuàng)建網(wǎng)頁了。那就是網(wǎng)站的內(nèi)容以及其它的維護。 網(wǎng)站維護 ? 在千辛萬苦的通過大家的共同努力之下，將網(wǎng)站建立之后，那么一定不能忽視網(wǎng)站的維護。 ? （ 6）確定網(wǎng)站的欄目和版塊。 ? （ 4）首頁的設計，它是全站內(nèi)容的目錄，起到索引作用，從確定首頁的功能模塊、設計首頁的版面、處理技術上的細節(jié)這幾點出發(fā)，如果處理好了，你的此設計就是成功的。 ? （ 2）活動內(nèi)容區(qū)域的樣式設計可從題圖中提取元素，既可以保持頁面風格的統(tǒng)一也可以提高設計的效率和質(zhì)量。如圖所示，是一網(wǎng)站及其導航條的截圖。 ? （ 3） 3D技術的運用 ? 在掌握了上述幾種技術后，大家同時也需要注意一些內(nèi)容： ? （ 1）網(wǎng)頁設計主要是信息的傳達設計，任何的設計目的的是為了讓用戶快速有效到其信息，同時不要為了浮夸的設計技巧而舍本逐末，首先最重要的是先保證其識別性； ? （ 2）字體不是孤立存在的，是頁面內(nèi)容之一，在設計的時候需考慮與周圍的其他頁面元素的協(xié)調(diào)一致，強化頁面的整體氛圍的營造。 ? （ 1）變形處理 ? 建議在自己設計時，可以參考英語字母的字體，如圖所示。達到讓用戶有效的了解頁面的重點信息的目的。 ? （ 6）平衡關系 ? 如圖所示，就是平衡關系。 ? （ 4）統(tǒng)一與調(diào)和狀態(tài) ? 如圖所示，是對統(tǒng)一與調(diào)和狀態(tài)的詮釋。 ? （ 2）明暗狀態(tài)的調(diào)整 ? 如圖所示是一明暗狀態(tài)調(diào)整前后，不同顯示效果的展示。 ? 包裝爆點整文案，信息層級是關鍵； ? 題圖設計重創(chuàng)意，發(fā)散思維找圖例； ? 突出按鈕顯氛圍，視覺引導要記牢； ? 下面樣式上面找，整體統(tǒng)一很重要； ? 內(nèi)容排版耐心調(diào)，虎頭蛇尾太糟糕。這就要求大家掌握網(wǎng)站設計的方法和技巧，以便于大家在實際的制作過程中，能更好的制作出被大家所喜歡的網(wǎng)站，吸引更多的瀏覽者，達到網(wǎng)站的宣傳、展示以及其它的作為網(wǎng)絡推廣手段的根據(jù)地與戰(zhàn)壕。 ? 如圖所示的效果，是使用 Photoshop進行制作的內(nèi)容。 ? （ 3）工具
教學課件相關推薦
鄂ICP備17016276號-1