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