第一篇:用dreamweaver制作網(wǎng)頁的實踐報告
目錄
目錄................................................................0 摘要................................................................2 正文..............................................................3 網(wǎng)頁制作過程大綱....................................................3 具體操作步驟........................................................3 制作過程簡介........................................................4
制作網(wǎng)頁前的準(zhǔn)備:..............................................4 開始制作網(wǎng)頁:..................................................4 網(wǎng)頁制作的要點:................................................5 實踐心得............................................................6
學(xué)到的知識:....................................................7 網(wǎng)頁制作心得:..................................................8
一.頁面的設(shè)計方面...........................................8 二.網(wǎng)頁視覺效果.............................................8 三.網(wǎng)頁的整體布局和導(dǎo)航.....................................8 四.網(wǎng)頁中文字、圖像.........................................9 五.網(wǎng)頁制作過程中的其他注意事項.............................9
Web考試網(wǎng)頁制作
摘要
在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見,它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分,從而倍受人們的重視。
對于現(xiàn)在的社會,科技的飛速發(fā)展已經(jīng)成為社會發(fā)展的標(biāo)志。其中計算機的發(fā)展可謂快中之快,而在計算機的發(fā)展中計算機網(wǎng)絡(luò)的發(fā)展又是首當(dāng)其沖的。計算機網(wǎng)絡(luò)從為我們所知,到現(xiàn)在才經(jīng)歷的短短的幾年時間,在這幾年中隨著計算機網(wǎng)絡(luò)的廣泛應(yīng)用,特別是Internet的普及和發(fā)展,網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺、新游戲的發(fā)布、最新的各種IT動態(tài),包括等候就業(yè)人才的個人簡歷,我們都是可以通過網(wǎng)絡(luò)來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢——對就是網(wǎng)頁?,F(xiàn)如今,數(shù)以萬計的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候,在網(wǎng)絡(luò)成為通信的主要手段的時候,在計算機網(wǎng)絡(luò)普及的今天,網(wǎng)頁也在它自己的崗位上做出了突出的貢獻。網(wǎng)頁是我們在網(wǎng)絡(luò)上的“代言人”。我們將什么樣的信息傳達給瀏覽者,要講述什么樣的事情,網(wǎng)頁在這里起著重要的作用。
企業(yè)網(wǎng)站在企業(yè)的網(wǎng)絡(luò)營銷當(dāng)中占有及其重要的地位,只要是涉及網(wǎng)絡(luò)宣傳的企業(yè),都應(yīng)該建立屬于自己的個性企業(yè)網(wǎng)站。他不僅能夠讓企業(yè)在網(wǎng)絡(luò)上展示自己的產(chǎn)品,促進實際銷售的增長,更能夠通過一根網(wǎng)線,向目標(biāo)客戶展示企業(yè)自身的形象。
對于企業(yè)網(wǎng)站設(shè)計的觀點,偏重網(wǎng)站的形象設(shè)計,即在功能務(wù)實、體系完善的情況下,重點結(jié)合企業(yè)理念打造網(wǎng)站的形象。Logo就能很好的表現(xiàn)企業(yè)的形象。企業(yè)標(biāo)志(Logo)是指用于代表企業(yè)形象的獨特的、有意義的圖案,是企業(yè)形象識別當(dāng)中最核心的環(huán)節(jié),可用于與企業(yè)形象相關(guān)的所有環(huán)節(jié)。由于企業(yè)標(biāo)志所處的特殊地位,決定了其不能夠隨意更換,因此能否設(shè)計一個有內(nèi)涵、有文化、便于識別的標(biāo)志,并建立相關(guān)的應(yīng)用系統(tǒng),關(guān)乎到企業(yè)長遠的發(fā)展,不容小視
陜西科技大學(xué)鎬京學(xué)院
正文
通過這一學(xué)期的學(xué)習(xí),在老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實例,教會我們網(wǎng)頁制作的方法。在老師的細心指導(dǎo)下我們學(xué)會了豐富全面的軟件技術(shù)和應(yīng)用技巧,讓我們真正對所學(xué)的軟件融會貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制作了個人網(wǎng)站,作為實習(xí)的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是Dreamweaver , banner軟件。Dreamweaver大大加速了網(wǎng)絡(luò)時代電子交易應(yīng)用中的項目交付。它提供了網(wǎng)頁和表單的動態(tài)生成到企業(yè)級的解決方案,如電子商店,庫存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫應(yīng)用等功能。
網(wǎng)頁制作過程大綱
1.資料的搜集。2.熟悉制作軟件。
3.構(gòu)建站點框架。打開Dremweaver后第一步便是新建站點。4設(shè)計主頁及二級頁面。5實現(xiàn)網(wǎng)頁間的鏈接
鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。6給靜態(tài)網(wǎng)頁插入動態(tài)效果
具體操作步驟
通過這一學(xué)期的學(xué)習(xí),在老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實例,教會我們網(wǎng)頁制作的方法。在老師的細心指導(dǎo)下我們學(xué)會了豐富全面的軟件技術(shù)和應(yīng)用技巧,讓我們真正對所學(xué)的軟件融會貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制作了個人網(wǎng)站,作為實習(xí)的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是Dreamweaver , banner軟件。Dreamweaver大大加速了網(wǎng)絡(luò)時代電子交易應(yīng)用中的項目交付。它提供了網(wǎng)頁和表單的動態(tài)生成到企業(yè)級的解決方案,如電子商店,庫存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫應(yīng)用等功能。例如,網(wǎng)頁上很流行的陰影和立體按紐等效果,只需單擊一下就可以制作完成。當(dāng)然,其最方便之處是,它可以將圖象切割,圖象映射,懸停按紐,圖象翻轉(zhuǎn)等效果直接生成HTML代碼,或者嵌入到現(xiàn)有的網(wǎng)頁中,或者作為單獨的網(wǎng)頁出現(xiàn)。主圖是一個網(wǎng)頁的門面,它能體現(xiàn)出這個網(wǎng)頁的整體風(fēng)格。
Web考試網(wǎng)頁制作
制作過程簡介 制作網(wǎng)頁前的準(zhǔn)備:
首先是確定主題,經(jīng)過再三考慮,就做了個關(guān)于個人網(wǎng)頁的網(wǎng)站,平時也總是瀏覽類似的網(wǎng)站,對這些還有些了解,于是確定主題,做一些類似的網(wǎng)站,但考慮到自身水平有限 ,最后決定建立一個簡單的自我介紹介紹和照片展示。于是網(wǎng)站主題確立。
然后是整體規(guī)劃,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,大致分幾部分,日記,照片欄,生活欄,再加入個別網(wǎng)站等,每一部分又分幾小部分,內(nèi)容比較充分,多樣。
再后是收集資料與素材,大量瀏覽相關(guān)網(wǎng)站,收集關(guān)于中國的一些事跡歷史圖片,好的文章和圖片等,還有參考一些好的網(wǎng)站的布局,特色,顏色搭配,背景圖等。
開始制作網(wǎng)頁:
打開Dreamweaver后,首先要建立站點,也就是要確認(rèn)你所做的網(wǎng)頁及相關(guān)的素材要保存在哪里,以便于后面的修改和保存。然后創(chuàng)建新的空白,可以從模板創(chuàng)建,利用做好的格局,添加自己想要的東西,或是自己對空白網(wǎng)頁布局,畫出自己需要的大概的框架,確定需要在什么地方該添加那一部分的內(nèi)容,然后在一步步添加網(wǎng)頁上需要的東西。首先,我用flash制作網(wǎng)頁的banner,是網(wǎng)頁更具可觀性。要先插入背景文本框,確定這個flash的大小,使之來了能夠符合網(wǎng)頁的大小標(biāo)準(zhǔn),然后再插入flash,再設(shè)定flash的大小,播放格式,最重要的是要插入flash的播放插件,否則插入到網(wǎng)頁中的flash是不能被播放出來的,我們使用的Dreamweaver軟件,在插入flash的鏈接時可以出現(xiàn)自動的格式設(shè)置,這更方便了我們的網(wǎng)頁制作:
陜西科技大學(xué)鎬京學(xué)院
再來就是根據(jù)自己對網(wǎng)行業(yè)的布局,畫出布局單元格,在單元格中插入自己想展示在首頁的圖片或是文字,在插入圖片時,要根據(jù)單元格的大小選擇合適的圖片,圖片我們可以用Photoshop軟件,修改其大小或是色彩,及做其他想要的效果,使之在網(wǎng)頁中顯示的更清晰:
我將自己的首頁分成了3個主要部分,第三部分是照片的展示,主要是自己出去旅游的照片,將布局欄里劃分成6個單元格,分別插入6張照片,同時為了是它在網(wǎng)頁上顯示的效果更好,我在照片上還添加了一個透明的flash,這個flash的插入與banner中插入的flash有所不同,要給它附一個層的屬性,是它能夠疊加到照片的上一層:
Web考試網(wǎng)頁制作
網(wǎng)頁制作的要點:
首頁內(nèi)容精彩豐富,簡潔明快,語言風(fēng)趣,通俗易懂。頁面可愛清爽。首頁主要是導(dǎo)航作用。首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務(wù),一個網(wǎng)站強調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
一是簡潔實用: 這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。二是使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求: 布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔 次。當(dāng)然雅俗共賞是人人都追求的。
再后,調(diào)試過程,好多次本來在dream里好好的,把字調(diào)的好好的,位置很對,可在瀏覽器里御覽就出毛病了,不是靠上了,就是靠下了,很不老實,經(jīng)過再三調(diào)試,整理,加了好多表格,終于滿意了,很是麻煩,想請問老師,為什么會出現(xiàn)這種情況啊,還有怎么解決啊,不用這么反復(fù)調(diào)整的辦法,還有什么好辦法啊?
還有,在最超鏈接過程中,明明在頁面屬性里設(shè)置的是超鏈接的文字是原色,點擊鏈接后也是原色,可一鏈接上就變色了,想了老半天,也做了很多研究,實驗,終于知道怎么回事了,原來應(yīng)該對文字所在的單元格整體做鏈接,而不是只選中文字做鏈接。
陜西科技大學(xué)鎬京學(xué)院
還有,這次的網(wǎng)站大部分用的是表格,層用的很少,因為它太靈活了,不好控制,用的很少。
再后,是網(wǎng)頁的上傳與發(fā)布,用ftp將制作好的網(wǎng)站上傳
制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用,操作,可這樣要修改模版可就麻煩了,要一個網(wǎng)頁一個的修改,于是趕緊上網(wǎng)學(xué)習(xí)相關(guān)內(nèi)容,閱覽書籍,最后才知道文件這有個資源,點擊
進入資源面板,點擊到數(shù)第二個的模版,選項,所有模版就都顯示了,點擊資源面板左下角的應(yīng)用命令,好了,這個模版就應(yīng)用到你建立的網(wǎng)頁中去了。
這只是在制作過程中出現(xiàn)的問題之一,其它問題也是類似相同。現(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。以我們的經(jīng)驗,當(dāng)前的軟件的功能日趨復(fù)雜,不學(xué)到一定的深度和廣度是難以在實際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠,缺點疏漏。需在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。
同學(xué)告訴我,要做好網(wǎng)頁,一定要學(xué)從C++,JAVA,php,asp,數(shù)據(jù)庫。以后要學(xué)的實在是太多了,而且我也很喜歡這方面,在以后的日子里,會努力填充自己,豐富自己的。希望以后有不懂的地方,老師能多多指點。
實踐心得
Web考試網(wǎng)頁制作
學(xué)到的知識:
在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見,它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分,從而倍受人們的重視。
對于現(xiàn)在的社會,科技的飛速發(fā)展已經(jīng)成為社會發(fā)展的標(biāo)志。其中計算機的發(fā)展可謂快中之快,而在計算機的發(fā)展中計算機網(wǎng)絡(luò)的發(fā)展又是首當(dāng)其沖的。計算機網(wǎng)絡(luò)從為我們所知,到現(xiàn)在才經(jīng)歷的短短的幾年時間,在這幾年中隨著計算機網(wǎng)絡(luò)的廣泛應(yīng)用,特別是Internet的普及和發(fā)展,網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺、新游戲的發(fā)布、最新的各種IT動態(tài),包括等候就業(yè)人才的個人簡歷,我們都是可以通過網(wǎng)絡(luò)來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢——對就是網(wǎng)頁?,F(xiàn)如今,數(shù)以萬計的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候,在網(wǎng)絡(luò)成為通信的主要手段的時候,在計算機網(wǎng)絡(luò)普及的今天,網(wǎng)頁也在它自己的崗位上做出了突出的貢獻。網(wǎng)頁是我們在網(wǎng)絡(luò)上的“代言人”。我們將什么樣的信息傳達給瀏覽者,要講述什么樣的事情,網(wǎng)頁在這里起著重要的作用。
企業(yè)網(wǎng)站在企業(yè)的網(wǎng)絡(luò)營銷當(dāng)中占有及其重要的地位,只要是涉及網(wǎng)絡(luò)宣傳的企業(yè),都應(yīng)該建立屬于自己的個性企業(yè)網(wǎng)站。他不僅能夠讓企業(yè)在網(wǎng)絡(luò)上展示自己的產(chǎn)品,促進實際銷售的增長,更能夠通過一根網(wǎng)線,向目標(biāo)客戶展示企業(yè)自身的形象。
對于企業(yè)網(wǎng)站設(shè)計的觀點,偏重網(wǎng)站的形象設(shè)計,即在功能務(wù)實、體系完善的情況下,重點結(jié)合企業(yè)理念打造網(wǎng)站的形象。Logo就能很好的表現(xiàn)企業(yè)的形象。企業(yè)標(biāo)志(Logo)是指用于代表企業(yè)形象的獨特的、有意義的圖案,是企業(yè)形象識別當(dāng)中最核心的環(huán)節(jié),可用于與企業(yè)形象相關(guān)的所有環(huán)節(jié)。由于企業(yè)標(biāo)志所處的特殊地位,決定了其不能夠隨意更換,因此能否設(shè)計一個有內(nèi)涵、有文化、便于識別的標(biāo)志,并建立相關(guān)的應(yīng)用系統(tǒng),關(guān)乎到企業(yè)長遠的發(fā)展,不容小視。
建設(shè)網(wǎng)站的一般過程包括:前期內(nèi)容確立、網(wǎng)站架構(gòu)搭建、創(chuàng)意策劃、設(shè)計、網(wǎng)站建設(shè)。網(wǎng)站的功能版塊一般分為首頁(含引導(dǎo)頁)、新聞部分、產(chǎn)品部分、信息交流部分、定制系統(tǒng)、零散頁面等。根據(jù)不同的企業(yè)需求,各網(wǎng)站的功能版塊數(shù)量、布局、結(jié)構(gòu)各異。
陜西科技大學(xué)鎬京學(xué)院
網(wǎng)頁制作心得:
一.頁面的設(shè)計方面
網(wǎng)頁設(shè)計跟學(xué)習(xí)別的東西一樣,也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心,如果沒有耐心,就學(xué)不好網(wǎng)頁設(shè)計,應(yīng)為當(dāng)你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了很長時間才解決。
學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持,堅持不斷的學(xué)習(xí),因為設(shè)計網(wǎng)頁的軟件在不斷的更新,因此我們要不斷的學(xué)習(xí)
并且學(xué)習(xí)網(wǎng)頁設(shè)計不要掉入技術(shù)的陷阱,如果你的網(wǎng)頁設(shè)計技術(shù)一流,并且對軟件的掌握程度已經(jīng)達到一定水平,但是你設(shè)計的網(wǎng)頁確不堪目睹,這是因為網(wǎng)頁設(shè)計是介于平面設(shè)計和編程技術(shù)兩者之間的“邊緣科學(xué).”不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識.只有綜合運用多種知識,才能設(shè)計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能.并且我認(rèn)為網(wǎng)頁設(shè)計應(yīng)該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。因此我提倡簡單的美。二.網(wǎng)頁視覺效果
視覺形象識別即我們通常所說的VI(VisualIdentity),與BI一起用于深化表現(xiàn)企業(yè)理念,同時也受到BI的影響。所謂視覺形象識別,就是指能夠被目標(biāo)客戶通過視覺來認(rèn)知與企業(yè)相關(guān)的一切事物,從最基礎(chǔ)的企業(yè)標(biāo)志、吉祥物、標(biāo)準(zhǔn)色到企業(yè)日常業(yè)務(wù)中的信紙、服裝、名片等等,在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識別系統(tǒng)。
視覺形象識別系統(tǒng)在整套CIS中處于最表層的位置,其中所有的設(shè)計都將與目標(biāo)客戶發(fā)生直接的接觸。
三.網(wǎng)頁的整體布局和導(dǎo)航
網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構(gòu),說的通俗一點就是排版。如何突出最重要的內(nèi)容,即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達的信息。這一點至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁中,一個共同的特點就是網(wǎng)頁的整體架構(gòu)十分的清晰明了,便于用戶瀏覽
網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜
Web考試網(wǎng)頁制作
合框架型、封面型、Flash型、變化型 網(wǎng)頁布局是主要考慮以下幾點:
1、首先要考慮整個網(wǎng)頁的長和寬,以及長度和寬度之間的比例。
2、其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3、正文的框架設(shè)置(橫向因素和縱向因素交錯)四.網(wǎng)頁中文字、圖像
圖像我利用網(wǎng)上搜索和自己所學(xué)過的Photoshop進行處理,同時也可以用其他的軟件,例如:光影或是美圖秀秀,這些軟件操作比較方便,為制作網(wǎng)頁節(jié)省不不少時間。五.網(wǎng)頁制作過程中的其他注意事項
不要過于注重色彩的燦爛,只要簡單就行。我們最終追求的主要是實用價值。通過這次實習(xí),在制作時想想使自己的網(wǎng)頁更加豐富多彩,在網(wǎng)頁中插入圖象,動畫,動態(tài)特效??墒强傆龅竭@樣那樣的問題,但在同學(xué)的幫助和自己摸索的情況下完成了這個實習(xí)的成果??吹搅艘恍┲木W(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。以我們的經(jīng)驗,當(dāng)前的軟件的功能日趨復(fù)雜,不學(xué)到一定的深度和廣度是難以在實際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠,缺點疏漏。虛在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。
近一個星期的實訓(xùn)將要結(jié)束,其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼,去回味,去探索。從制作網(wǎng)頁過程中,我學(xué)到了新的美化網(wǎng)頁的方法,運用了更多以前未運用的技巧。這使我學(xué)到了更多的知識,并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷,將是我今后走上社會后的一筆巨大的財富。這次實習(xí)的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng),鍛煉和提高。
第二篇:Dreamweaver制作網(wǎng)頁經(jīng)典問題
Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(1)1> 在DW中,如何輸入一個空格呢?
輸入空格的問題,在DW似乎已成了一個老生常談的問題,我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。
DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的,因此通過將輸入法調(diào)整到全角模式就可以避免了,方法是:打開中文輸入法(以人工智能ABC為例),按Shift+Space切換到全角狀態(tài),現(xiàn)在應(yīng)該沒問題了。此外,你還可以通過許多“變通”的方法達到錄入空格的目的,比如常用的是:
直接在源代碼中加入代表空格的HTML代碼“ ”;輸入一定長度的文字對象后,然后調(diào)整文字的顏色與當(dāng)前的背景顏色相同等等,不過注意的是后者在一些瀏覽器中可能顯示上有點問題。
2> 如何在瀏覽器地址欄前添加自定義的小圖標(biāo)?
你是不是記得有時在瀏覽網(wǎng)易網(wǎng)站的首頁時,在地址004km.cn前會顯示一個“易”字樣的小圖標(biāo)。而默認(rèn)情況下,這個圖標(biāo)是一個IE瀏覽器的指定圖片。
其實這也不是什么高深技術(shù),只不過在網(wǎng)站目錄下添加了一個特定文件而已。
這時,我們需要預(yù)先制作一個圖標(biāo)文件,大小為16*16像素。文件擴展名為ico,然后上傳到相應(yīng)目錄中。在HTML源文件“
”之間添加如下代碼:其中的“SHORTCUT ICON”即為該圖標(biāo)的名稱。當(dāng)然如果用戶使用IE5或以上版本瀏覽時,就更簡單了,只需將圖片上傳到網(wǎng)站根目錄下,即可自動識別!
3> 為什么,我本來設(shè)計很好的網(wǎng)頁,在瀏覽器窗口最小化時會變的丑陋難堪?
這應(yīng)該是個很值得大家注意的問題,也就是說,在全屏狀態(tài)下瀏覽網(wǎng)頁內(nèi)容時,一點問題也沒有。當(dāng)我們使用窗口的最小化命令或手動的調(diào)整窗口的大小時,問題就慢慢出現(xiàn)了。網(wǎng)頁內(nèi)容會把當(dāng)前窗口作為顯示范圍,依次下挫。舉個例子,和在記事本中有“自動換行”和“沒換行”的差別是完全一樣的。解決這個問題,我們必須從網(wǎng)頁的布局說起,一般情況下,網(wǎng)頁內(nèi)容的定位大多是通過表格來實現(xiàn)的。因此問題的“毛病”也就出在表格上。你可能已經(jīng)注意到了,在表格的高寬設(shè)定選擇上提供了兩種不同的類型,百分比和像素。其中百分比的使用將會產(chǎn)生前面說到的那個毛病,將其全部更正為Pixels單位的實際大小就可以了。
4> 如何改變網(wǎng)頁顯示時,最頂部的提示信息?
瀏覽網(wǎng)頁時,頂部的提示信息往往代表了網(wǎng)頁內(nèi)容的關(guān)鍵所在,有助于訪問者提前了解網(wǎng)頁內(nèi)容。在DW4前,沒有在功能上直接提供該操作,我們往往通過在源代碼中應(yīng)用“title”屬性來完成。進入DW4就簡單多了。
直接在編輯窗口最上方的“title”輸入框內(nèi)鍵入所需要的文字信息即可。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(2)5> 怎么樣,才能為圖片添加指定顏色的邊框?
對于沒有邊框的圖片而言,直接插入到網(wǎng)頁中,在顯示效果上是相當(dāng)差的。記得在微軟的FP中要給圖片添加滿意的邊框還是相當(dāng)麻煩的。不過在DW中就顯得容易多了,因為這里有一個“Border”屬性,可以讓你直接設(shè)置邊框的寬度。
寬度設(shè)好了,你一定會問,顏色呢?面板上并沒有提供顏色的選擇呀!呵呵,其實這里有一個技巧問題,用鼠標(biāo)選擇圖片對象,注意不是點擊選中,而是拖動選擇。象設(shè)定文字顏色一樣進行就可以了。
6> 如何添加圖片及鏈接文字的提示信息?
在我們?yōu)g覽網(wǎng)頁時,當(dāng)鼠標(biāo)停留在圖片對象或鏈接上時,在鼠標(biāo)的右下有時會出現(xiàn)一個提示信息框。對目標(biāo)進行一定的注釋說明。在一些場合,它的作用是很重要的。
下面先看看圖片提示信息的添加,選中圖片對象,在屬性面板里你會發(fā)現(xiàn)有個“Alt”輸入框。默認(rèn)情況下,該輸入框是空白的。在這里錄入需要的提示內(nèi)容就可以了。
那么鏈接提示的制作就沒這么簡單了。因為DW中沒有直接提供該功能,因此我們需要通過添加HTML代碼來實現(xiàn)。
在中添加“title”屬性。title=提示內(nèi)容即可。
7> 如何把自己的ZIP或其他類型的文件供別人下載?
在不少初級網(wǎng)頁制作者看來,好象通過鼠標(biāo)單擊完成下載是件很“神秘”的事,實際上遠非如此.在DW中凡是不被瀏覽器識別的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作為鏈接目標(biāo)時,默認(rèn)的操作都是下載.這時你只需要,把要瀏覽者下載的文件名寫好,然后制作一個到目標(biāo)文件的鏈接.注意目錄一定不要搞錯.8> 怎樣才能夠保證網(wǎng)頁中文字不跟隨瀏覽器字體大小設(shè)置而變動?
大家都知道,在IE瀏覽器的功能設(shè)置中,有一個可以自由設(shè)置窗口內(nèi)容字體大小的功能,這樣由于不同訪問者的習(xí)慣問題,呈現(xiàn)在他們面前的網(wǎng)頁有時也會不同。
比如你可能本來設(shè)計時用的是2號字體,結(jié)果由于用戶對瀏覽器的額外設(shè)定,變的更大了,這時顯示效果上就出問題了。
那么解決的辦法就是將網(wǎng)頁內(nèi)容定性的強制在某個合適的大小上。即不容許他變化。通過CSS樣式表對字體進行強制性控制就可以實現(xiàn)這個要求了。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(3)
9> 以新窗口的形式打開目標(biāo)鏈接?
以新窗口打開,顧名思義,也就是在不覆蓋當(dāng)前窗口的前提下,另外打開一個瀏覽器窗口。你可以直接在連接代碼中加入“Target=_blank”。
如果你的HTML比較差的話,在DW屬性面板上同樣提供了這個設(shè)置,當(dāng)你在Link輸入框中鍵入004km.cnmon的“內(nèi)容”。
單擊上面的“Refresh”按鈕,其中“Delay”輸入框中鍵入刷新延遲的時間(單位:秒),“Action”為刷新指定的目標(biāo)URL。因為現(xiàn)在是刷新當(dāng)前頁面,直接選單選項“Refresh This Document”即可。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(4)
13> 如何定義網(wǎng)頁的關(guān)鍵字(Keyname)?
當(dāng)用戶使用搜索引擎search合適內(nèi)容的網(wǎng)頁時,關(guān)鍵字起著一個不容忽視的作用。大多的搜索服務(wù)器會每隔一段時間自動探測網(wǎng)絡(luò)中是否有新網(wǎng)頁產(chǎn)生,并把他們按關(guān)鍵字進行記錄,以方便用戶查詢。
你當(dāng)然想讓你的網(wǎng)頁出現(xiàn)在搜索引擎的查詢返回列表中了,這時關(guān)鍵字的定義就尤為重要了。
同樣在“Head”面板部分,單擊“Keywords”按鈕,錄入需要逐個定義的關(guān)鍵字即可,注意每個關(guān)鍵字以“;”號隔開,數(shù)目沒有限制。
14> 如何在編輯窗口中,隱藏一些不必要的標(biāo)簽?
當(dāng)用戶在網(wǎng)頁中插入了太多的不可見元素時,在編輯窗口的最上面就會顯示一排相應(yīng)的標(biāo)示標(biāo)簽,用來方便用戶隨時能找到它們。雖然這些標(biāo)簽本身并不影響瀏覽器里的顯示效果,但多了以后,往往使網(wǎng)頁內(nèi)容不得不錯位,從而一定程度上妨礙網(wǎng)頁視覺上的調(diào)整,那么怎么樣才能把這些東東去掉呢?
進入“Preperence”面板,列表中選擇“Invisibel Elements”,勾掉你不想顯示的項目前的“對號”即可,比如Scripts等
15>安排不支持“框架”的瀏覽器的顯示內(nèi)容?
我們知道,目前的瀏覽器類型很多,因此我們設(shè)計網(wǎng)頁時最先考慮到的往往是“這個東西是不是在不同的瀏覽器中都能顯示好呢?”??蚣芫褪且粋€例子!
不過避免開這點,很簡單,你只需要在源代碼中加入下面的內(nèi)容就可以了。
< BODY>
16> 如何避免別人把你的網(wǎng)頁放在框架中?
一些居心不良的人,經(jīng)常偷著竊取別人的勞動成果,比如把別人精心制作的網(wǎng)頁以子頁的形式放到自己的框架中。
那么怎樣避免自己的網(wǎng)頁內(nèi)容被“盜用”呢?
你只需要在網(wǎng)頁源代碼的
之間加入以下代碼內(nèi)容: